.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
  /*
  @media (min-width: @screen-sm) {
    width: @container-sm;
  }*/
  /*
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }*/
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 1000px) {
  .container {
    width: 1024px;
  }
}
.row {
  margin-left: -12px;
  margin-right: -12px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16 {
  float: left;
}
.col-xs-16 {
  width: 100%;
}
.col-xs-15 {
  width: 93.75%;
}
.col-xs-14 {
  width: 87.5%;
}
.col-xs-13 {
  width: 81.25%;
}
.col-xs-12 {
  width: 75%;
}
.col-xs-11 {
  width: 68.75%;
}
.col-xs-10 {
  width: 62.5%;
}
.col-xs-9 {
  width: 56.25%;
}
.col-xs-8 {
  width: 50%;
}
.col-xs-7 {
  width: 43.75%;
}
.col-xs-6 {
  width: 37.5%;
}
.col-xs-5 {
  width: 31.25%;
}
.col-xs-4 {
  width: 25%;
}
.col-xs-3 {
  width: 18.75%;
}
.col-xs-2 {
  width: 12.5%;
}
.col-xs-1 {
  width: 6.25%;
}
.col-xs-pull-16 {
  right: 100%;
}
.col-xs-pull-15 {
  right: 93.75%;
}
.col-xs-pull-14 {
  right: 87.5%;
}
.col-xs-pull-13 {
  right: 81.25%;
}
.col-xs-pull-12 {
  right: 75%;
}
.col-xs-pull-11 {
  right: 68.75%;
}
.col-xs-pull-10 {
  right: 62.5%;
}
.col-xs-pull-9 {
  right: 56.25%;
}
.col-xs-pull-8 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 43.75%;
}
.col-xs-pull-6 {
  right: 37.5%;
}
.col-xs-pull-5 {
  right: 31.25%;
}
.col-xs-pull-4 {
  right: 25%;
}
.col-xs-pull-3 {
  right: 18.75%;
}
.col-xs-pull-2 {
  right: 12.5%;
}
.col-xs-pull-1 {
  right: 6.25%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-16 {
  left: 100%;
}
.col-xs-push-15 {
  left: 93.75%;
}
.col-xs-push-14 {
  left: 87.5%;
}
.col-xs-push-13 {
  left: 81.25%;
}
.col-xs-push-12 {
  left: 75%;
}
.col-xs-push-11 {
  left: 68.75%;
}
.col-xs-push-10 {
  left: 62.5%;
}
.col-xs-push-9 {
  left: 56.25%;
}
.col-xs-push-8 {
  left: 50%;
}
.col-xs-push-7 {
  left: 43.75%;
}
.col-xs-push-6 {
  left: 37.5%;
}
.col-xs-push-5 {
  left: 31.25%;
}
.col-xs-push-4 {
  left: 25%;
}
.col-xs-push-3 {
  left: 18.75%;
}
.col-xs-push-2 {
  left: 12.5%;
}
.col-xs-push-1 {
  left: 6.25%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-16 {
  margin-left: 100%;
}
.col-xs-offset-15 {
  margin-left: 93.75%;
}
.col-xs-offset-14 {
  margin-left: 87.5%;
}
.col-xs-offset-13 {
  margin-left: 81.25%;
}
.col-xs-offset-12 {
  margin-left: 75%;
}
.col-xs-offset-11 {
  margin-left: 68.75%;
}
.col-xs-offset-10 {
  margin-left: 62.5%;
}
.col-xs-offset-9 {
  margin-left: 56.25%;
}
.col-xs-offset-8 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 43.75%;
}
.col-xs-offset-6 {
  margin-left: 37.5%;
}
.col-xs-offset-5 {
  margin-left: 31.25%;
}
.col-xs-offset-4 {
  margin-left: 25%;
}
.col-xs-offset-3 {
  margin-left: 18.75%;
}
.col-xs-offset-2 {
  margin-left: 12.5%;
}
.col-xs-offset-1 {
  margin-left: 6.25%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-13,
  .col-sm-14,
  .col-sm-15,
  .col-sm-16 {
    float: left;
  }
  .col-sm-16 {
    width: 100%;
  }
  .col-sm-15 {
    width: 93.75%;
  }
  .col-sm-14 {
    width: 87.5%;
  }
  .col-sm-13 {
    width: 81.25%;
  }
  .col-sm-12 {
    width: 75%;
  }
  .col-sm-11 {
    width: 68.75%;
  }
  .col-sm-10 {
    width: 62.5%;
  }
  .col-sm-9 {
    width: 56.25%;
  }
  .col-sm-8 {
    width: 50%;
  }
  .col-sm-7 {
    width: 43.75%;
  }
  .col-sm-6 {
    width: 37.5%;
  }
  .col-sm-5 {
    width: 31.25%;
  }
  .col-sm-4 {
    width: 25%;
  }
  .col-sm-3 {
    width: 18.75%;
  }
  .col-sm-2 {
    width: 12.5%;
  }
  .col-sm-1 {
    width: 6.25%;
  }
  .col-sm-pull-16 {
    right: 100%;
  }
  .col-sm-pull-15 {
    right: 93.75%;
  }
  .col-sm-pull-14 {
    right: 87.5%;
  }
  .col-sm-pull-13 {
    right: 81.25%;
  }
  .col-sm-pull-12 {
    right: 75%;
  }
  .col-sm-pull-11 {
    right: 68.75%;
  }
  .col-sm-pull-10 {
    right: 62.5%;
  }
  .col-sm-pull-9 {
    right: 56.25%;
  }
  .col-sm-pull-8 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 43.75%;
  }
  .col-sm-pull-6 {
    right: 37.5%;
  }
  .col-sm-pull-5 {
    right: 31.25%;
  }
  .col-sm-pull-4 {
    right: 25%;
  }
  .col-sm-pull-3 {
    right: 18.75%;
  }
  .col-sm-pull-2 {
    right: 12.5%;
  }
  .col-sm-pull-1 {
    right: 6.25%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-16 {
    left: 100%;
  }
  .col-sm-push-15 {
    left: 93.75%;
  }
  .col-sm-push-14 {
    left: 87.5%;
  }
  .col-sm-push-13 {
    left: 81.25%;
  }
  .col-sm-push-12 {
    left: 75%;
  }
  .col-sm-push-11 {
    left: 68.75%;
  }
  .col-sm-push-10 {
    left: 62.5%;
  }
  .col-sm-push-9 {
    left: 56.25%;
  }
  .col-sm-push-8 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 43.75%;
  }
  .col-sm-push-6 {
    left: 37.5%;
  }
  .col-sm-push-5 {
    left: 31.25%;
  }
  .col-sm-push-4 {
    left: 25%;
  }
  .col-sm-push-3 {
    left: 18.75%;
  }
  .col-sm-push-2 {
    left: 12.5%;
  }
  .col-sm-push-1 {
    left: 6.25%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-16 {
    margin-left: 100%;
  }
  .col-sm-offset-15 {
    margin-left: 93.75%;
  }
  .col-sm-offset-14 {
    margin-left: 87.5%;
  }
  .col-sm-offset-13 {
    margin-left: 81.25%;
  }
  .col-sm-offset-12 {
    margin-left: 75%;
  }
  .col-sm-offset-11 {
    margin-left: 68.75%;
  }
  .col-sm-offset-10 {
    margin-left: 62.5%;
  }
  .col-sm-offset-9 {
    margin-left: 56.25%;
  }
  .col-sm-offset-8 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 43.75%;
  }
  .col-sm-offset-6 {
    margin-left: 37.5%;
  }
  .col-sm-offset-5 {
    margin-left: 31.25%;
  }
  .col-sm-offset-4 {
    margin-left: 25%;
  }
  .col-sm-offset-3 {
    margin-left: 18.75%;
  }
  .col-sm-offset-2 {
    margin-left: 12.5%;
  }
  .col-sm-offset-1 {
    margin-left: 6.25%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1000px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-13,
  .col-md-14,
  .col-md-15,
  .col-md-16 {
    float: left;
  }
  .col-md-16 {
    width: 100%;
  }
  .col-md-15 {
    width: 93.75%;
  }
  .col-md-14 {
    width: 87.5%;
  }
  .col-md-13 {
    width: 81.25%;
  }
  .col-md-12 {
    width: 75%;
  }
  .col-md-11 {
    width: 68.75%;
  }
  .col-md-10 {
    width: 62.5%;
  }
  .col-md-9 {
    width: 56.25%;
  }
  .col-md-8 {
    width: 50%;
  }
  .col-md-7 {
    width: 43.75%;
  }
  .col-md-6 {
    width: 37.5%;
  }
  .col-md-5 {
    width: 31.25%;
  }
  .col-md-4 {
    width: 25%;
  }
  .col-md-3 {
    width: 18.75%;
  }
  .col-md-2 {
    width: 12.5%;
  }
  .col-md-1 {
    width: 6.25%;
  }
  .col-md-pull-16 {
    right: 100%;
  }
  .col-md-pull-15 {
    right: 93.75%;
  }
  .col-md-pull-14 {
    right: 87.5%;
  }
  .col-md-pull-13 {
    right: 81.25%;
  }
  .col-md-pull-12 {
    right: 75%;
  }
  .col-md-pull-11 {
    right: 68.75%;
  }
  .col-md-pull-10 {
    right: 62.5%;
  }
  .col-md-pull-9 {
    right: 56.25%;
  }
  .col-md-pull-8 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 43.75%;
  }
  .col-md-pull-6 {
    right: 37.5%;
  }
  .col-md-pull-5 {
    right: 31.25%;
  }
  .col-md-pull-4 {
    right: 25%;
  }
  .col-md-pull-3 {
    right: 18.75%;
  }
  .col-md-pull-2 {
    right: 12.5%;
  }
  .col-md-pull-1 {
    right: 6.25%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-16 {
    left: 100%;
  }
  .col-md-push-15 {
    left: 93.75%;
  }
  .col-md-push-14 {
    left: 87.5%;
  }
  .col-md-push-13 {
    left: 81.25%;
  }
  .col-md-push-12 {
    left: 75%;
  }
  .col-md-push-11 {
    left: 68.75%;
  }
  .col-md-push-10 {
    left: 62.5%;
  }
  .col-md-push-9 {
    left: 56.25%;
  }
  .col-md-push-8 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 43.75%;
  }
  .col-md-push-6 {
    left: 37.5%;
  }
  .col-md-push-5 {
    left: 31.25%;
  }
  .col-md-push-4 {
    left: 25%;
  }
  .col-md-push-3 {
    left: 18.75%;
  }
  .col-md-push-2 {
    left: 12.5%;
  }
  .col-md-push-1 {
    left: 6.25%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-16 {
    margin-left: 100%;
  }
  .col-md-offset-15 {
    margin-left: 93.75%;
  }
  .col-md-offset-14 {
    margin-left: 87.5%;
  }
  .col-md-offset-13 {
    margin-left: 81.25%;
  }
  .col-md-offset-12 {
    margin-left: 75%;
  }
  .col-md-offset-11 {
    margin-left: 68.75%;
  }
  .col-md-offset-10 {
    margin-left: 62.5%;
  }
  .col-md-offset-9 {
    margin-left: 56.25%;
  }
  .col-md-offset-8 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 43.75%;
  }
  .col-md-offset-6 {
    margin-left: 37.5%;
  }
  .col-md-offset-5 {
    margin-left: 31.25%;
  }
  .col-md-offset-4 {
    margin-left: 25%;
  }
  .col-md-offset-3 {
    margin-left: 18.75%;
  }
  .col-md-offset-2 {
    margin-left: 12.5%;
  }
  .col-md-offset-1 {
    margin-left: 6.25%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-13,
  .col-lg-14,
  .col-lg-15,
  .col-lg-16 {
    float: left;
  }
  .col-lg-16 {
    width: 100%;
  }
  .col-lg-15 {
    width: 93.75%;
  }
  .col-lg-14 {
    width: 87.5%;
  }
  .col-lg-13 {
    width: 81.25%;
  }
  .col-lg-12 {
    width: 75%;
  }
  .col-lg-11 {
    width: 68.75%;
  }
  .col-lg-10 {
    width: 62.5%;
  }
  .col-lg-9 {
    width: 56.25%;
  }
  .col-lg-8 {
    width: 50%;
  }
  .col-lg-7 {
    width: 43.75%;
  }
  .col-lg-6 {
    width: 37.5%;
  }
  .col-lg-5 {
    width: 31.25%;
  }
  .col-lg-4 {
    width: 25%;
  }
  .col-lg-3 {
    width: 18.75%;
  }
  .col-lg-2 {
    width: 12.5%;
  }
  .col-lg-1 {
    width: 6.25%;
  }
  .col-lg-pull-16 {
    right: 100%;
  }
  .col-lg-pull-15 {
    right: 93.75%;
  }
  .col-lg-pull-14 {
    right: 87.5%;
  }
  .col-lg-pull-13 {
    right: 81.25%;
  }
  .col-lg-pull-12 {
    right: 75%;
  }
  .col-lg-pull-11 {
    right: 68.75%;
  }
  .col-lg-pull-10 {
    right: 62.5%;
  }
  .col-lg-pull-9 {
    right: 56.25%;
  }
  .col-lg-pull-8 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 43.75%;
  }
  .col-lg-pull-6 {
    right: 37.5%;
  }
  .col-lg-pull-5 {
    right: 31.25%;
  }
  .col-lg-pull-4 {
    right: 25%;
  }
  .col-lg-pull-3 {
    right: 18.75%;
  }
  .col-lg-pull-2 {
    right: 12.5%;
  }
  .col-lg-pull-1 {
    right: 6.25%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-16 {
    left: 100%;
  }
  .col-lg-push-15 {
    left: 93.75%;
  }
  .col-lg-push-14 {
    left: 87.5%;
  }
  .col-lg-push-13 {
    left: 81.25%;
  }
  .col-lg-push-12 {
    left: 75%;
  }
  .col-lg-push-11 {
    left: 68.75%;
  }
  .col-lg-push-10 {
    left: 62.5%;
  }
  .col-lg-push-9 {
    left: 56.25%;
  }
  .col-lg-push-8 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 43.75%;
  }
  .col-lg-push-6 {
    left: 37.5%;
  }
  .col-lg-push-5 {
    left: 31.25%;
  }
  .col-lg-push-4 {
    left: 25%;
  }
  .col-lg-push-3 {
    left: 18.75%;
  }
  .col-lg-push-2 {
    left: 12.5%;
  }
  .col-lg-push-1 {
    left: 6.25%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-16 {
    margin-left: 100%;
  }
  .col-lg-offset-15 {
    margin-left: 93.75%;
  }
  .col-lg-offset-14 {
    margin-left: 87.5%;
  }
  .col-lg-offset-13 {
    margin-left: 81.25%;
  }
  .col-lg-offset-12 {
    margin-left: 75%;
  }
  .col-lg-offset-11 {
    margin-left: 68.75%;
  }
  .col-lg-offset-10 {
    margin-left: 62.5%;
  }
  .col-lg-offset-9 {
    margin-left: 56.25%;
  }
  .col-lg-offset-8 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 43.75%;
  }
  .col-lg-offset-6 {
    margin-left: 37.5%;
  }
  .col-lg-offset-5 {
    margin-left: 31.25%;
  }
  .col-lg-offset-4 {
    margin-left: 25%;
  }
  .col-lg-offset-3 {
    margin-left: 18.75%;
  }
  .col-lg-offset-2 {
    margin-left: 12.5%;
  }
  .col-lg-offset-1 {
    margin-left: 6.25%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.container {
  min-width: 1024px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-16 {
  float: left;
}
.col-md-16 {
  width: 100%;
}
.col-md-15 {
  width: 93.75%;
}
.col-md-14 {
  width: 87.5%;
}
.col-md-13 {
  width: 81.25%;
}
.col-md-12 {
  width: 75%;
}
.col-md-11 {
  width: 68.75%;
}
.col-md-10 {
  width: 62.5%;
}
.col-md-9 {
  width: 56.25%;
}
.col-md-8 {
  width: 50%;
}
.col-md-7 {
  width: 43.75%;
}
.col-md-6 {
  width: 37.5%;
}
.col-md-5 {
  width: 31.25%;
}
.col-md-4 {
  width: 25%;
}
.col-md-3 {
  width: 18.75%;
}
.col-md-2 {
  width: 12.5%;
}
.col-md-1 {
  width: 6.25%;
}
.col-md-pull-16 {
  right: 100%;
}
.col-md-pull-15 {
  right: 93.75%;
}
.col-md-pull-14 {
  right: 87.5%;
}
.col-md-pull-13 {
  right: 81.25%;
}
.col-md-pull-12 {
  right: 75%;
}
.col-md-pull-11 {
  right: 68.75%;
}
.col-md-pull-10 {
  right: 62.5%;
}
.col-md-pull-9 {
  right: 56.25%;
}
.col-md-pull-8 {
  right: 50%;
}
.col-md-pull-7 {
  right: 43.75%;
}
.col-md-pull-6 {
  right: 37.5%;
}
.col-md-pull-5 {
  right: 31.25%;
}
.col-md-pull-4 {
  right: 25%;
}
.col-md-pull-3 {
  right: 18.75%;
}
.col-md-pull-2 {
  right: 12.5%;
}
.col-md-pull-1 {
  right: 6.25%;
}
.col-md-pull-0 {
  right: 0%;
}
.col-md-push-16 {
  left: 100%;
}
.col-md-push-15 {
  left: 93.75%;
}
.col-md-push-14 {
  left: 87.5%;
}
.col-md-push-13 {
  left: 81.25%;
}
.col-md-push-12 {
  left: 75%;
}
.col-md-push-11 {
  left: 68.75%;
}
.col-md-push-10 {
  left: 62.5%;
}
.col-md-push-9 {
  left: 56.25%;
}
.col-md-push-8 {
  left: 50%;
}
.col-md-push-7 {
  left: 43.75%;
}
.col-md-push-6 {
  left: 37.5%;
}
.col-md-push-5 {
  left: 31.25%;
}
.col-md-push-4 {
  left: 25%;
}
.col-md-push-3 {
  left: 18.75%;
}
.col-md-push-2 {
  left: 12.5%;
}
.col-md-push-1 {
  left: 6.25%;
}
.col-md-push-0 {
  left: 0%;
}
.col-md-offset-16 {
  margin-left: 100%;
}
.col-md-offset-15 {
  margin-left: 93.75%;
}
.col-md-offset-14 {
  margin-left: 87.5%;
}
.col-md-offset-13 {
  margin-left: 81.25%;
}
.col-md-offset-12 {
  margin-left: 75%;
}
.col-md-offset-11 {
  margin-left: 68.75%;
}
.col-md-offset-10 {
  margin-left: 62.5%;
}
.col-md-offset-9 {
  margin-left: 56.25%;
}
.col-md-offset-8 {
  margin-left: 50%;
}
.col-md-offset-7 {
  margin-left: 43.75%;
}
.col-md-offset-6 {
  margin-left: 37.5%;
}
.col-md-offset-5 {
  margin-left: 31.25%;
}
.col-md-offset-4 {
  margin-left: 25%;
}
.col-md-offset-3 {
  margin-left: 18.75%;
}
.col-md-offset-2 {
  margin-left: 12.5%;
}
.col-md-offset-1 {
  margin-left: 6.25%;
}
.col-md-offset-0 {
  margin-left: 0%;
}



.col-md-533 {
  position: relative;
  float: left;
  width: 33.3333%;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
}
.col-md-16 .size-single {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 25%;
}
.col-md-16 .size-double {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 50%;
}
.col-md-16 .size-triple {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 75%;
}
.col-md-16 .size-full {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-12 .size-single {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 33.3333%;
}
.col-md-12 .size-double {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 66.6666%;
}
.col-md-12 .size-triple {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-12 .size-full {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-8 .size-single {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 50%;
}
.col-md-8 .size-double {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-8 .size-triple {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-8 .size-full {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-4 .size-single {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-4 .size-double {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-4 .size-triple {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-md-4 .size-full {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
}
.col-max-width {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 100%;
  padding-bottom: 0;
}
.col-1-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 25%;
}
.col-3-4 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 75%;
}
.col-1-3 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 30px;
  width: 33%;
}



@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  table.visible-xs.visible-sm {
    display: table;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  table.visible-xs.visible-md {
    display: table;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  table.visible-xs.visible-lg {
    display: table;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-sm.visible-xs {
    display: table;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  table.visible-sm.visible-md {
    display: table;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  table.visible-sm.visible-lg {
    display: table;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  table.visible-md.visible-xs {
    display: table;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  table.visible-md.visible-sm {
    display: table;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  table.visible-md.visible-lg {
    display: table;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  table.visible-lg.visible-xs {
    display: table;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  table.visible-lg.visible-sm {
    display: table;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  table.visible-lg.visible-md {
    display: table;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
table.hidden-xs {
  display: table;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
table.hidden-sm {
  display: table;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
table.hidden-md {
  display: table;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
table.hidden-lg {
  display: table;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}



.region-kundecenter .page-area {
  font-size: 11px;
  color: #333;
  background-color: white;
  /*.game-card-order {
    .cm-font(1.5, 1.8);
    .cm-clearfix();

    h1 {
      margin: 0 0 20px;
      .cm-font(3.0, 3.6);
      font-weight: normal;
    }


    h3 {
      margin: 20px 0 5px;
      .cm-font(1.8, 2.2);
    }

    > h3 + p {
      margin-top: 5px;
    }

    ul {
      padding-left: 55px;

      li {
        margin: 15px 0;
        text-indent: -3px;
      } 
    }

    a {
      color: @hex-grey;
    }

    .large-button {
      min-width: 140px;
      height: 40px;
      padding: 0 20px;
      display: inline-block;
      .cm-font(1.4, 4, 3.5);
      .cm-corners-all(4px);
      border: none;
      text-align: center;
      color: @ekstrachance-button-text-color;
      text-shadow: 0 1px 1px rgba(255,255,255,.5);
      font-weight: bold;
      text-transform: uppercase;
      box-shadow: 1px 1px 3px rgba(0,0,0,.25);
      background: #fdbe10; // Old browsers 
      background: -moz-linear-gradient(top, #fdbe10 0%, #deb74a 50%, #dca50e 51%, #b4860b 100%); // FF3.6+ 
      background: -webkit-linear-gradient(top, #fdbe10 0%,#deb74a 50%,#dca50e 51%,#b4860b 100%); // Chrome10+,Safari5.1+ 
      background: -ms-linear-gradient(top, #fdbe10 0%,#deb74a 50%,#dca50e 51%,#b4860b 100%); // IE10+ 
      background: linear-gradient(to bottom, #fdbe10 0%,#deb74a 50%,#dca50e 51%,#b4860b 100%); // W3C 
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbe10', endColorstr='#b4860b',GradientType=0 ); // IE6-9 
      &:hover {
        text-decoration: none;
      }

      &.button-multi {
        padding: 0;
      }

      > .button-text {
        height: inherit;
        line-height: inherit;
        display: inline-block;
        padding: 0 20px;
        background: none;
        .cm-font(1.4, 4);
        font-weight: bold;
        color: #121a0e;
        text-shadow: 0 1px 1px rgba(255,255,255,.5);
      }

      > .button-text-green {
        position: relative;
        top: -1px;
        .cm-corners-right(4px);
        .cm-font(1.2, 4);
        font-weight: normal;
        color: @hex-white;
        text-transform: none;
        text-shadow: 1px 2px rgba(0,0,0,.4);
        background: #2e3b2c; // Old browsers 
        background: -moz-linear-gradient(top, #2e3b2c 0%, #202a1f 100%); // FF3.6+ 
        background: -webkit-linear-gradient(top, #2e3b2c 0%,#202a1f 100%); // Chrome10+,Safari5.1+ 
        background: -ms-linear-gradient(top, #2e3b2c 0%,#202a1f 100%); // IE10+
        background: linear-gradient(to bottom, #2e3b2c 0%,#202a1f 100%); // W3C 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3b2c', endColorstr='#202a1f',GradientType=0 ); // IE6-9 
      }
    }

    .large-button {
      color: @ekstrachance-button-text-color;
      margin-right: 40px;
    }

    .manchet {
      .cm-font(1.8, 2.2);
    }

    .small-grey {
      .cm-font(1.3, 1.5);
      color: @hex-medium-grey;
    }

    .fieldset {
      margin: 0;
      padding: 0;
      border: none;
      clear: both;

      legend {
        display: none;
      }
    }

    .line-single, .line-double {
      .cm-clearfix();
      margin-bottom: 15px;
      clear: both;

      label {
        width: 175px;
        float: left;
        .cm-line-height(3.5, 2.9);

        &.city-label {
          width: 60px;
          text-align: center;
        }

        &.account-label {
          width: 100px;
          text-align: center;
        }
      }

      input {
        width: 365px;
        height: 35px;
        padding: 0 10px;
        float: left;
        border: 1px solid #c1c5c8;
        .cm-corners-all(2px);
        box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;

        &.narrow-input {
          width: 90px;
        }

        &.city-input {
          width: 215px;
        }

        &.account-input {
          width: 175px;
        }
      }

      select {
        float: left;
        width: 365px;
        padding-left: 7px;
        .cm-font-size(1.5);
        font-weight: 600;
        color: #111;
        height: 35px;
        font-family: sans-serif;
        border: 1px solid #c1c5c8;
        .cm-corners-all(2px);
        box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;
      }
    }

    .line-checkbox {
      .cm-clearfix();
      margin-bottom: 15px;
      clear: both;
      position: relative;

      input {
        position: absolute;
        margin-top: 5px;
        left: 0;
      }

      label {
        float: left;
        margin-left: 30px;
        width: 510px;
      }

      .goto-conditions {
        margin-left: 30px; 
      }
    }
    // Will only show first error message
    .error-messages-wrapper {
      width: 375px;
      height: 35px;
      overflow: hidden;
    }

    .error-message {
      float: left;
      position: relative;
      margin-left: 20px;
      width: 355px;
      height: 35px;
      background-color: #890000;
      .cm-font(1.3,3.5);
      text-align: center;
      color: @hex-white;

      &:before {
        content: "\e605";
        .cm-custom-icon();
        position: absolute;
        top: 18px;
        margin: 0;
        text-align: right;
        .cm-font(3.2, 0);
        color: #890000;
        left: -20px;
      }

      &.is-long-text {
        padding-top: 2px;
        line-height: 1.4;
      }
    }

    .general-error-message {
      float: left;
      position: relative;
      width: 100%;
      background-color: #890000;
      .cm-font(1.3,2.4);
      text-align: center;
      color: @hex-white;
      margin-bottom: 20px;
      padding: 5px 5px 10px 5px;
    }

    .required {
      .cm-font-size(1);
    }

    .headline {
      margin: 25px 0 15px;
    }

    .submit-button {
      margin-top: 5px;
    }
  }*/
}
.region-kundecenter .page-area.CheckYourPcFlowPage .container {
  min-width: 0;
}
.region-kundecenter .page-area #wrapper .kundecenter-region-area {
  min-height: 600px;
}
.region-kundecenter .page-area .content_box {
  margin-bottom: 18px;
  box-shadow: 0 15px 35px 2px rgba(0, 0, 0, 0.5);
}
.region-kundecenter .page-area .content_box p {
  margin: 0;
}
.region-kundecenter .page-area .content_box h1,
.region-kundecenter .page-area .content_box h2,
.region-kundecenter .page-area .content_box h3,
.region-kundecenter .page-area .content_box h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
}
.region-kundecenter .page-area .content_box h1 {
  line-height: 2;
}
.region-kundecenter .page-area .content_box h2 {
  line-height: 1;
}
.region-kundecenter .page-area .content_box h3 {
  line-height: 0.8;
}
.region-kundecenter .page-area .content_box h4 {
  line-height: 0.6;
}
.region-kundecenter .page-area .content_box p {
  margin: 0 0 0.8em;
}
.region-kundecenter .page-area .content_box h1,
.region-kundecenter .page-area .content_box h2,
.region-kundecenter .page-area .content_box h3,
.region-kundecenter .page-area .content_box h4 {
  margin: 0;
}
.region-kundecenter .page-area .content_box h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}
.region-kundecenter .page-area .content_box h2 {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}
.region-kundecenter .page-area .content_box h3 {
  font-size: 1.5rem;
}
.region-kundecenter .page-area .content_box h4 {
  font-size: 1.5rem;
  font-style: italic;
}
.region-kundecenter .page-area .content_box a {
  color: #333;
  text-decoration: underline;
  /*  .cm-tips-button() {
    .cm-brand-buttons-style-three(@topColor: rgba(224,118,51,1), @bottomColor: rgba(188,82,15,1));
    box-shadow: 0 1px 2px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(255,255,255,0.20);
    text-shadow: 0 1px 1px rgba(156,60,0,0.50);
  }
  .cm-tips-button-large() {
    .cm-brand-buttons-style-three(@height: 60px, @minWidth: 220px, @fontSize: 2, @topColor: rgba(224,118,51,1), @bottomColor: rgba(188,82,15,1));
    box-shadow: 0 1px 2px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(255,255,255,0.20);
    text-shadow: 0 1px 1px rgba(156,60,0,0.50);
  }*/
}
.region-kundecenter .page-area .content_box a.bingo-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #80a91c;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #607f0b, inset 0 1px 0 0 rgba(160, 211, 35, 0.8);
  text-shadow: 0 1px 0 #607f15;
}
.region-kundecenter .page-area .content_box a.bingo-button:hover {
  background-color: #8fb82b;
}
.region-kundecenter .page-area .content_box a.bingo-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #80a91c;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #607f0b, inset 0 1px 0 0 rgba(160, 211, 35, 0.8);
  text-shadow: 0 1px 0 #607f15;
}
.region-kundecenter .page-area .content_box a.bingo-button-large:hover {
  background-color: #8fb82b;
}
.region-kundecenter .page-area .content_box a.casino-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #652044;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #430d29, inset 0 1px 0 0 rgba(151, 48, 102, 0.8);
  text-shadow: 0 1px 0 #7c643b;
}
.region-kundecenter .page-area .content_box a.casino-button:hover {
  background-color: #742f53;
}
.region-kundecenter .page-area .content_box a.casino-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #652044;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #430d29, inset 0 1px 0 0 rgba(151, 48, 102, 0.8);
  text-shadow: 0 1px 0 #7c643b;
}
.region-kundecenter .page-area .content_box a.casino-button-large:hover {
  background-color: #742f53;
}
.region-kundecenter .page-area .content_box a.quick-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #7f4488;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(166, 124, 172, 0.8);
  text-shadow: 0 1px 0 #7f4488;
}
.region-kundecenter .page-area .content_box a.quick-button:hover {
  background-color: #8e5397;
}
.region-kundecenter .page-area .content_box a.quick-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #7f4488;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(166, 124, 172, 0.8);
  text-shadow: 0 1px 0 #7f4488;
}
.region-kundecenter .page-area .content_box a.quick-button-large:hover {
  background-color: #8e5397;
}
.region-kundecenter .page-area .content_box a.cross-sales-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #feb700;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #004b32;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.region-kundecenter .page-area .content_box a.cross-sales-button:hover {
  background-color: #ffc60f;
}
.region-kundecenter .page-area .content_box a.cross-sales-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #feb700;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #004b32;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.region-kundecenter .page-area .content_box a.cross-sales-button-large:hover {
  background-color: #ffc60f;
}
.region-kundecenter .page-area .content_box a.eurojackpot-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #000000;
  background: #000000 radial-gradient(circle at 28% top, #323232, #000000) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 0px;
  font-family: 'Anton', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fec115;
}
.region-kundecenter .page-area .content_box a.eurojackpot-button:hover {
  background: #0f0f0f radial-gradient(circle at 28% top, #414141, #0f0f0f) no-repeat;
}
.region-kundecenter .page-area .content_box a.eurojackpot-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #000000;
  background: #000000 radial-gradient(circle at 28% top, #323232, #000000) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 0px;
  font-family: 'Anton', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fec115;
}
.region-kundecenter .page-area .content_box a.eurojackpot-button-large:hover {
  background: #0f0f0f radial-gradient(circle at 28% top, #414141, #0f0f0f) no-repeat;
}
.region-kundecenter .page-area .content_box a.lotto-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #feb700;
  background: #feb700 radial-gradient(circle at 28% top, #fecd40, #feb700) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.3rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 #dfa100;
  text-shadow: 0 1px 1px rgba(223, 161, 0, 0.8);
}
.region-kundecenter .page-area .content_box a.lotto-button:hover {
  background: #ffc60f radial-gradient(circle at 28% top, #ffdc4f, #ffc60f) no-repeat;
}
.region-kundecenter .page-area .content_box a.lotto-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #feb700;
  background: #feb700 radial-gradient(circle at 28% top, #fecd40, #feb700) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.7rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 #dfa100;
  text-shadow: 0 1px 1px rgba(223, 161, 0, 0.8);
}
.region-kundecenter .page-area .content_box a.lotto-button-large:hover {
  background: #ffc60f radial-gradient(circle at 28% top, #ffdc4f, #ffc60f) no-repeat;
}
.region-kundecenter .page-area .content_box a.danskespil-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #ffc425;
  background: linear-gradient(to top, #feb700, #ffc425);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.region-kundecenter .page-area .content_box a.danskespil-button:hover {
  background: linear-gradient(to top, #ffc60f, #ffd334);
}
.region-kundecenter .page-area .content_box a.danskespil-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #ffc425;
  background: linear-gradient(to top, #feb700, #ffc425);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.region-kundecenter .page-area .content_box a.danskespil-button-large:hover {
  background: linear-gradient(to top, #ffc60f, #ffd334);
}
.region-kundecenter .page-area .content_box a.oddset-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #003e99;
  background: linear-gradient(to top, #002f71, #003e99);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.region-kundecenter .page-area .content_box a.oddset-button:hover {
  background: linear-gradient(to top, #0f3e80, #0f4da8);
}
.region-kundecenter .page-area .content_box a.oddset-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #003e99;
  background: linear-gradient(to top, #002f71, #003e99);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.region-kundecenter .page-area .content_box a.oddset-button-large:hover {
  background: linear-gradient(to top, #0f3e80, #0f4da8);
}
.region-kundecenter .page-area .content_box a.oddset-button-orange {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #dc5f11;
  background: linear-gradient(to top, #ae4a0c, #dc5f11);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(156, 60, 0, 0.5);
}
.region-kundecenter .page-area .content_box a.oddset-button-orange:hover {
  background: linear-gradient(to top, #bd591b, #eb6e20);
}
.region-kundecenter .page-area .content_box a.oddset-button-large-orange {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #dc5f11;
  background: linear-gradient(to top, #ae4a0c, #dc5f11);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(156, 60, 0, 0.5);
}
.region-kundecenter .page-area .content_box a.oddset-button-large-orange:hover {
  background: linear-gradient(to top, #bd591b, #eb6e20);
}
.region-kundecenter .page-area .content_box a.poker-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #feb804;
  background: linear-gradient(to top, #d9a00e, #feb804);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #000000;
}
.region-kundecenter .page-area .content_box a.poker-button:hover {
  background: linear-gradient(to top, #e8af1d, #ffc713);
}
.region-kundecenter .page-area .content_box a.poker-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #feb804;
  background: linear-gradient(to top, #d9a00e, #feb804);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #000000;
}
.region-kundecenter .page-area .content_box a.poker-button-large:hover {
  background: linear-gradient(to top, #e8af1d, #ffc713);
}
.region-kundecenter .page-area .content_box a.tips-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #00985f;
  background: #00985f radial-gradient(circle at 28% top, #56ba75, #00985f) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.3rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.region-kundecenter .page-area .content_box a.tips-button:hover {
  background: #0fa76e radial-gradient(circle at 28% top, #65c984, #0fa76e) no-repeat;
}
.region-kundecenter .page-area .content_box a.tips-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #00985f;
  background: #00985f radial-gradient(circle at 28% top, #56ba75, #00985f) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.7rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.region-kundecenter .page-area .content_box a.tips-button-large:hover {
  background: #0fa76e radial-gradient(circle at 28% top, #65c984, #0fa76e) no-repeat;
}
.region-kundecenter .page-area .content_box a.spillehjoernet-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #d5549d;
  background: linear-gradient(to top, #702765, #d5549d);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.region-kundecenter .page-area .content_box a.spillehjoernet-button:hover {
  background: linear-gradient(to top, #7f3674, #e463ac);
}
.region-kundecenter .page-area .content_box a.spillehjoernet-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #d5549d;
  background: linear-gradient(to top, #702765, #d5549d);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.region-kundecenter .page-area .content_box a.spillehjoernet-button-large:hover {
  background: linear-gradient(to top, #7f3674, #e463ac);
}
.region-kundecenter .page-area .content_box h1 {
  margin: 0 0 20px 0;
  font-size: 2.2rem;
}
.region-kundecenter .page-area .content_box h2 {
  font-size: 1.8rem;
}
.region-kundecenter .page-area .content_box h3 {
  font-size: 1.6rem;
}
.region-kundecenter .page-area .content_box p,
.region-kundecenter .page-area .content_box span,
.region-kundecenter .page-area .content_box div,
.region-kundecenter .page-area .content_box a,
.region-kundecenter .page-area .content_box ul,
.region-kundecenter .page-area .content_box li {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.region-kundecenter .page-area .content_box .heading {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  line-height: 3.5rem;
}
.region-kundecenter .page-area .content_box ul,
.region-kundecenter .page-area .content_box ol {
  margin-left: 20px;
  margin-bottom: 25px;
}
.region-kundecenter .page-area .content_box div.top {
  padding-right: 15px;
  background-position: 100% -2219px;
  overflow: hidden;
}
.region-kundecenter .page-area .content_box div.inner {
  padding: 20px;
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.region-kundecenter .page-area .size-single div.inner {
  padding: 15px 15px 5px 15px;
}
.region-kundecenter .page-area p.abovelined {
  padding-top: 6px;
  border-top: 1px solid #8f9e8b;
  margin-top: 12px;
}
.region-kundecenter .page-area .link .bullet {
  position: relative;
  top: 3px;
  margin-right: 6px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/Components/DanskeSpil/Project/Design/Graphics/regions/kundecenter/arrow1.png');
}
.region-kundecenter .page-area a {
  cursor: pointer;
  text-decoration: none;
  color: #333;
  position: relative;
  z-index: 1;
}
.region-kundecenter .page-area a:hover {
  color: #c5c5c5;
}
.region-kundecenter .page-area .marked_faded {
  padding-right: 15px;
  background: url('/Components/DanskeSpil/Project/Design/Graphics/sprite-regions_common.png') 100% -792px no-repeat;
}
.region-kundecenter .page-area .marked_faded > div.back {
  min-height: 192px;
  background: url('/Components/DanskeSpil/Project/Design/Graphics/sprite-regions_common.png') 0 -600px no-repeat;
}
.region-kundecenter .page-area #footer {
  color: #596451;
}
.take-over .region-kundecenter .page-area #footer {
  color: #ccc;
}
.take-over.color-eurojackpot-gold .region-kundecenter .page-area #footer {
  color: #000000;
}
.region-kundecenter .page-area #footer a {
  color: #596451;
}
.take-over .region-kundecenter .page-area #footer a {
  color: #ccc;
}
.take-over.color-eurojackpot-gold .region-kundecenter .page-area #footer a {
  color: #323232;
}
.region-kundecenter .page-area #footer a:hover {
  color: #000;
}
.take-over .region-kundecenter .page-area #footer a:hover {
  color: #fff;
}
.take-over.color-eurojackpot-gold .region-kundecenter .page-area #footer a:hover {
  color: #000000;
}



.region-kundecenter .page-area .content_box img {
  max-width: 100%;
}
@media screen and (max-width: 950px) {
  .region-kundecenter .page-area .content_box img {
    height: auto;
  }
}
@media screen and (max-width: 1050px) {
  .region-kundecenter .page-area .container {
    min-width: unset;
  }
}
@media screen and (max-width: 950px) {
  .region-kundecenter .page-area .col-md-12 {
    width: 65%;
  }
  .region-kundecenter .page-area .col-md-4 {
    width: 35%;
  }
  .region-kundecenter .page-area .inner .complaint-form span {
    position: static;
    margin: 0.5rem 0;
  }
  .region-kundecenter .page-area .inner .complaint-form .input-container {
    width: 100%;
  }
  .region-kundecenter .page-area .inner .complaint-form .input-container input {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .region-kundecenter .page-area .col-md-12 {
    width: 100%;
  }
  .region-kundecenter .page-area .col-md-4 {
    width: 100%;
  }
  .region-kundecenter .page-area .inner .complaint-form .login-btn {
    width: 100%;
    margin-top: 2rem;
  }
}






/**
 * Text
 * Mobile font sizes have been halved
 */
/**
 * Buttons
 * Mobile font sizes have been halved
 */






@keyframes appear {
  from {
    opacity: 0;
    transform: scale(0.3, 0.3);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes click {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes shake {
  0% {
    transform: translate(5px);
  }
  20% {
    transform: translate(-5px);
  }
  40% {
    transform: translate(2px);
  }
  60% {
    transform: translate(-2px);
  }
  80% {
    transform: translate(3px);
  }
  100% {
    transform: translate(0px);
  }
}
.error-upload {
  animation: shake 200ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.click-upload {
  animation-name: click;
  animation-duration: 300ms;
}
html {
  font-style: normal;
}
html .complaint-page {
  height: 100%;
  background-color: #f5f5f5;
}
html .complaint-page__icon {
  width: 17vw;
  height: 17vw;
}
html .complaint-page__fullwrap--white {
  background-color: #fff;
}
html .complaint-page__content {
  padding: 6vw;
}
@media (min-width: 767px) {
  html .complaint-page__content {
    padding: 2rem;
  }
}
html .complaint-page__content.overlay {
  position: relative;
}
html .complaint-page__content.overlay:after {
  content: " ";
  z-index: 1;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
}
html .complaint-page__content h1 {
  margin: 0 0 0px;
  font-size: 5.9vw;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 767px) {
  html .complaint-page__content h1 {
    font-size: 2.8rem;
  }
}
html .complaint-page__content h2 {
  margin: 0 0 0px;
  font-size: 4.6vw;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 767px) {
  html .complaint-page__content h2 {
    font-size: 2rem;
  }
}
html .complaint-page__content p {
  font-size: 3.8vw;
  font-weight: normal;
}
@media (min-width: 767px) {
  html .complaint-page__content p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected html .complaint-page__content p {
  font-size: 1.5rem;
}
html .complaint-page__content p.abstract {
  margin: 0 0 4vw;
  color: #6e6e6e;
}
@media (min-width: 767px) {
  html .complaint-page__content p.abstract {
    margin: 0 0 2rem;
  }
}
html .complaint-page__content p.text-align-left {
  text-align: left;
}
html .complaint-page__content p.text-align-center {
  text-align: center;
}
html .complaint-page__content button + p.abstract {
  margin-top: 4vw;
}
@media (min-width: 767px) {
  html .complaint-page__content button + p.abstract {
    margin-top: 2rem;
  }
}
html .complaint-page__content button + p.abstract a {
  padding-bottom: 0.2rem;
  color: #323232;
  text-decoration: none;
  border-bottom: 0.1rem solid #d0d0d0;
}
html .complaint-page__content__head {
  margin: 0 auto;
  padding-bottom: 10vw;
}
@media (min-width: 767px) {
  html .complaint-page__content__head {
    padding-bottom: 4rem;
    max-width: 47rem;
  }
}
html .complaint-page__content__head p {
  margin-bottom: 0;
}
html .complaint-page__inner-content {
  margin: 0 auto 4rem;
}
@media (min-width: 767px) {
  html .complaint-page__inner-content {
    max-width: 52rem;
    margin: 4rem auto 8rem;
  }
}
html .complaint-page__bottom-content {
  max-width: 100rem;
  margin: 0 auto;
}
html .complaint-page__dropdown {
  width: 100%;
  background: transparent;
  border: solid #dcdcdc;
  border-radius: 0;
  border-width: 0 0 1px 0;
  padding: 0.6rem 0;
  outline: none;
  display: block;
}
html .complaint-page__validation {
  display: block;
  position: relative;
  font-size: 1.2rem;
  color: #c50005;
}
html .complaint-page__error {
  height: 36vw;
  border: 0.1rem solid #e19294;
  border-width: 0.1rem 0;
  background-color: #f0bfc0;
}
@media (min-width: 767px) {
  html .complaint-page__error {
    height: 17rem;
    border: none;
  }
}
html .complaint-page__upload {
  margin: 3rem auto 3rem;
}
html .complaint-page__buttons {
  text-align: center;
}
html .complaint-page__file {
  display: flex;
  font-size: 1.4rem;
  margin: 1rem 0.5rem 0 0;
  color: #ffffff;
}
html .complaint-page__file-list {
  display: flex;
  flex-wrap: wrap;
}
html .complaint-page__file-name {
  display: inline-block;
  background-color: #585858;
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 1rem 0 0 1rem;
}
html .complaint-page__file-extension {
  display: inline;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  background-color: #a0a0a0;
  border-radius: 0 1rem 1rem 0;
}
html .complaint-page__file-container {
  width: 100%;
  background: transparent;
  border: solid #dcdcdc;
  border-radius: 0;
  border-width: 0 0 1px 0;
  padding: 0.6rem 0;
  outline: none;
  display: block;
}
html .complaint-page__file-label {
  color: #004b32;
  line-height: 3rem;
}
html .complaint-page__clear-file {
  position: absolute;
  right: 0.4rem;
  font-size: 1.4rem;
  top: 1.4rem;
  cursor: pointer;
}
html .complaint-page__file-count {
  padding: 0.4rem 0px;
  font-size: 1.2rem;
}
html .complaint-page--hidden {
  display: none;
}
html .complaint-page__action-panel {
  background-color: #e6e6e6;
}
html .complaint-page__action-panel .button-full-width {
  max-width: 96rem;
  margin: 0 auto;
}
@media (min-width: 767px) {
  html .complaint-page__icon {
    width: 6.8rem;
    height: 6.8rem;
  }
  html .complaint-page__content {
    padding: 0 7rem 4rem;
  }
}



.custom-input {
  vertical-align: top;
  position: relative;
  transition: all 250ms;
  margin: 8vw auto 8vw;
  align-items: baseline;
  font-size: 4vw;
}
@media (min-width: 767px) {
  .custom-input {
    font-size: 1.8rem;
    margin: 4.5rem auto 4.5rem;
  }
}
.ios-device .custom-input {
  font-size: 16px;
}
.custom-input--compact:not(input) {
  margin: 3vw auto 8vw;
}
@media (min-width: 767px) {
  .custom-input--compact:not(input) {
    margin: 1rem auto 5rem;
  }
}
.custom-input--compact:not(input).custom-input--transform-label label {
  top: -11vw;
}
@media (min-width: 767px) {
  .custom-input--compact:not(input).custom-input--transform-label label {
    top: -4.5rem;
  }
}
.custom-input--compact:not(input) .custom-input__error {
  top: -3vw;
}
@media (min-width: 767px) {
  .custom-input--compact:not(input) .custom-input__error {
    top: -1.5rem;
  }
}
.custom-input input {
  padding: 1.5vw 0;
  border: solid #dcdcdc;
  border-radius: 0;
  border-width: 0 0 1px 0;
  display: block;
  width: 100%;
  font-size: inherit;
  color: #004b32;
  background: transparent;
  float: none;
  position: relative;
  z-index: 0;
  outline: none;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .custom-input input {
    line-height: 1.3;
  }
}
.custom-input input::placeholder {
  opacity: 1;
  color: #a0a0a0;
  transition: all 0ms;
  transition-delay: 0.2s;
}
.custom-input input[disabled] {
  padding-bottom: 1vw;
  padding-top: 1vw;
  color: #a0a0a0;
  -webkit-text-fill-color: #a0a0a0;
  background-color: #dcdcdc;
  text-shadow: 0 0 0 #a0a0a0;
}
.custom-input input[disabled] ~ .custom-input--postfix {
  color: #a0a0a0;
}
@media (min-width: 767px) {
  .custom-input input {
    padding: 0.6rem 0;
  }
}
@media (min-width: 1023px) {
  .custom-input input {
    font-size: inherit;
  }
}
.custom-input input:-webkit-autofill,
.custom-input input:-webkit-autofill:hover,
.custom-input input:-webkit-autofill:focus,
.custom-input input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.custom-input textarea {
  height: 4rem;
  min-height: 4rem;
  padding: 1.5vw 0;
  border: solid #dcdcdc;
  border-radius: 0;
  border-width: 0 0 1px 0;
  display: block;
  width: 100%;
  font-size: inherit;
  color: #004b32;
  background: transparent;
  float: none;
  position: relative;
  z-index: 0;
  outline: none;
  transition: all 0.4s ease;
  resize: vertical;
}
@media (max-width: 767px) {
  .custom-input textarea {
    line-height: 1.3;
  }
}
.custom-input textarea::placeholder {
  opacity: 1;
  color: #a0a0a0;
  transition: all 0ms;
  transition-delay: 0.2s;
}
.custom-input textarea[disabled] {
  padding-bottom: 1vw;
  padding-top: 1vw;
  color: #a0a0a0;
  background-color: #dcdcdc;
  text-shadow: 0 0 0 #a0a0a0;
}
.custom-input textarea[disabled] ~ .custom-input--postfix {
  color: #a0a0a0;
}
@media (min-width: 767px) {
  .custom-input textarea {
    padding: 0;
  }
}
@media (min-width: 1023px) {
  .custom-input textarea {
    font-size: inherit;
  }
}
.custom-input textarea:-webkit-autofill,
.custom-input textarea:-webkit-autofill:hover,
.custom-input textarea:-webkit-autofill:focus,
.custom-input textarea:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.custom-input label {
  position: relative;
  left: 0;
  top: -3.2rem;
  font-size: 100%;
  cursor: text;
  visibility: hidden;
  opacity: 0.5;
  transition: all 0.2s cubic-bezier(0.47, 0.11, 0.39, 0.96), visibility 0s;
}
.custom-input__label {
  transition: top 300ms, font-size 300ms;
  position: absolute;
  top: 0.8rem;
}
.custom-input__label--transform {
  top: -1rem;
  font-size: 1.2rem;
}
.custom-input__textarea {
  transition: top 300ms, font-size 300ms;
  position: absolute;
  top: 0.8rem;
}
.custom-input__textarea--transform {
  top: -2rem;
  font-size: 1.2rem;
}
.custom-input--transform-label label {
  visibility: visible;
  opacity: 1;
  top: -14vw;
  font-size: 75%;
  color: #999;
}
@media (min-width: 767px) {
  .custom-input--transform-label label {
    top: -6rem;
    font-size: 65%;
  }
}
.custom-input--transform-label input::placeholder {
  opacity: 0;
}
.custom-input--last {
  margin-bottom: initial;
  /* @media (min-width: @breakpoint-tablet) {
       margin: 4.5rem auto 4.5rem;
     }*/
}
.custom-input [type="number"] {
  appearance: none;
}
.custom-input input[type=number]::-webkit-inner-spin-button,
.custom-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-input .blink {
  display: none;
}
.custom-input__wrapper {
  position: relative;
}
.custom-input__postfix,
.custom-input__prefix {
  transition: all 300ms;
  padding: 1.5vw 1.5vw 1.5vw 0;
  color: #004b32;
  flex-shrink: 0;
  font-size: inherit;
}
@media (min-width: 767px) {
  .custom-input__postfix,
  .custom-input__prefix {
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}
.custom-input__prefix {
  font-size: 4vw;
  position: absolute;
  left: 0;
  line-height: 1.3;
}
@media (min-width: 767px) {
  .custom-input__prefix {
    padding: 0.6rem 0.6rem 0.6rem 0;
    font-size: 1.8rem;
    line-height: normal;
    top: 0;
  }
}
.custom-input__prefix--smaller {
  font-size: 1.4rem;
  padding-top: 1rem;
  bottom: initial;
}
@media (max-width: 767px) {
  .custom-input__prefix--smaller {
    font-size: 3vw;
    margin-top: 1.85vw;
    padding-bottom: 1px;
  }
}
@media (max-width: 767px) {
  .custom-input__postfix {
    line-height: 1.3;
  }
}
.custom-input--align-center .custom-input__postfix {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
}
.custom-input--align-right .custom-input__postfix {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
}
.custom-input--transform-label .custom-input__prefix {
  opacity: 0;
}
.custom-input--transform-label .custom-input__prefix--permanent {
  opacity: 1;
}
.custom-input__helper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: transparent;
}
.custom-input__icon {
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  color: black;
}
.custom-input__icon.check {
  color: #004b32;
}
.custom-input__icon.info {
  color: #004b32;
  cursor: pointer;
}
.custom-input__icon.close {
  color: #c50005;
}
.custom-input__icon.load svg {
  animation: rotate 2.5s infinite linear;
}
.custom-input__icon svg {
  color: inherit;
  width: 100%;
  height: 100%;
  display: block;
}
.custom-input.has--focus input {
  border-bottom: 1px solid #666;
}
.custom-input.has--error input {
  color: #c50005;
}
.custom-input.has--error input::placeholder {
  color: #f8c0c1;
}
.custom-input.has--error label {
  color: #c50005;
}
.custom-input--transform-label .custom-input.has--error label {
  color: #c50005;
}
.custom-input.has--error .blink {
  color: #c50005;
}
.custom-input--rightpad input {
  padding-right: 2em;
}
.custom-input--align-left {
  text-align: left;
}
.custom-input--align-left input {
  text-align: left;
}
.custom-input--align-center {
  text-align: center;
}
.custom-input--align-center input {
  text-align: center;
}
.custom-input--align-right {
  text-align: right;
}
.custom-input--align-right input {
  text-align: right;
}
.custom-input--bigger {
  font-size: 5.9vw;
  font-weight: normal;
}
@media (min-width: 767px) {
  .custom-input--bigger {
    font-size: 2.8rem;
  }
}
.custom-input--bigger .blink {
  font-size: 2.2rem;
}
.custom-input--bigger .custom-input--postfix {
  font-size: 2rem;
  line-height: 1;
}
.custom-input--bigger.custom-input--transform-label label {
  top: -16vw;
}
@media (min-width: 767px) {
  .custom-input--bigger.custom-input--transform-label label {
    top: -7.5rem;
  }
}
.custom-input--smaller {
  font-size: 3.8vw;
  font-weight: normal;
}
@media (min-width: 767px) {
  .custom-input--smaller {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .custom-input--smaller {
  font-size: 1.5rem;
}
.custom-input__error {
  width: 100%;
  color: #c50005;
  font-size: 3vw;
  position: relative;
  top: -5vw;
  transition: 1s all;
}
.custom-input--align-right .custom-input__error {
  top: 0;
}
@media (min-width: 767px) {
  .custom-input__error {
    font-size: 1.2rem;
    top: -2rem;
  }
}
.custom-input__help {
  width: 100%;
  color: #323232;
  font-size: 3vw;
  position: relative;
  top: -5vw;
  transition: 1s all;
}
.custom-input--align-right .custom-input__help {
  top: 0;
}
@media (min-width: 767px) {
  .custom-input__help {
    top: -2rem;
    font-size: 1.2rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-input {
    z-index: 1;
  }
  .custom-input input:not(:focus) + label {
    visibility: hidden;
  }
  .custom-input label {
    visibility: visible;
    z-index: -1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.pam__button-container {
  text-align: center;
  margin-top: 4vw;
  margin-bottom: 0;
  display: flex;
}
.pam-page__content .pam__button-container {
  margin-left: -6vw;
  margin-right: -6vw;
}
.pam-page__content .pam__button-container .pam__button {
  width: calc(100% + 12vw);
}
@media (min-width: 767px) {
  .pam__button-container {
    display: block;
    margin: 2rem 0;
  }
  .pam-page__content .pam__button-container {
    margin-left: 0;
    margin-right: 0;
  }
  .pam-page__content .pam__button-container .pam__button {
    width: auto;
  }
}
.pam__button + .pam__button {
  margin-left: 4vw;
}
@media (min-width: 767px) {
  .pam__button + .pam__button {
    margin-left: 2rem;
  }
}
.pam__button {
  display: inline-block;
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
  font-weight: bold;
  font-size: 3.8vw;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding: 4vw 3vw;
  box-sizing: border-box;
  flex: 1;
  transition: opacity 0.4s ease;
  position: relative;
  min-width: 10rem;
  /**
   * A click on a button only happens if mousedown and mouseup hits the same element.
   * When an input field blurs the help or error text is hidden and the UI is rerendered.
   * The result is that the button moves and the triggered click does not happen.
   * This hack/fix allows for the user to click on the element when actually clicking below the element.
   * The :before is only shown when the button:active is available which means when the user clicks the element,
   * so this does not interfer with other elements
   * (disabled in modals, because this gives a scrollbar)
   */
}
@media (min-width: 340px) {
  .pam__button {
    min-width: 14rem;
  }
}
.pam__button:focus {
  outline: 0;
  border: 1px solid #666;
}
.pam__button:hover {
  text-decoration: none;
}
.pam__button:active:before:not('.ds-modal-frame') {
  content: '';
  display: block;
  position: absolute;
  height: 300%;
  width: 100%;
  left: 0;
  bottom: -300%;
}
@media (min-width: 767px) {
  .pam__button {
    display: inline-block;
    border-radius: 0.4rem;
    padding: 0.4rem 2rem 0.5rem;
    font-size: 1.6rem;
    line-height: 1.8;
    width: auto;
    min-width: 16rem;
    margin-right: 2rem;
  }
  .pam__button:nth-last-child(1) {
    margin-right: 0;
  }
}
.pam__button:not(.pam__button--disabled):hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.pam__button:not(.pam__button--disabled):active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.pam__button--grey,
.pam__button--secondary {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  color: #ffffff;
}
.pam__button--grey:not(.pam__button--disabled):hover,
.pam__button--secondary:not(.pam__button--disabled):hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #ffffff;
}
.pam__button--white {
  background-color: #fff;
  border: 1px solid #fff;
  color: #323232;
}
.pam__button--white:not(.pam__button--disabled):hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #ffffff;
}
.pam__button--green,
.pam__button--primary {
  background-color: #323232;
  border: 1px solid #323232;
  color: #ffffff;
}
.pam__button--green:not(.pam__button--disabled):hover,
.pam__button--primary:not(.pam__button--disabled):hover {
  background-color: #585858;
  border: 1px solid #585858;
}
.pam__button--small {
  font-size: 3vw;
  padding: 1.5vw 1.5vw 0.5vw;
}
@media (min-width: 767px) {
  .pam__button--small {
    padding: 0.4rem 1.5rem;
    font-size: 1.2rem;
  }
}
.pam__button--medium {
  padding: 3vw 3vw 2vw;
  font-size: 3.5vw;
}
@media (min-width: 767px) {
  .pam__button--medium {
    padding: 0.7rem 2rem;
    font-size: 1.4rem;
  }
}
.pam__button--large {
  padding: 2vw 6vw 2vw;
  font-size: 2.8vw;
}
@media (min-width: 767px) {
  .pam__button--large {
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
}
.pam__button--wide {
  width: 50vw;
}
@media (min-width: 767px) {
  .pam__button--wide {
    max-width: 25rem;
  }
}
button.pam__button--disabled,
button.pam__button--loading,
button.pam__button[disabled="disabled"] {
  cursor: not-allowed;
}
button.pam__button--disabled,
button.pam__button[disabled="disabled"] {
  opacity: 0.75;
}
.pam__button__loader-text {
  display: inline-block;
}
.pam__button__loader-animation {
  margin-left: 0.5rem;
  display: inline-block;
}
@keyframes loader-dot-animation {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100%);
  }
}
.pam__button__loader-dot {
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 0.3rem;
  border-radius: 50%;
  background-color: #000;
  display: inline-block;
  animation: loader-dot-animation 0.5s ease-in-out infinite;
}
@media (min-width: 767px) {
  .pam__button__loader-dot {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.pam__button__loader-dot:nth-child(1n) {
  animation-delay: 0.66s;
}
.pam__button__loader-dot:nth-child(2n) {
  animation-delay: 0.33s;
}
.pam__button__loader-dot:nth-child(3n) {
  animation-delay: 1s;
}
/**
 * This will probably go into deprecation mode once we've converted all buttons to use the Button.js template function
 */
.button {
  display: inline-block;
  border-radius: 1vw;
  background-color: #323232;
  border: 1px solid #323232;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 767px) {
  .button {
    border-radius: 0.4rem;
  }
}
.button.button--yellow {
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
}
.button.button--yellow:hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.button.button--yellow:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--white {
  background-color: #fff;
  border: 1px solid #fff;
  color: #323232;
}
.button.button--white:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.button.button--white:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--grey {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
}
.button.button--grey:hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.button.button--grey:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button:active,
.button:hover {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--disabled,
.button[disabled="disabled"] {
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
  color: #a0a0a0;
  cursor: not-allowed;
}
.button.button--small {
  font-size: 3vw;
  padding: 1.5vw 1.5vw 0.5vw;
}
@media (min-width: 767px) {
  .button.button--small {
    padding: 0.4rem 1.5rem;
    font-size: 1.2rem;
  }
}
.button.button--medium {
  padding: 3vw 3vw 2vw;
  font-size: 3.5vw;
}
@media (min-width: 767px) {
  .button.button--medium {
    padding: 0.7rem 2rem;
    font-size: 1.4rem;
  }
}
.button.button--large {
  padding: 4vw 4vw 3vw;
  font-size: 3.8vw;
}
@media (min-width: 767px) {
  .button.button--large {
    padding: 11px 20px;
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
}
.button.button--wide {
  width: 50vw;
}
@media (min-width: 767px) {
  .button.button--wide {
    max-width: 25rem;
  }
}
.button + .button {
  margin-left: 4vw;
}
@media (min-width: 767px) {
  .button + .button {
    margin-left: 2rem;
  }
}
.button-pair {
  display: flex;
  flex-direction: row;
}
.button-pair .button {
  flex-grow: 1;
}
.button-full-width {
  position: relative;
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #feb700;
  border: none;
  color: #323232;
  cursor: pointer;
  font-weight: bold;
  font-size: 3.8vw;
  padding: 5.5vw 3vw 4vw;
  border-radius: 0;
}
.button-full-width:hover {
  background-color: #eaa900;
  border: none;
}
.button-full-width:active {
  background-color: #ffffff;
  color: #323232;
  border: none;
}
.button-full-width.button-full-width--disabled,
.button-full-width.button-full-width--disabled:hover,
.button-full-width[disabled="disabled"] {
  background-color: #dcdcdc;
  color: #a0a0a0;
  cursor: not-allowed;
}
.button-full-width .sprite-symbol {
  display: block;
  right: 4vw;
  width: 3.2vw;
  height: 3.2vw;
  position: absolute;
}
.button-full-width__arrow {
  display: inline-block;
  float: right;
  width: 0;
}
@media (min-width: 767px) {
  .button-full-width__arrow {
    float: initial;
  }
}
@media (min-width: 767px) {
  .button-full-width {
    padding: 2.7rem 3.3rem 2.2rem;
    font-size: 1.6rem;
  }
  .button-full-width .sprite-symbol {
    right: initial;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateX(1.6rem) translateY(-1.4rem);
    display: inline-block;
  }
}
.button-bar {
  background-color: #f0f0f2;
}
@media (min-width: 767px) {
  .button-bar .button-full-width {
    max-width: 96rem;
    width: 100%;
    margin: 0 auto;
  }
}
.button-bar--double-buttons {
  text-align: center;
}
.button-bar--double-buttons .button-full-width {
  display: inline;
  max-width: 48rem;
  width: 50%;
  margin: 0;
}
.button-bar--double-buttons .button-full-width:nth-child(odd) {
  color: #ffffff;
  background-color: #6e6e6e;
}
.button-bar--double-buttons .button-full-width:nth-child(odd):hover {
  background-color: #a0a0a0;
}
.button-bar--double-buttons .button-full-width:nth-child(odd):active {
  background-color: #ffffff;
  color: #323232;
}
.button-bar--double-buttons .button-full-width:nth-child(even) {
  margin-left: -5px;
}
.button-bar--sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
}
.button-full-width-panel {
  display: block;
}
.button-full-width-panel .button-full-width {
  width: 50%;
  float: left;
}
.button-full-width-panel .button-full-width:nth-child(odd) {
  background-color: #6e6e6e;
  color: #ffffff;
}
.button-full-width-panel .button-full-width:nth-child(odd):hover {
  background-color: #a0a0a0;
}
.button-full-width-panel .button-full-width:nth-child(odd):active {
  background-color: #ffffff;
  color: #323232;
}
.bottom-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  /*
    @media (min-width: @breakpoint-tablet) {
        position: relative;
        margin-top:200px;
    }*/
}
/**
 * Button loader state - aligned/borrowed from Talspil
 */
.button__loader-text {
  display: inline-block;
}
.button__loader-animation {
  margin-left: 0.5rem;
  display: inline-block;
}
@keyframes loader-dot-animation {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100%);
  }
}
.button__loader-dot {
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 0.3rem;
  border-radius: 50%;
  background-color: #000;
  display: inline-block;
  animation: loader-dot-animation 0.5s ease-in-out infinite;
}
@media (min-width: 767px) {
  .button__loader-dot {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.button__loader-dot:nth-child(1n) {
  animation-delay: 0.66s;
}
.button__loader-dot:nth-child(2n) {
  animation-delay: 0.33s;
}
.button__loader-dot:nth-child(3n) {
  animation-delay: 1s;
}



.top-navigation-theme-kundecenter .menu-toggle-right {
  background-color: #026B46;
}
.top-navigation-theme-kundecenter .mobile-user-info {
  display: none;
}
.top-navigation-theme-kundecenter .brand-nav {
  background-color: #026B46;
}
@media all and (max-width: 950px) {
  .top-navigation-theme-kundecenter .brand-nav .user-bar .choose-account {
    display: inline-block !important;
  }
  .top-navigation-theme-kundecenter .brand-nav .user-bar .profile-btn {
    display: none !important;
  }
}
.top-navigation-theme-kundecenter .brand-nav .user-bar .login-btn {
  display: none;
}
.top-navigation-theme-kundecenter .corporate-nav {
  background-color: #014B32;
}
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .login-btn,
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .signup-btn,
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .profile-btn,
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .info-bar-item--ballance,
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .accountmenu__group,
.top-navigation-theme-kundecenter .corporate-nav .accountmenu .sub-navigation {
  display: none !important;
}
.top-navigation-theme-kundecenter .corporate-nav .choose-account-btn {
  display: inline-block !important;
}
.top-navigation-theme-kundecenter .mobile-navigation-header {
  background-color: #026B46;
}
.top-navigation-theme-kundecenter .mobile-navigation-item-link:before {
  background-color: #014B32;
}
.top-navigation-theme-kundecenter .mobile-navigation-header {
  background-color: #014B32;
}
.top-navigation-theme-kundecenter .mobile-navigation-footer-icon {
  background-color: #026B46;
}
.top-navigation-theme-kundecenter .mobile-navigation-item-link:before {
  background-color: #026B46;
}
@media all and (min-width: 950px) {
  .top-navigation-theme-kundecenter .corporate-nav__navigation .corporate-nav__list-link,
  .top-navigation-theme-kundecenter .brand-nav__navigation .corporate-nav__list-link {
    color: #fff;
  }
  .top-navigation-theme-kundecenter .corporate-nav__navigation .corporate-nav__list-link:hover,
  .top-navigation-theme-kundecenter .brand-nav__navigation .corporate-nav__list-link:hover {
    color: #fff;
  }
}
@media all and (min-width: 950px) {
  .top-navigation-theme-kundecenter .corporate-nav__navigation .brand-nav__link,
  .top-navigation-theme-kundecenter .brand-nav__navigation .brand-nav__link {
    color: #fff;
  }
}
.top-navigation-theme-kundecenter .corporate-nav__navigation .brand-nav__link:before,
.top-navigation-theme-kundecenter .brand-nav__navigation .brand-nav__link:before {
  background-color: #7f4488;
}
.top-navigation-theme-kundecenter .accountmenu__item {
  color: #fff;
}
.top-navigation-theme-kundecenter .mega-menu__campaign__cta-button {
  background-color: #026B46;
  color: white;
}
.top-navigation-theme-kundecenter .mega-menu__campaign__cta-button:hover {
  background-color: #014B32;
}
@media all and (min-width: 950px) {
  .top-navigation-theme-kundecenter .brand-nav,
  .header-static-fix {
    display: none;
  }
}



body.region-kundecenter .seo-text-container,
body.region-avalon-kundecenter .seo-text-container,
body.region-kundecenter footer .info-bar,
body.region-avalon-kundecenter footer .info-bar {
  background: #014B32;
}



/*# sourceMappingURL=region-kundecenter.css.map */