@import "../bootstrap/dist/css/bootstrap.min.css";
@import "../bootstrap/dist/css/bootstrap-theme.min.css";
@import "modal4.css";
@font-face {
  font-family: "Hermes Thin";
  src: url("../fonts/hermes-fb/hermes-fb-thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Hermes Regular";
  src: url("../fonts/hermes-fb/hermes-fb-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Hermes Bold";
  src: url("../fonts/hermes-fb/hermes-fb-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Hermes Black";
  src: url("../fonts/hermes-fb/hermes-fb-black.woffd") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans Rounded 100";
  src: url("../fonts/museo-sans-rounded/museo-sans-rounded-100.otf") format("opentype");
}
@font-face {
  font-family: "Museo Sans Rounded 300";
  src: url("../fonts/museo-sans-rounded/museo-sans-rounded-300.otf") format("opentype");
}
@font-face {
  font-family: "Museo Sans Rounded 500";
  src: url("../fonts/museo-sans-rounded/museo-sans-rounded-500.otf") format("opentype");
}
@font-face {
  font-family: "Museo Sans Rounded 700";
  src: url("../fonts/museo-sans-rounded/museo-sans-rounded-700.otf") format("opentype");
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Hermes Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  line-height: 1.1;
  color: #595858;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 28px;
  margin-bottom: 14px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 14px;
  margin-bottom: 14px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 52px;
}
h2,
.h2 {
  font-size: 43px;
}
h3,
.h3 {
  font-size: 34px;
}
h4,
.h4 {
  font-size: 25px;
}
h5,
.h5 {
  font-size: 20px;
}
h6,
.h6 {
  font-size: 17px;
}
body {
  font-family: "Museo Sans Rounded 300", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  height: 100%;
}
a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}
.wrapper {
  min-height: 100%;
  position: relative;
}
.container-body {
  padding-bottom: 210px;
}
.nav-logo .nav-logo-symbol {
  position: relative;
  display: inline-block;
  font-size: 0;
  z-index: 5;
  margin-right: 3px;
}
.nav-logo .nav-logo-symbol-cart {
  display: block;
  height: 37px;
  width: 31px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  background-image: url(https://trustly.com/shared/img/logo-symbol.svg);
}
.nav-logo .nav-logo-wordmark {
  z-index: 0;
  width: 84px;
  height: 29px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  background-image: url(../svg/logo-wordmark.svg);
}
@media (max-width: 767px) {
  .nav-logo {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    padding: 10px 0px 0px !important;
  }
  .nav-logo .nav-logo-symbol-cart {
    margin-left: 10px;
  }
}
#header-logo-footer {
  margin-top: 14px;
  height: 30px;
  width: auto;
}
/*
Footer wrapper footer
*/
.pull-right {
  float: right !important;
}
.nav {
  font-family: "Hermes Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}
.nav ul {
  padding: 0;
  list-style: none;
  font-family: "Hermes Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}
.nav a {
  color: #fff;
}
.nav a:hover,
.nav a:focus {
  text-decoration: none;
}
.navbar {
  border-radius: 0;
}
@media (max-width: 991px) {
  .navbar.navbar-background-fill {
    background-color: #343537;
    opacity: 0.9;
  }
}
.navbar-separator {
  display: block;
  border: 0 solid rgba(0, 0, 0, 0.3);
  border-top-width: 1px;
}
.page-gaming .navbar-separator {
  border: 0 solid rgba(255, 255, 255, 0.3);
  border-top-width: 1px;
}
@media (min-width: 992px) {
  .navbar-separator {
    transform-origin: top left;
    transform: translateX(-30px) scale(0, 0.5);
    animation: navbar-separator 500ms 200ms ease-in forwards;
  }
}
@media (min-width: 992px) {
  .navbar-nav-top {
    animation: navbar-nav 500ms 200ms ease-out both;
  }
  .navbar-nav-bottom {
    animation: navbar-nav 500ms 500ms ease-out both;
  }
}
.wrapper-footer .navbar-nav {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .wrapper-footer .navbar-nav {
    margin: 0;
    display: flex;
    justify-content: space-between;
  }
  .wrapper-footer .navbar-nav::before,
  .wrapper-footer .navbar-nav::after {
    content: initial;
  }
}
@media (max-width: 991px) {
  .wrapper-top-nav .navbar .nav {
    padding-bottom: 30px;
  }
}
.dropdown-menu {
  font-size: 14px;
}
.dropdown-menu > li > a {
  color: #fff;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: transparent;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background: transparent;
}
@media (min-width: 768px) {
  .navbar-float {
    position: fixed;
    left: 0;
    top: -7px;
    width: 100%;
    transform: translateY(-100%);
    transition: none;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) {
  .navbar-float-ready {
    transition: transform .45s;
  }
  .navbar-float-open {
    transform: translateY(0);
  }
}
.wrapper-footer {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 210px;
  bottom: 0;
  background: #2f3133;
}
.wrapper-footer .container {
  background: #2f3133;
}
.wrapper-footer h3 {
  font-family: "Hermes Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.wrapper-footer a {
  text-shadow: none !important;
}
.wrapper-footer a:hover,
.wrapper-footer a:focus {
  text-decoration: none;
}
@media (max-width: 991px) {
  .wrapper-footer {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .wrapper-footer {
    padding: 37px 0 10px;
  }
  .wrapper-footer .nav {
    border-top: 1px solid #505254;
    padding-top: 7px;
    width: 100%;
  }
  .wrapper-footer .nav ul {
    letter-spacing: 0;
  }
  .wrapper-footer .nav > li {
    line-height: 1.6;
  }
  .wrapper-footer .nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .wrapper-footer .nav > li > a:hover,
  .wrapper-footer .nav > li > a:focus {
    background-color: transparent;
  }
}
@media (min-width: 1200px) {
  .wrapper-footer {
    padding: 38px 0 22px;
    font-size: 14px;
  }
}
.wrapper-footer .nav {
  font-size: 11px;
}
@media (min-width: 1200px) {
  .wrapper-footer .nav {
    font-size: 14px;
  }
}
.wrapper-legal {
  background: #383b3e;
  color: #8b8d8e;
  font-family: "Hermes Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}
.wrapper-legal .legal-copy {
  background-image: url(/shared/img/legal-logo.png);
  background-repeat: no-repeat;
  background-size: image-width("../../../files/shared/img/legal-logo.png") image-height("../../../files/shared/img/legal-logo.png");
  min-height: image-height("../../../files/shared/img/legal-logo.png");
}
@media only screen and (min-resolution: 192dppx) {
  .wrapper-legal .legal-copy {
    background-image: url(/shared/img/legal-logo@2x.png);
  }
}
.wrapper-legal .social-links {
  display: inline-block;
  margin: 4px 3px;
}
.wrapper-legal .social-links a + a {
  margin-left: 17px;
}
.wrapper-legal .social-links .icon-facebook {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjIyMSA5LjIyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOS4yMjEgOS4yMjEiPjxwYXRoIGZpbGw9IiM1NzVBNUUiIGQ9Ik03LjQ5MiA5LjIyMWgtMS4xNTR2LTMuNjUxaDEuMjJsLjE4MS0xLjM0NWgtMS40di0uODU4YzAtLjQwMi4xNy0uNjcyLjc0Ni0uNjcybC43OTEtLjAwNXYtMS4yNDRjLS4xOTItLjAxOC0uNTc2LS4wNTMtMS4wOC0uMDUzLTEuMDYyIDAtMS44MDIuNjQ4LTEuODAyIDEuODM2di45OTdoLTEuMzQ0djEuMzQ0aDEuMzQ0djMuNjVoLTMuMjY1Yy0uOTU1LjAwMS0xLjcyOS0uNzc0LTEuNzI5LTEuNzI5di01Ljc2MmMwLS45NTUuNzc0LTEuNzI5IDEuNzI5LTEuNzI5aDUuNzY0Yy45NTQgMCAxLjcyOS43NzQgMS43MjkgMS43Mjl2NS43NjNjLS4wMDEuOTU0LS43NzYgMS43MjktMS43MyAxLjcyOXoiLz48L3N2Zz4=");
  width: 25px;
  height: 25px;
  margin-top: -1px;
}
.wrapper-legal .social-links .icon-twitter {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjQ2MiA3LjY4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOS40NjIgNy42ODQiPjxwYXRoIGZpbGw9IiM1ODVCNUYiIGQ9Ik04LjQ4OCAxLjkxNWwuMDA3LjI1MmMwIDIuNTYyLTEuOTUxIDUuNTE3LTUuNTE4IDUuNTE3LTEuMDk3IDAtMi4xMTktLjMxOS0yLjk3Ny0uODcxLjE1NS4wMTguMzA2LjAyMy40NjguMDIzLjkwNyAwIDEuNzQyLS4zMDYgMi40MDgtLjgyOC0uODUzLS4wMTctMS41NjYtLjU3NS0xLjgxMi0xLjM0NGwuMzY1LjAzYy4xNzQgMCAuMzQ5LS4wMjMuNTEtLjA2Ni0uODg3LS4xOC0xLjU1NC0uOTYxLTEuNTU0LTEuOTAydi0uMDE5Yy4yNTguMTM4LjU1OC4yMjguODc2LjI0LS41MjItLjM0OC0uODY1LS45NDItLjg2NS0xLjYxNSAwLS4zNTkuMDk2LS42OTEuMjY0LS45NzguOTU1IDEuMTc2IDIuMzkgMS45NDUgMy45OTkgMi4wMjktLjAzMS0uMTQ0LS4wNDktLjI5NC0uMDQ5LS40NDQgMC0xLjA2OS44NjYtMS45MzkgMS45NC0xLjkzOS41NTkgMCAxLjA2Mi4yMzMgMS40MTcuNjEyLjQzOC0uMDg0Ljg1OC0uMjQ2IDEuMjMtLjQ2OS0uMTQ2LjQ1LS40NS44MjktLjg1MyAxLjA2OC4zOTEtLjA0MS43NjktLjE1IDEuMTE3LS4zLS4yNjQuMzg1LS41OTQuNzI4LS45NzMgMS4wMDR6Ii8+PC9zdmc+");
  width: 31px;
  height: 25px;
}
@media (max-width: 767px) {
  .wrapper-legal .social-links {
    margin: 10px auto 10px 42px;
  }
}
@media (min-width: 768px) {
  .wrapper-legal .social-links {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .wrapper-legal .social-links {
    padding-top: 4px;
  }
}
@media (min-width: 1200px) {
  .wrapper-legal .social-links {
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .wrapper-legal {
    font-size: 10px;
  }
  .wrapper-legal .legal-copy {
    padding-top: 4px;
    background-position: 15px 10px;
  }
}
@media (min-width: 768px) {
  .wrapper-legal {
    padding: 20px 0;
  }
  .wrapper-legal .legal-copy {
    padding-left: 74px;
    font-size: 11px;
    letter-spacing: 0.83px;
  }
}
@media (min-width: 992px) {
  .wrapper-legal {
    padding: 18px 0 19px;
  }
  .wrapper-legal .legal-copy {
    padding-left: 60px;
    font-size: 10px;
    letter-spacing: 0.83px;
  }
  .wrapper-legal .legal-copy .legal-copy-content {
    padding-top: 9px;
    line-height: 1.3;
  }
}
@media (min-width: 1200px) {
  .wrapper-legal {
    min-height: 80px;
  }
  .wrapper-legal .legal-copy {
    font-size: 12px;
  }
  .wrapper-legal .legal-copy .legal-copy-content {
    padding-top: 5px;
    line-height: 1.3;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li {
    float: none;
  }
}
@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.nav-logo-symbol svg path {
  fill: #69d720;
}
.wrapper-legal .legal-copy {
  background-position: 4px 6px;
}
@media (min-width: 768px) {
  .navbar-float {
    display: none;
  }
}
.navbar-collapse-open .nav-logo {
  opacity: 1;
}
@media (min-width: 992px) {
  .hamburger-menu {
    display: none !important;
  }
  .navbar-nav {
    -webkit-justify-content: space-between;
    display: -webkit-flex;
  }
}
@media (max-width: 991px) {
  .navbar {
    padding-top: 28px;
  }
  .navbar.navbar-background-fill {
    opacity: 1.0;
    background-color: transparent;
  }
  .nav,
  .nav ul {
    font-size: 11px;
    font-family: "Hermes Regular";
  }
  .navbar-collapse {
    background-color: #343537;
    margin-top: -73px;
    z-index: 6;
    padding: 46px 34px 0;
  }
  .navbar li {
    border-bottom: none;
    border-top: 1px solid #48494a;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 33px;
  }
  .navbar li a:focus,
  .navbar li a:hover,
  .dropdown-toggle a:focus,
  .navbar-collapse a:active,
  .navbar-nav a:focus,
  .navbar-collapse a:hover,
  .dropdown-menu > li > a:hover {
    color: rgba(255, 255, 255, 0.8);
    background-color: #343537;
  }
  .wrapper-footer li a:hover {
    background-color: transparent;
  }
  .navbar .caret {
    background-image: url('../img/icon-add.png');
    border: none;
    width: 11px;
    height: 11px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    top: 15px;
  }
  .navbar .open .caret {
    background-image: url('../img/icon-minus.png');
  }
  .navbar-nav-top > li:first-child {
    border-top: none;
  }
  .navbar-collapse {
    visibility: hidden;
    opacity: 0;
    transition: 0.4s all;
    transition-timing-function: ease-out;
    padding-top: 26px;
  }
  .navbar-collapse.show {
    visibility: visible;
    opacity: 1.0;
    padding-top: 46px;
  }
  .footer-container {
    width: 100%;
  }
  .navbar {
    border: none;
  }
  .navbar .btn-signup {
    position: relative;
    right: 70px;
  }
}
@media (max-width: 767px) {
  .navbar-collapse {
    margin-top: -59px;
  }
  .navbar-float .navbar-toggle {
    margin-top: 9px;
  }
  .wrapper-top-nav {
    top: 18px;
  }
  .icon-bars {
    width: 24px;
    height: 20px;
  }
  .navbar-toggle {
    margin-top: 0px;
  }
  .nav-logo-symbol-cart {
    background-size: 100%;
    margin-left: 24px;
    height: 30px;
    width: 25px;
  }
  .nav-logo-wordmark {
    position: relative;
    top: -2px;
    width: 69px;
    height: 19px;
  }
}
.lang {
  padding-left: 0px !important;
}
/* Startpage background and headline */
.headline-container-home {
  background: url(../img/trustly_background.jpg) no-repeat center center;
}
.headline-container-success {
  background: url(../img/trustly_background_success.jpg) no-repeat center center;
}
.headline-container {
  height: 100%;
  min-height: 1000px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.headline {
  margin-top: 0px;
  text-align: center;
  padding-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
.headline-sub {
  margin-top: 0px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1199px) and (orientation: portrait) {
  .headline-container {
    height: 1200px;
    min-height: 1200px;
  }
  .headline {
    padding-top: 30px;
  }
  .headline-sub {
    padding-top: 5px;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .headline-container {
    height: 700px;
    min-height: 700px;
  }
  .headline {
    padding-top: 20px;
  }
  .headline-sub {
    padding-top: 5px;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .headline-container {
    height: 1000px;
    min-height: 1000px;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .headline-container {
    height: 600px;
    min-height: 600px;
  }
  .headline {
    padding-top: 15px;
  }
  .headline-sub {
    padding-top: 0px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .headline-container {
    height: 980px;
    min-height: 980px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .headline-container {
    height: 500px;
    min-height: 500px;
  }
  .headline {
    padding-top: 10px;
  }
  .headline-sub {
    padding-top: 0px;
  }
}
@media (max-width: 568px) and (orientation: portrait) {
  .headline-container {
    height: 580px;
    min-height: 580px;
  }
  .headline {
    padding-top: 10px;
  }
  .headline-sub {
    padding-top: 0px;
  }
}
@media (max-width: 568px) and (orientation: landscape) {
  .headline-container {
    height: 450;
    min-height: 450px;
  }
  .headline {
    padding-top: 5px;
  }
  .headline-sub {
    padding-top: 0px;
  }
}
.inner-row {
  margin-top: 15px;
  margin-bottom: 15px;
}
.inner-col {
  padding-left: 0px;
  padding-right: 0px;
}
#main-img {
  width: 100%;
}
.btn-warning {
  font-weight: bold;
  background: #e89f0c;
  border-color: #c67d16;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}
.btn-primary {
  font-weight: bold;
  background: #3d0ce8;
  border-color: #360bca;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}
.btn-success {
  font-weight: bold;
  background: #55af09;
  border-color: #428707;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}
.test-system-container {
  width: 600px;
  margin: 15px auto 0;
}
.modal-header {
  padding-left: 30px;
  padding-right: 30px;
}
.trustly-link {
  text-decoration: underline;
}
.trustly-link:hover,
.trustly-link:active,
.trustly-link:visited {
  text-decoration: underline;
}
iframe {
  border: 0;
  width: 600px !important;
  height: 460px !important;
  display: block;
  margin: 0 auto;
}
.wrapper {
  min-height: 0;
}
.nav-logo {
  padding: 30px 100px 0px;
}
@media (max-width: 991px) {
  .nav-logo {
    padding: 30px 20px 0px !important;
  }
}
@media (max-width: 767px) {
  .nav-logo {
    padding: 10px 0px 0px !important;
  }
}
.items {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 0px;
}
.new-ads {
  margin-top: 30px;
}
.img-link {
  display: block;
}
.img-link .img-ad {
  width: 100%;
}
.img-link .bottom-info {
  background-color: #55af09;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  color: #ffffff;
}
.img-link .bottom-info h1,
.img-link .bottom-info h2,
.img-link .bottom-info h3,
.img-link .bottom-info h4,
.img-link .bottom-info h5,
.img-link .bottom-info h6 {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 7px;
  color: #ffffff;
}
.img-link:hover .bottom-info {
  background-color: #4b9908;
}
.bs-docs-featurette + .bs-docs-footer {
  margin-top: 0;
  border-top: 0;
}