/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
#layout_start {
  background-color: transparent;
  background: no-repeat center center fixed;
  background-image: url();
  background-size: cover;
  overflow: hidden; }
  #layout_start .loginblock {
    width: 430.8px; }
  #layout_start .registrationblock {
    width: 430.8px; }

.logo_slogan {
  margin-top: 50px;
  display: block; }
  .logo_slogan .logo {
    outline: none !important;
    padding-left: 13px; }
  .logo_slogan #start_slogan {
    display: block;
    color: #fff;
    /*height: 9vw;*/
    left: 6px;
    white-space: nowrap;
    position: relative;
    width: 85%;
    font-size: 1.5vw; }
    .logo_slogan #start_slogan .color1 {
      color: #323c3c;
      padding: 0;
      margin: 0; }
    .logo_slogan #start_slogan .color2 {
      color: #ed6b1c;
      padding: 0;
      margin: 0; }
    .logo_slogan #start_slogan .smallslogan {
      font-size: 72px; }
  .logo_slogan #start_slogan_sub {
    color: #fff;
    font-size: 1.5vw;
    position: relative;
    width: 75%;
    /*float: right;
        text-align: right;*/
    white-space: nowrap;
    padding-right: 13px; }

.start_content_white {
  background-color: white; }

#ForgotPassw {
  display: none; }

.start_content {
  display: inline-block;
  text-align: left;
  margin-left: 13px;
  margin-top: 13px; }
  .start_content button.btncentered {
    display: block;
    margin: 10px auto;
    width: 150px;
    border: 1px solid white;
    color: white;
    border-radius: 32px; }
    .start_content button.btncentered:first-child {
      background-color: #be1522; }
      .start_content button.btncentered:first-child:hover {
        background-color: #620b12; }
    .start_content button.btncentered:nth-child(2) {
      background-color: #4aa0ce; }
      .start_content button.btncentered:nth-child(2):hover {
        background-color: #26688c; }
    .start_content button.btncentered table tr td:first-child {
      position: relative;
      left: -5px;
      margin-right: 5px; }
      .start_content button.btncentered table tr td:first-child img {
        vertical-align: middle; }
    .start_content button.btncentered table tr td:last-child {
      text-align: center;
      width: 100%; }

.bpstartup {
  position: fixed;
  background-color: #323c3c;
  /*background-image: url(/Content/Customers/17/Startup.png);
    background-repeat: no-repeat;
    background-position: top center;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  overflow-x: auto; }
  .bpstartup .bpStartupImage {
    text-align: center; }
  .bpstartup .BPStartupText {
    margin: auto;
    margin-bottom: 40px;
    width: 750px;
    color: white;
    text-align: center; }
    .bpstartup .BPStartupText h1 {
      color: white;
      text-align: center; }
  .bpstartup .btnsBP {
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
    width: 320px; }
    .bpstartup .btnsBP button {
      width: 320px;
      display: block;
      margin-top: 15px; }
      .bpstartup .btnsBP button:hover {
        background-color: #fff; }
  .bpstartup .logoBP {
    margin: auto;
    width: 1050px;
    margin-top: 50px;
    margin-bottom: -100px; }
  .bpstartup .giftitems {
    width: 900px;
    margin: auto;
    margin-bottom: 50px; }
    .bpstartup .giftitems .giftitem {
      width: 290px;
      background-color: #fff;
      text-align: center;
      margin-left: 8px;
      margin-right: 8px;
      padding-bottom: 15px; }
      .bpstartup .giftitems .giftitem .giftitem-title {
        margin-top: -5px;
        color: #009900;
        font-size: larger;
        font-weight: bold; }
      .bpstartup .giftitems .giftitem .giftitem-oldprice {
        color: #999;
        text-decoration: line-through;
        font-size: 14px;
        margin: 0;
        margin-top: 5px; }
      .bpstartup .giftitems .giftitem .giftitem-newprice {
        text-align: center;
        color: #009900;
        font-size: larger;
        font-weight: bold; }

/*@media only screen and (min-height: 800px) {
    .bpstartup {
        .logoBP {
            position: fixed;
            bottom: 0;
            right: 5%;
        }
    }
}*/
/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
/*-------------------------Top Navi---------------------------*/
.topnavi li {
  margin-bottom: 0;
  padding-bottom: 0; }

.topnavi li a {
  color: #fff;
  padding-bottom: 0;
  text-decoration: none; }
  .topnavi li a i.fa {
    font-size: 22px; }

.topnavi md-icon {
  fill: #ffffff; }
  .topnavi md-icon:hover {
    fill: white; }

.topmenu {
  float: right; }

.navbar-inverse {
  background-color: #ed6b1c;
  border-radius: 0px;
  border: 0; }
  .navbar-inverse .navbar-toggle {
    background-color: transparent; }
  .navbar-inverse .navbar-nav li a {
    color: #ffffff; }

/*-------------------------Languages---------------------------*/
.languagecontainer {
  min-width: 55px; }

.languagechoice {
  background-color: white;
  display: inline-block;
  margin-top: 15px; }

.language {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 50px;
  margin-left: 10px; }

.lang {
  text-align: right;
  padding-top: 25px; }
  .lang button {
    margin: 0;
    border: 1px solid #323c3c;
    color: white;
    border-radius: 32px;
    background-color: #323c3c;
    margin-bottom: 10px; }
    .lang button:hover {
      background-color: #1b2020; }
    .lang button.equal {
      width: 150px; }

.navbar-inverse .language {
  color: #ffffff !important; }

/*-------------------------Navigation---------------------------*/
.navbar-motisha, .navbar-motisha-ph {
  height: 160px;
  border: 0;
  margin-top: 20px;
  border-radius: 0px; }
  .navbar-motisha .navbar-brand, .navbar-motisha .navbar-nav > li, .navbar-motisha-ph .navbar-brand, .navbar-motisha-ph .navbar-nav > li {
    line-height: 160px;
    height: 160px;
    cursor: default; }
  .navbar-motisha .navbar-nav > li > a, .navbar-motisha-ph .navbar-nav > li > a {
    line-height: 20px;
    padding: 0;
    margin: 15px;
    font-size: 19px;
    display: inline-block;
    padding-bottom: 5px;
    color: #000;
    text-decoration: none; }
  .navbar-motisha .navbar-brand:hover, .navbar-motisha .navbar-nav > li > a:hover, .navbar-motisha .navbar-nav > li > a:focus, .navbar-motisha-ph .navbar-brand:hover, .navbar-motisha-ph .navbar-nav > li > a:hover, .navbar-motisha-ph .navbar-nav > li > a:focus {
    background-color: transparent; }
  .navbar-motisha .navbar-nav > li > a:hover, .navbar-motisha-ph .navbar-nav > li > a:hover {
    border-bottom: 3px solid #fff; }
  .navbar-motisha .navbar-nav > li.select > a, .navbar-motisha-ph .navbar-nav > li.select > a {
    background-color: transparent;
    border-bottom: 3px solid #fff; }
  .navbar-motisha .mobile, .navbar-motisha-ph .mobile {
    display: none; }
  .navbar-motisha.navbar-fixed, .navbar-motisha-ph.navbar-fixed {
    background-color: #fff;
    height: 60px;
    line-height: 60px; }
    .navbar-motisha.navbar-fixed .container, .navbar-motisha.navbar-fixed .navbar-nav > li > a, .navbar-motisha-ph.navbar-fixed .container, .navbar-motisha-ph.navbar-fixed .navbar-nav > li > a {
      color: #000; }
    .navbar-motisha.navbar-fixed .container, .navbar-motisha.navbar-fixed .navbar-brand, .navbar-motisha.navbar-fixed .navbar-nav > li, .navbar-motisha-ph.navbar-fixed .container, .navbar-motisha-ph.navbar-fixed .navbar-brand, .navbar-motisha-ph.navbar-fixed .navbar-nav > li {
      height: 60px;
      line-height: 60px; }
    .navbar-motisha.navbar-fixed .navbar-brand, .navbar-motisha-ph.navbar-fixed .navbar-brand {
      vertical-align: middle;
      line-height: 30px; }
      .navbar-motisha.navbar-fixed .navbar-brand img, .navbar-motisha-ph.navbar-fixed .navbar-brand img {
        height: 30px;
        margin-top: 0px; }

.navbar-brand img {
  max-width: 180px;
  margin-top: 0px; }

.navibg, .navibg-home {
  background-color: #fff;
  min-height: 420px;
  margin-top: -30px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.navibg-home {
  height: 600px; }

.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.navbar-collapse {
  float: right; }

/*-------------------------Slider---------------------------*/
.topslider {
  position: absolute;
  width: 100%;
  height: 600px; }

.slider-button-container .slick-prev {
  left: 15px;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: block;
  background: transparent url("/Content/Images/dark-arrows-left.png") center top no-repeat; }
  .slider-button-container .slick-prev:hover {
    background-image: url("/Content/Images/dark-arrows-left-hover.png"); }
  .slider-button-container .slick-prev::before {
    content: ""; }

.slider-button-container .slick-next {
  right: 15px;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: block;
  background: transparent url("/Content/Images/dark-arrows-right.png") center top no-repeat; }
  .slider-button-container .slick-next:hover {
    background-image: url("/Content/Images/dark-arrows-right-hover.png"); }
  .slider-button-container .slick-next::before {
    content: ""; }

.sliders, .slider_ph {
  height: 600px;
  width: 100%; }

.slider-image {
  display: block;
  height: 600px;
  width: 100%;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat; }
  .slider-image .sliderbg {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 600px;
    width: 100%; }
    .slider-image .sliderbg.hideAt750px {
      display: block; }
    .slider-image .sliderbg.showAt750px {
      display: none; }

.slider-overlay-container, .slider-overlay-container-fullwidth, .slider-overlay-container-restricted {
  height: 600px; }
  .slider-overlay-container .slider-overlay, .slider-overlay-container-fullwidth .slider-overlay, .slider-overlay-container-restricted .slider-overlay {
    z-index: 2;
    padding: 25px;
    font-size: 25px;
    display: block;
    background-color: rgba(50, 60, 60, 0.85);
    color: white;
    border: 1px solid #323c3c;
    position: relative;
    padding-right: 80px;
    padding-left: 80px; }
    .slider-overlay-container .slider-overlay h1, .slider-overlay-container-fullwidth .slider-overlay h1, .slider-overlay-container-restricted .slider-overlay h1 {
      font-family: "Poppins", Helvetica, sans-serif; }
    .slider-overlay-container .slider-overlay .sliderTitle, .slider-overlay-container-fullwidth .slider-overlay .sliderTitle, .slider-overlay-container-restricted .slider-overlay .sliderTitle {
      font-size: 100px;
      line-height: 110px;
      font-weight: 800;
      font-family: "Poppins", Helvetica, sans-serif; }
    .slider-overlay-container .slider-overlay h1, .slider-overlay-container-fullwidth .slider-overlay h1, .slider-overlay-container-restricted .slider-overlay h1 {
      font-size: 100px;
      line-height: 110px;
      font-family: "Poppins", Helvetica, sans-serif; }
    .slider-overlay-container .slider-overlay .sliderText, .slider-overlay-container-fullwidth .slider-overlay .sliderText, .slider-overlay-container-restricted .slider-overlay .sliderText {
      font-size: 20px;
      font-family: "Poppins", Helvetica, sans-serif; }
    .slider-overlay-container .slider-overlay h2, .slider-overlay-container-fullwidth .slider-overlay h2, .slider-overlay-container-restricted .slider-overlay h2 {
      font-size: 45px;
      /*text-transform: uppercase;*/
      margin-bottom: 30px;
      font-family: "Poppins", Helvetica, sans-serif; }
  .slider-overlay-container .no-overlay, .slider-overlay-container-fullwidth .no-overlay, .slider-overlay-container-restricted .no-overlay {
    background-color: transparent;
    border: 0; }
  .slider-overlay-container .overlay-theme1, .slider-overlay-container-fullwidth .overlay-theme1, .slider-overlay-container-restricted .overlay-theme1 {
    background-color: rgba(50, 60, 60, 0.5);
    border: 1px solid white; }
    .slider-overlay-container .overlay-theme1 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme1 .sliderTitle, .slider-overlay-container-restricted .overlay-theme1 .sliderTitle {
      color: #ed6b1c; }
  .slider-overlay-container .overlay-theme2, .slider-overlay-container-fullwidth .overlay-theme2, .slider-overlay-container-restricted .overlay-theme2 {
    background-color: rgba(237, 107, 28, 0.5);
    border: 1px solid white; }
    .slider-overlay-container .overlay-theme2 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme2 .sliderTitle, .slider-overlay-container-restricted .overlay-theme2 .sliderTitle {
      color: #323c3c; }
  .slider-overlay-container .overlay-theme3, .slider-overlay-container-fullwidth .overlay-theme3, .slider-overlay-container-restricted .overlay-theme3 {
    background-color: rgba(253, 228, 210, 0.7);
    border: 1px solid white; }
  .slider-overlay-container .overlay-theme4, .slider-overlay-container-fullwidth .overlay-theme4, .slider-overlay-container-restricted .overlay-theme4 {
    background-color: rgba(50, 60, 60, 0.7);
    border: 1px solid #323c3c; }
    .slider-overlay-container .overlay-theme4 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme4 .sliderTitle, .slider-overlay-container-restricted .overlay-theme4 .sliderTitle {
      color: #ed6b1c; }
  .slider-overlay-container .overlay-theme5, .slider-overlay-container-fullwidth .overlay-theme5, .slider-overlay-container-restricted .overlay-theme5 {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff; }
    .slider-overlay-container .overlay-theme5 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme5 .sliderTitle, .slider-overlay-container-restricted .overlay-theme5 .sliderTitle {
      color: #ed6b1c; }
    .slider-overlay-container .overlay-theme5 .sliderText, .slider-overlay-container-fullwidth .overlay-theme5 .sliderText, .slider-overlay-container-restricted .overlay-theme5 .sliderText {
      color: #646363; }
  .slider-overlay-container .overlay-theme6, .slider-overlay-container-fullwidth .overlay-theme6, .slider-overlay-container-restricted .overlay-theme6 {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff; }
    .slider-overlay-container .overlay-theme6 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme6 .sliderTitle, .slider-overlay-container-restricted .overlay-theme6 .sliderTitle {
      color: #ed6b1c; }
    .slider-overlay-container .overlay-theme6 .sliderText, .slider-overlay-container-fullwidth .overlay-theme6 .sliderText, .slider-overlay-container-restricted .overlay-theme6 .sliderText {
      color: #fff; }
  .slider-overlay-container .overlay-theme7, .slider-overlay-container-fullwidth .overlay-theme7, .slider-overlay-container-restricted .overlay-theme7 {
    background-color: rgba(253, 228, 210, 0.7);
    border: 1px solid #fde4d2; }
    .slider-overlay-container .overlay-theme7 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme7 .sliderTitle, .slider-overlay-container-restricted .overlay-theme7 .sliderTitle {
      color: #ed6b1c; }
    .slider-overlay-container .overlay-theme7 .sliderText, .slider-overlay-container-fullwidth .overlay-theme7 .sliderText, .slider-overlay-container-restricted .overlay-theme7 .sliderText {
      color: #fff; }
  .slider-overlay-container .overlay-theme8, .slider-overlay-container-fullwidth .overlay-theme8, .slider-overlay-container-restricted .overlay-theme8 {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px rgba(255, 255, 255, 0.7); }
    .slider-overlay-container .overlay-theme8 .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme8 .sliderTitle, .slider-overlay-container-restricted .overlay-theme8 .sliderTitle {
      color: #222; }
    .slider-overlay-container .overlay-theme8 .sliderText, .slider-overlay-container-fullwidth .overlay-theme8 .sliderText, .slider-overlay-container-restricted .overlay-theme8 .sliderText {
      color: #646363; }
  .slider-overlay-container .overlay-theme-transp, .slider-overlay-container-fullwidth .overlay-theme-transp, .slider-overlay-container-restricted .overlay-theme-transp {
    background-color: transparent;
    /*box-shadow: 0 0 40px 20px rgba(#000000, .01);*/
    border: 1px solid transparent; }
    .slider-overlay-container .overlay-theme-transp .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme-transp .sliderTitle, .slider-overlay-container-restricted .overlay-theme-transp .sliderTitle {
      color: #323c3c; }
  .slider-overlay-container .overlay-theme-transp-white, .slider-overlay-container-fullwidth .overlay-theme-transp-white, .slider-overlay-container-restricted .overlay-theme-transp-white {
    background-color: transparent;
    border: 1px solid transparent; }
    .slider-overlay-container .overlay-theme-transp-white .sliderTitle, .slider-overlay-container-fullwidth .overlay-theme-transp-white .sliderTitle, .slider-overlay-container-restricted .overlay-theme-transp-white .sliderTitle {
      color: #ffffff; }

.slider-overlay-container-fullwidth {
  width: 100%;
  margin-top: 160px; }

.slider-overlay-container-restricted {
  width: 1500px;
  margin: auto;
  margin-top: 160px; }

.overlay-align-left {
  margin-right: auto; }
  .overlay-align-left.slider-overlay {
    text-align: left; }

.overlay-align-center {
  margin: auto; }
  .overlay-align-center.slider-overlay {
    text-align: center; }

.overlay-align-right {
  margin-left: auto; }
  .overlay-align-right.slider-overlay {
    text-align: right; }

.video-container {
  position: absolute;
  /*top:-180px;*/
  /*margin-top:-180px;*/
  width: 100%;
  height: 100%;
  overflow: hidden; }

.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.AppTopImg {
  height: 260px;
  background-position: center; }

.AppTop {
  height: 60px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
/*-------------------------Global Rules---------------------------*/
html {
  background-color: transparent !important;
  /*Common Lay-out Settings*/
  overflow-y: scroll; }

body {
  /*padding-top: 50px;
    padding-bottom: 20px;*/
  height: auto !important;
  font-family: "Poppins", Helvetica, sans-serif; }

.body-content {
  /* Set padding to keep content from hitting the edges */
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 135px; }

.navbar-fixed {
  top: 30px;
  position: fixed;
  width: 100%; }

input,
select,
textarea, md-select {
  /* Set width on the form input elements since they're 100% wide by default */
  max-width: 600px; }

h1, h2, h3, h4, p, div, td, span {
  font-family: "Poppins", Helvetica, sans-serif; }

h1 {
  text-align: center; }

h1 {
  color: #333; }

a {
  color: #333;
  text-decoration: underline; }

md-select-menu md-content {
  z-index: 100; }

.cursor {
  cursor: pointer !important; }

/*-------------------------Containers---------------------------*/
.container {
  max-width: 1500px; }

.contentcontainer {
  margin: 8px; }

.container-centered {
  margin: auto;
  max-width: 1500px;
  position: relative;
  z-index: 5; }

/*-------------------------Validation---------------------------*/
#GlobalMessageModal {
  top: 80px; }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0; }

.modal {
  overflow-y: auto; }

.validation-summary-ok {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-top: 20px;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 15px; }

/*-------------------------Validation---------------------------*/
.validation_common, .validation-summary-errors, .validation-summary-warning {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 15px; }

.validation-summary-valid {
  display: none; }

.validation-summary-errors {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.validation-summary-warning {
  color: #1b809e;
  background-color: #d9edf7;
  border-color: #ebccd1; }

/*-------------------------Inputs---------------------------*/
input:-webkit-autofill {
  background-color: #fff !important; }

.md-no-border md-select-value {
  border-bottom-color: transparent !important; }

md-input-container .md-errors-spacer {
  min-height: 0; }

.m-select {
  max-width: 180px;
  padding: 8px 16px;
  border: 1px solid gray;
  border-radius: 30px; }

.m-select label {
  left: 10px; }

md-select {
  margin: 0; }

md-checkbox {
  margin-top: 10px;
  margin-bottom: 5px; }

md-checkbox:not(.md-checked) .md-icon {
  border-color: #ed6b1c; }

md-checkbox.md-checked .md-icon {
  background-color: #ed6b1c; }

md-input-container.md-input-has-value:not(.md-input-invalid) label {
  color: #ed6b1c; }

md-input-container label {
  color: #333;
  font-weight: normal; }

md-datepicker .md-input {
  width: 200px; }

.md-input-focused label {
  color: green; }

.md-input-focused input {
  border-color: green; }

/*-------------------------Common elements---------------------------*/
/*home intro*/
.hometxt {
  margin-top: -90px;
  position: relative; }
  .hometxt .bodytxt {
    text-align: center; }

.bodytxt {
  margin-left: 8px;
  margin-right: 8px; }

.txt, .hometxt {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 1px 20px 1px 20px; }
  .txt h1, .hometxt h1 {
    text-transform: uppercase;
    font-weight: 100;
    line-height: 45px;
    padding-bottom: 10px; }
  .txt .bodytxt, .hometxt .bodytxt {
    width: 960px;
    margin: auto;
    padding-top: 10px; }
  .txt hr, .hometxt hr {
    width: 200px;
    border: 2px solid #ed6b1c; }
  .txt .hr-title, .hometxt .hr-title {
    width: 200px;
    border: 2px solid #ed6b1c;
    clear: both;
    margin: 20px auto; }

.goToTop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  z-index: 999;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.pointer {
  cursor: pointer; }

.goToTop.ng-hide {
  opacity: 0; }

.graphloadinggif {
  text-align: center; }

.loading-icon {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1020; }
  .loading-icon path {
    stroke: #323c3c; }

.ng-hide.ng-hide-animate {
  display: none !important; }

.alert {
  display: inline-block;
  margin-bottom: 0;
  padding: 5px 15px; }

.verborgen {
  display: none; }

.verborgen + .navbar-motisha .navbar-collapse {
  top: 50px; }

.labelfavorit {
  text-transform: uppercase;
  margin-left: -5px;
  top: 70px;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  z-index: 5; }
  .labelfavorit .favoritbg {
    background-color: #ed6b1c;
    color: #fff;
    padding: 5px 20px; }
  .labelfavorit .favoritcorner {
    background-color: #ed6b1c;
    background-image: url(/Content/Images/overlaycorner.png);
    width: 5px;
    height: 5px; }
  .labelfavorit .newbg {
    background-color: #d22c2c;
    color: #fff;
    padding: 5px 20px; }
  .labelfavorit .newcorner {
    background-color: #d22c2c;
    background-image: url(/Content/Images/overlaycorner.png);
    width: 5px;
    height: 5px; }
  .labelfavorit .digitalbg {
    background-color: #333;
    color: #fff;
    padding: 5px 20px; }
  .labelfavorit .digitalcorner {
    background-color: #333;
    background-image: url(/Content/Images/overlaycorner.png);
    width: 5px;
    height: 5px; }
  .labelfavorit .countrybg {
    background-color: #ccc;
    color: #fff;
    padding: 5px 20px 10px 20px; }
    .labelfavorit .countrybg img {
      height: 20px; }
  .labelfavorit .countrycorner {
    background-color: #ccc;
    background-image: url(/Content/Images/overlaycorner.png);
    width: 5px;
    height: 5px; }
  .labelfavorit .iconphysical {
    height: 20px;
    fill: #ffffff;
    margin: 5px 0; }
    .labelfavorit .iconphysical img {
      display: inline-block; }
  .labelfavorit:last-child {
    top: 20px; }

.Slogan, .Slogan-clickable {
  margin-top: 5px;
  padding: 5px;
  padding-top: 10px;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center; }

.Slogan-clickable {
  cursor: pointer; }

.formpanel, .smallpanel, .deliveryblock, .login-container, .manualpaymentblock, .tab-pane, .scancodes {
  background-color: rgba(237, 107, 28, 0.1);
  margin: 20px auto; }
  .formpanel h3, .smallpanel h3, .deliveryblock h3, .login-container h3, .manualpaymentblock h3, .tab-pane h3, .scancodes h3 {
    margin-top: 0;
    background-color: #ed6b1c;
    color: #fff;
    padding: 20px; }
  .formpanel .content, .smallpanel .content, .deliveryblock .content, .login-container .content, .manualpaymentblock .content, .tab-pane .content, .scancodes .content {
    padding: 20px; }
  .formpanel h4, .smallpanel h4, .deliveryblock h4, .login-container h4, .manualpaymentblock h4, .tab-pane h4, .scancodes h4 {
    color: #ed6b1c;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #ed6b1c;
    padding-bottom: 5px;
    margin-bottom: 25px; }
  .formpanel table td, .smallpanel table td, .deliveryblock table td, .login-container table td, .manualpaymentblock table td, .tab-pane table td, .scancodes table td {
    width: 140px;
    text-align: center; }
  .formpanel table td:first-child, .smallpanel table td:first-child, .deliveryblock table td:first-child, .login-container table td:first-child, .manualpaymentblock table td:first-child, .tab-pane table td:first-child, .scancodes table td:first-child {
    width: 250px;
    text-align: left; }
  .formpanel table .header, .smallpanel table .header, .deliveryblock table .header, .login-container table .header, .manualpaymentblock table .header, .tab-pane table .header, .scancodes table .header {
    border-bottom: 1px solid #ed6b1c;
    font-weight: bold;
    color: #ed6b1c;
    text-transform: uppercase;
    font-size: 16px; }
  .formpanel table .scrow, .smallpanel table .scrow, .deliveryblock table .scrow, .login-container table .scrow, .manualpaymentblock table .scrow, .tab-pane table .scrow, .scancodes table .scrow {
    border-bottom: 1px solid #d0d0d0; }
    .formpanel table .scrow td, .smallpanel table .scrow td, .deliveryblock table .scrow td, .login-container table .scrow td, .manualpaymentblock table .scrow td, .tab-pane table .scrow td, .scancodes table .scrow td {
      padding-top: 10px;
      padding-bottom: 10px; }
    .formpanel table .scrow .extrainfo div, .smallpanel table .scrow .extrainfo div, .deliveryblock table .scrow .extrainfo div, .login-container table .scrow .extrainfo div, .manualpaymentblock table .scrow .extrainfo div, .tab-pane table .scrow .extrainfo div, .scancodes table .scrow .extrainfo div {
      font-size: 12px;
      color: #999;
      padding-left: 15px; }
      .formpanel table .scrow .extrainfo div span, .smallpanel table .scrow .extrainfo div span, .deliveryblock table .scrow .extrainfo div span, .login-container table .scrow .extrainfo div span, .manualpaymentblock table .scrow .extrainfo div span, .tab-pane table .scrow .extrainfo div span, .scancodes table .scrow .extrainfo div span {
        color: #333;
        width: 115px;
        display: inline-block; }
      .formpanel table .scrow .extrainfo div strong, .smallpanel table .scrow .extrainfo div strong, .deliveryblock table .scrow .extrainfo div strong, .login-container table .scrow .extrainfo div strong, .manualpaymentblock table .scrow .extrainfo div strong, .tab-pane table .scrow .extrainfo div strong, .scancodes table .scrow .extrainfo div strong {
        color: #333;
        font-weight: normal; }
    .formpanel table .scrow .features div, .smallpanel table .scrow .features div, .deliveryblock table .scrow .features div, .login-container table .scrow .features div, .manualpaymentblock table .scrow .features div, .tab-pane table .scrow .features div, .scancodes table .scrow .features div {
      color: #888;
      font-size: 12px;
      font-weight: normal;
      padding-left: 15px; }
      .formpanel table .scrow .features div span, .smallpanel table .scrow .features div span, .deliveryblock table .scrow .features div span, .login-container table .scrow .features div span, .manualpaymentblock table .scrow .features div span, .tab-pane table .scrow .features div span, .scancodes table .scrow .features div span {
        color: #333;
        display: inline-block;
        width: 65px; }
  .formpanel table.normal td, .smallpanel table.normal td, .deliveryblock table.normal td, .login-container table.normal td, .manualpaymentblock table.normal td, .tab-pane table.normal td, .scancodes table.normal td {
    width: 100px;
    text-align: left; }
  .formpanel table.normal td:first-child, .smallpanel table.normal td:first-child, .deliveryblock table.normal td:first-child, .login-container table.normal td:first-child, .manualpaymentblock table.normal td:first-child, .tab-pane table.normal td:first-child, .scancodes table.normal td:first-child {
    width: 250px;
    text-align: left; }
  .formpanel.totals table, .totals.smallpanel table, .totals.deliveryblock table, .totals.login-container table, .totals.manualpaymentblock table, .totals.tab-pane table, .totals.scancodes table {
    width: 700px; }
  .formpanel.totals td, .totals.smallpanel td, .totals.deliveryblock td, .totals.login-container td, .totals.manualpaymentblock td, .totals.tab-pane td, .totals.scancodes td {
    padding-top: 5px;
    text-align: right; }
  .formpanel.totals td:first-child, .totals.smallpanel td:first-child, .totals.deliveryblock td:first-child, .totals.login-container td:first-child, .totals.manualpaymentblock td:first-child, .totals.tab-pane td:first-child, .totals.scancodes td:first-child {
    font-weight: bold;
    color: #ed6b1c;
    text-align: left; }

.smallpanel {
  width: 700px;
  margin: auto;
  padding-bottom: 20px; }

.block-left, .contactform, .Addressform, .emailform, .contactgeg, .AddCodeform {
  width: 700px;
  float: left;
  margin-top: 30px; }
  .block-left .md-block, .contactform .md-block, .Addressform .md-block, .emailform .md-block, .contactgeg .md-block, .AddCodeform .md-block {
    width: 620px; }
  .block-left label, .contactform label, .Addressform label, .emailform label, .contactgeg label, .AddCodeform label {
    margin-bottom: -5px;
    font-weight: normal;
    color: #333; }
  .block-left .md-2-line, .contactform .md-2-line, .Addressform .md-2-line, .emailform .md-2-line, .contactgeg .md-2-line, .AddCodeform .md-2-line {
    width: 300px; }
  .block-left .md-3-line, .contactform .md-3-line, .Addressform .md-3-line, .emailform .md-3-line, .contactgeg .md-3-line, .AddCodeform .md-3-line {
    width: 200px; }

.block-right, .adresschoice, .Leveradres, .addressgeg {
  float: right;
  width: 600px;
  margin-top: 30px;
  margin-right: 100px; }

.content-block-up, .confirmation, .delivery, .gifts, .myAccount {
  margin-top: -90px;
  background-color: white; }

.screen-small {
  display: none; }

.nonclickable, .topnavi, .welkom {
  cursor: default; }

.clickable, .verticallyalligned-middle.glyphicon, .giftscrolltile, .newsscrolltile, .shoppingcart .scgifttitle a, .faqquestion-title {
  cursor: pointer; }

.propercase:first-letter {
  text-transform: capitalize; }

.verticallyalligned-middle {
  vertical-align: middle; }
  .verticallyalligned-middle.glyphicon {
    margin-left: 3px; }

/*-------------------------buttons---------------------------*/
.btn {
  display: inline-block;
  background-color: #323c3c;
  color: white;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 16px; }

.btn-primary {
  background-color: #323c3c;
  color: #fff; }

.btn-primary:hover, .btn-primary:focus {
  background-color: #262e2e;
  color: #fff; }

.btn-second {
  background-color: #ed6b1c;
  color: #fff; }

.btn-second:hover, .btn-second:focus {
  background-color: #97410c;
  color: #fff; }

.btn-white {
  background-color: #fff;
  color: #323c3c !important;
  border: 1px solid #323c3c; }

.btn-white:hover {
  background-color: rgba(50, 60, 60, 0.25);
  color: #323c3c;
  border: 1px solid #323c3c; }

.btnback {
  float: right;
  z-index: 10;
  position: relative; }

.button-round {
  background-color: white !important;
  border: 1px solid #323c3c !important;
  color: #323c3c !important;
  border-radius: 32px;
  padding-left: 20px;
  padding-right: 20px; }

.fullwidth {
  margin-left: -270px; }

.btn-bottomright {
  margin-top: 40px;
  margin-bottom: 40px;
  float: right; }

.mobile {
  display: none; }

.md-button.md-default-theme.md-hue-2.md-primary.md-fab, .md-button.md-hue-2.md-primary.md-fab, .md-button.md-default-theme.md-hue-2.md-primary.md-raised, .md-button.md-hue-2.md-primary.md-raised {
  background-color: #ed6b1c; }

.md-button.md-default-theme.md-hue-2.md-primary.md-fab:not([disabled]).md-focused,
.md-button.md-hue-2.md-primary.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-hue-2.md-primary.md-fab:not([disabled]):hover,
.md-button.md-hue-2.md-primary.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-hue-2.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-hue-2.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-hue-2.md-primary.md-raised:not([disabled]):hover,
.md-button.md-hue-2.md-primary.md-raised:not([disabled]):hover {
  background-color: #97410c; }

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on,
md-radio-button:not([disabled]).md-primary .md-on,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on,
md-radio-button:not([disabled]) .md-primary .md-on,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-on,
md-radio-group:not([disabled]).md-primary .md-on,
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on,
md-radio-group:not([disabled]) .md-primary .md-on {
  background-color: #97410c; }

md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-button:not([disabled]).md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-group:not([disabled]).md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-group:not([disabled]).md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
  border-color: #97410c; }

/*-------------------------Themes---------------------------


    /*.grid-item--1x2 {
        .overlay-filldiv-theme {
            .overlay:hover {
               .overlayhoverbtn {
                    top:43.4%;
                }
            }
        }
    }*/
.content {
  clear: both; }
  .content h1 {
    text-transform: uppercase;
    font-weight: 100;
    line-height: 45px;
    padding-bottom: 10px; }
  .content .bodytxt {
    width: 960px;
    margin: auto;
    padding-top: 10px; }
  .content hr {
    width: 200px;
    border: 2px solid #ed6b1c; }
  .content .hr-title {
    width: 200px;
    border: 2px solid #ed6b1c;
    clear: both;
    margin: 20px auto; }

.InthePicture, .inthepicture {
  background-color: rgba(74, 160, 206, 0.7);
  padding: 20px 30px;
  margin-bottom: 25px; }
  .InthePicture .subtitle, .inthepicture .subtitle {
    text-transform: uppercase;
    line-height: 30px;
    font-size: 20px;
    text-align: center; }
  .InthePicture hr, .inthepicture hr {
    width: 100px;
    border: 2px solid #fde4d2 !important; }

.leftcontent {
  width: 359px;
  display: table-cell;
  vertical-align: top;
  padding-top: 25px; }
  .leftcontent .subtitle {
    font-size: 18px;
    line-height: 50px;
    font-weight: bold; }
  .leftcontent .quote {
    font-size: 18px; }

.leftmiddlecontent {
  width: 1484px;
  display: table-cell;
  vertical-align: top;
  padding-top: 25px; }
  .leftmiddlecontent .subtitle {
    font-size: 18px;
    line-height: 50px;
    font-weight: bold; }
  .leftmiddlecontent .quote {
    font-size: 18px; }

.rightcontent {
  width: 359px;
  display: table-cell;
  vertical-align: top;
  padding-top: 25px; }
  .rightcontent .subtitle {
    font-size: 18px;
    line-height: 50px;
    font-weight: bold; }
  .rightcontent .quote {
    font-size: 18px; }

.middlecontent {
  display: table-cell;
  vertical-align: top;
  width: 742px;
  padding: 0 32px;
  padding-top: 25px; }
  .middlecontent .subtitle {
    font-size: 18px;
    line-height: 50px;
    font-weight: bold; }
  .middlecontent .quote {
    font-size: 18px; }

.PointsSummary {
  padding-right: 0px;
  background-color: rgba(237, 107, 28, 0.3); }
  .PointsSummary .title {
    text-transform: uppercase;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    padding-top: 15px; }
  .PointsSummary hr {
    width: 100px;
    border: 2px solid #fde4d2 !important; }
  .PointsSummary .subtitle {
    background-color: #ed6b1c;
    color: #fff;
    padding: 10px;
    text-align: right;
    font-weight: normal;
    font-size: 16px;
    line-height: normal; }
  .PointsSummary .headers {
    background-color: rgba(237, 107, 28, 0.3);
    padding: 10px;
    color: #fde4d2;
    border-bottom: 1px solid #333;
    height: 35px; }
    .PointsSummary .headers .header_wat {
      float: left; }
    .PointsSummary .headers .header_value {
      float: right; }
    .PointsSummary .headers .header_points {
      padding-right: 10px;
      width: 75px;
      text-align: center; }
    .PointsSummary .headers .header_pos {
      float: right;
      padding-right: 10px;
      width: 60px;
      text-align: center; }
  .PointsSummary .summaryrow {
    padding: 10px;
    color: #fde4d2;
    border-bottom: 1px solid #aaa;
    height: 35px; }
    .PointsSummary .summaryrow .summaryrow-wat {
      float: left; }
    .PointsSummary .summaryrow .summaryrow-value {
      float: right; }
  .PointsSummary .periode-row {
    border-bottom: 1px solid #aaa;
    padding: 10px; }
    .PointsSummary .periode-row .periode-points {
      float: right;
      padding-right: 10px;
      text-align: center;
      width: 75px; }
    .PointsSummary .periode-row .periode-pos {
      float: right;
      padding-right: 10px;
      text-align: center;
      width: 60px; }

.PeriodeOverview {
  padding: 20px; }
  .PeriodeOverview .PeriodeOverview-Content {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 310px; }
  .PeriodeOverview .title {
    text-transform: uppercase;
    line-height: 30px;
    font-size: 20px;
    text-align: center; }
  .PeriodeOverview hr {
    width: 100px;
    border: 2px solid #fde4d2 !important; }
  .PeriodeOverview .periodeoverview-detail {
    width: 250px;
    margin: 0 auto; }
    .PeriodeOverview .periodeoverview-detail .periodeoverview-detail-label {
      width: 140px;
      display: inline-block; }
    .PeriodeOverview .periodeoverview-detail .periodeoverview-detail-result {
      width: 100px;
      text-align: right;
      display: inline-block; }

.SubCampaignOverview .title {
  text-transform: uppercase;
  line-height: 30px;
  font-size: 20px;
  text-align: center; }

.SubCampaignOverview hr {
  width: 100px;
  border: 2px solid #fde4d2 !important; }

.SubCampaignOverview .headers {
  background-color: #ed6b1c;
  color: #fff;
  padding: 10px; }
  .SubCampaignOverview .headers .header-vendor {
    width: 125px;
    display: inline-block; }
  .SubCampaignOverview .headers .header-campaign {
    display: inline-block; }
  .SubCampaignOverview .headers .header-points {
    float: right;
    width: 100px; }

.SubCampaignOverview .details {
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px; }
  .SubCampaignOverview .details .detail-vendor {
    width: 125px;
    display: inline-block; }
  .SubCampaignOverview .details .detail-campaign {
    display: inline-block; }
  .SubCampaignOverview .details .detail-points {
    float: right;
    width: 100px;
    text-align: right; }

.SubCampaignOverview .totals {
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px;
  border-top: 1px solid #333; }
  .SubCampaignOverview .totals .totals-points {
    float: right;
    width: 100px;
    text-align: right; }

.CampaignPointsOverview .campaign-name {
  background-color: #ed6b1c;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px; }

.CampaignPointsOverview .campaign-periode {
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px;
  border-bottom: 1px solid #888;
  color: #fde4d2; }
  .CampaignPointsOverview .campaign-periode .campaign-periode-dates {
    float: right; }

.CampaignPointsOverview .campaign-detail {
  width: 678px;
  background-color: rgba(237, 107, 28, 0.3);
  border-bottom: 1px solid #aaa;
  padding: 10px; }
  .CampaignPointsOverview .campaign-detail .campaign-detail-label {
    width: 503px;
    display: inline-block; }
  .CampaignPointsOverview .campaign-detail .campaign-detail-result {
    text-align: right;
    width: 150px;
    display: inline-block; }

.InThePicture .title {
  text-transform: uppercase;
  line-height: 30px;
  font-size: 20px;
  text-align: center; }

.InThePicture hr {
  width: 100px;
  border: 2px solid #fde4d2 !important; }

.InThePicture .leftotherimg {
  width: 359px;
  margin-bottom: 15px; }

.campaign-details .campaign-sc9-headers {
  border-bottom: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.6);
  padding: 10px; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-vendor {
    display: inline-block;
    width: 150px; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-target {
    display: inline-block;
    width: 100px;
    text-align: center; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-current {
    display: inline-block;
    width: 100px;
    text-align: center; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-overscore {
    display: inline-block;
    width: 100px;
    text-align: center; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-achieved {
    display: inline-block;
    width: 100px;
    text-align: center; }
  .campaign-details .campaign-sc9-headers .campaign-sc9-header-points {
    display: inline-block;
    text-align: right; }

.campaign-details .campaign-sc9 {
  border-bottom: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px; }
  .campaign-details .campaign-sc9 .campaign-sc9-vendor {
    display: inline-block;
    width: 150px; }
  .campaign-details .campaign-sc9 .campaign-sc9-target {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9 .campaign-sc9-current {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9 .campaign-sc9-overscore {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9 .campaign-sc9-achieved {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9 .campaign-sc9-points {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }

.campaign-details .campaign-sc9-totals {
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-vendor {
    display: inline-block;
    width: 150px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-target {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-current {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-overscore {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-achieved {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-points {
    display: inline-block;
    width: 80px;
    text-align: right; }
  .campaign-details .campaign-sc9-totals .campaign-sc9-total-endpoints {
    display: inline-block;
    width: 500px;
    text-align: right; }

.campaign-details .campaign-sc9-greattotals {
  border-top: 1px solid #888;
  border-bottom: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px; }
  .campaign-details .campaign-sc9-greattotals .campaign-sc9-total-vendor {
    display: inline-block;
    width: 150px; }
  .campaign-details .campaign-sc9-greattotals .campaign-sc9-total-points {
    display: inline-block; }
  .campaign-details .campaign-sc9-greattotals .campaign-sc9-total-endpoints {
    display: inline-block;
    width: 500px;
    text-align: right; }

.campaign-details .campaign-sc10-headers {
  border-bottom: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.6);
  padding: 10px; }
  .campaign-details .campaign-sc10-headers .campaign-sc10-header-price {
    display: inline-block;
    width: 550px; }
  .campaign-details .campaign-sc10-headers .campaign-sc10-header-number {
    display: inline-block;
    width: 100px;
    text-align: center; }

.campaign-details .campaign-sc10 {
  border-bottom: 1px solid #aaa;
  background-color: rgba(237, 107, 28, 0.3);
  padding: 10px; }
  .campaign-details .campaign-sc10 .campaign-sc10-price {
    display: inline-block;
    width: 550px; }
  .campaign-details .campaign-sc10 .campaign-sc10-number {
    display: inline-block;
    width: 100px;
    text-align: center;
    padding-right: 15px; }

#CampaignSlider {
  position: relative;
  height: 275px;
  margin: 25px 0; }
  #CampaignSlider .CampaignSliderFoto {
    position: absolute;
    top: 0;
    left: 0; }

.LGProduct {
  border: 1px solid #aaa;
  width: 300px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }
  .LGProduct .LGProduct_Img {
    margin: auto;
    display: block; }
  .LGProduct .LGProduct_Type {
    background-color: #888;
    color: #fff;
    text-align: center;
    padding: 5px; }
  .LGProduct .LGProduct_Specs {
    padding: 5px 0; }
  .LGProduct .LGProduct_Btn {
    background-color: #c02356;
    color: #fff;
    text-align: center;
    padding: 5px; }
    .LGProduct .LGProduct_Btn a {
      color: #fff;
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: inline-block; }

#referralform .ng-touched.ng-empty.ng-invalid-required {
  background-color: #eed3d7;
  color: #b94a48; }

#referralform .ng-touched.ng-invalid-email {
  background-color: #eed3d7;
  color: #b94a48; }

.SubCampPage_Pos {
  font-size: 20px;
  font-weight: bold; }

.SubCampPage_Points {
  font-size: 20px;
  font-weight: bold;
  float: right; }

.SubCampPage_subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px; }

.SubCampPage_Overview {
  width: 100%;
  margin: auto; }
  .SubCampPage_Overview .campaign {
    border-bottom: 1px solid #ddd;
    cursor: pointer; }
    .SubCampPage_Overview .campaign .fa-minus-circle {
      display: none;
      cursor: pointer; }
    .SubCampPage_Overview .campaign .fa-plus-circle {
      display: inline-block;
      cursor: pointer; }
    .SubCampPage_Overview .campaign .camp {
      display: table;
      font-size: 16px;
      width: 100%;
      margin: auto; }
      .SubCampPage_Overview .campaign .camp .camp_overview {
        display: table-row;
        width: 100%; }
        .SubCampPage_Overview .campaign .camp .camp_overview .camp_img {
          display: table-cell;
          width: 120px;
          height: 90px;
          vertical-align: middle; }
          .SubCampPage_Overview .campaign .camp .camp_overview .camp_img img {
            width: 70px; }
        .SubCampPage_Overview .campaign .camp .camp_overview .camp_name {
          display: table-cell;
          height: 90px;
          vertical-align: middle; }
        .SubCampPage_Overview .campaign .camp .camp_overview .camp_points {
          display: table-cell;
          height: 90px;
          text-align: right;
          vertical-align: middle; }
        .SubCampPage_Overview .campaign .camp .camp_overview .camp_details_btn {
          display: table-cell;
          height: 90px;
          width: 50px;
          text-align: right;
          vertical-align: middle; }
    .SubCampPage_Overview .campaign .camp_details {
      display: none;
      margin-left: 120px;
      padding: 20px;
      margin-right: 30px;
      background-color: #b3e8f6; }
      .SubCampPage_Overview .campaign .camp_details .camp_period, .SubCampPage_Overview .campaign .camp_details .camp_current, .SubCampPage_Overview .campaign .camp_details .camp_det_points, .SubCampPage_Overview .campaign .camp_details .camp_det_maincamp_points {
        padding: 4px 0; }
        .SubCampPage_Overview .campaign .camp_details .camp_period span, .SubCampPage_Overview .campaign .camp_details .camp_current span, .SubCampPage_Overview .campaign .camp_details .camp_det_points span, .SubCampPage_Overview .campaign .camp_details .camp_det_maincamp_points span {
          float: right; }
      .SubCampPage_Overview .campaign .camp_details .camp_period, .SubCampPage_Overview .campaign .camp_details .camp_current, .SubCampPage_Overview .campaign .camp_details .camp_det_points {
        border-bottom: 1px solid #666; }
    .SubCampPage_Overview .campaign.campaign-active .camp_details {
      display: block; }
    .SubCampPage_Overview .campaign.campaign-active .fa-plus-circle {
      display: none;
      cursor: pointer; }
    .SubCampPage_Overview .campaign.campaign-active .fa-minus-circle {
      display: inline-block;
      cursor: pointer; }

#overlay {
  display: block;
  background: #000000;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 3000px;
  opacity: .75;
  z-index: 11000; }

.grid-item-countrysel h2 {
  color: #ed6b1c;
  font-size: 22px;
  font-weight: bold; }

.grid-item-countrysel label {
  width: 200px; }

.grid-item-countrysel .btn {
  background-color: #fff;
  color: #666 !important;
  border-radius: 5px !important;
  border-color: #b3b3b3 !important;
  width: 230px;
  text-align: left;
  padding-left: 20px; }
  .grid-item-countrysel .btn img {
    height: 18px;
    margin-right: 15px; }
  .grid-item-countrysel .btn span {
    background-image: url(/Content/Customers/4/textballoon.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px; }

.grid-item-countrysel .dropdown {
  display: inline-block; }

.grid-item-countrysel i {
  font-style: normal; }

.grid-item-countrysel .dropdown-item {
  display: block;
  padding: 10px 20px;
  text-align: left;
  color: #888; }
  .grid-item-countrysel .dropdown-item img {
    height: 18px;
    margin-right: 15px; }
  .grid-item-countrysel .dropdown-item span {
    background-image: url(/Content/Customers/4/textballoon.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px; }
  .grid-item-countrysel .dropdown-item:hover {
    background-color: #efefef; }

.grid-item-countrysel .dropdown-menu {
  max-height: 210px;
  overflow-y: auto;
  width: 230px; }
  .grid-item-countrysel .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff; }
  .grid-item-countrysel .dropdown-menu::-webkit-scrollbar {
    width: 10px;
    background-color: #fff; }
  .grid-item-countrysel .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ebebeb;
    border: 2px solid #ebebeb; }

.grid-item-countrysel .Slogan, .grid-item-countrysel .Slogan-clickable {
  margin-top: 120px;
  margin-bottom: 15px; }

.cadora_block {
  display: block;
  /*border: 20px solid #ddd;*/
  float: left;
  font-size: 1em;
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -275px;
  z-index: 11000; }
  .cadora_block .worldbg {
    width: 550px;
    height: 415px;
    background-image: url(/Content/Customers/4/World.png);
    padding: 35px; }
  .cadora_block h2 {
    color: #ed6b1c;
    font-size: 22px;
    font-weight: bold; }
  .cadora_block label {
    width: 200px; }
  .cadora_block .btn {
    background-color: #fff;
    color: #666 !important;
    border-radius: 5px !important;
    border-color: #b3b3b3 !important;
    width: 230px;
    text-align: left;
    padding-left: 20px; }
    .cadora_block .btn img {
      height: 18px;
      margin-right: 15px; }
    .cadora_block .btn span {
      background-image: url(/Content/Customers/4/textballoon.png);
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 15px;
      text-align: center;
      color: #fff;
      font-weight: bold;
      font-size: 12px; }
  .cadora_block .dropdown {
    display: inline-block; }
  .cadora_block i {
    font-style: normal; }
  .cadora_block .dropdown-item {
    display: block;
    padding: 10px 20px;
    text-align: left;
    color: #888; }
    .cadora_block .dropdown-item img {
      height: 18px;
      margin-right: 15px; }
    .cadora_block .dropdown-item span {
      background-image: url(/Content/Customers/4/textballoon.png);
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 15px;
      text-align: center;
      color: #fff;
      font-weight: bold;
      font-size: 12px; }
    .cadora_block .dropdown-item:hover {
      background-color: #efefef; }
  .cadora_block .dropdown-menu {
    max-height: 210px;
    overflow-y: auto;
    width: 230px; }
    .cadora_block .dropdown-menu::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: #fff; }
    .cadora_block .dropdown-menu::-webkit-scrollbar {
      width: 10px;
      background-color: #fff; }
    .cadora_block .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #ebebeb;
      border: 2px solid #ebebeb; }
  .cadora_block .btn-save {
    background-color: #fe6600;
    text-decoration: none;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    text-transform: uppercase;
    position: absolute;
    bottom: -18px;
    left: 185px;
    display: block; }
    .cadora_block .btn-save.gray {
      background-color: #aaa;
      cursor: not-allowed; }
  .cadora_block .Slogan, .cadora_block .Slogan-clickable {
    margin-top: 120px;
    margin-bottom: 15px; }

*html #overlay {
  position: absolute; }

*html .cadora_block {
  position: absolute; }

.slickPrev, .slickNext {
  line-height: 0;
  position: absolute;
  top: calc(50% - 20px);
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: 1px solid #ed6b1c;
  border-radius: 50%;
  outline: none;
  background: transparent; }

.slickPrev {
  left: -25px;
  padding-right: 2px; }

.slickNext {
  right: -25px;
  padding-left: 2px; }

.border-0 {
  border: 0 !important; }

.cc-window.cc-banner {
  width: 25% !important;
  flex-direction: column !important; }

.cc-message a {
  color: #fff; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #323c3c;
  color: #ffffff;
  padding: 5px;
  height: 135px;
  clear: both;
  margin: 0 auto;
  overflow: hidden; }
  footer .footer-brand {
    height: 135px;
    line-height: 135px;
    left: -5px;
    margin-right: 5px;
    float: left; }
  footer .footer-text {
    height: 135px;
    line-height: 135px;
    vertical-align: top;
    font-size: 16px;
    float: right; }
    footer .footer-text a {
      font-size: 16px;
      text-decoration: none;
      color: #ffffff; }
      footer .footer-text a:hover {
        color: #ffffff; }
    footer .footer-text span:not(:first-child) {
      margin-left: 30px; }
    footer .footer-text .payment {
      display: inline-block;
      line-height: initial;
      cursor: default; }
      footer .footer-text .payment img {
        display: block;
        margin: auto;
        margin-top: 5px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.contactform {
  margin-top: 0; }

.button-right {
  text-align: right;
  padding-right: 20px;
  margin-right: 20px; }
  .button-right button {
    border: 1px solid #323c3c;
    color: white;
    border-radius: 32px;
    background-color: #323c3c;
    margin-top: 10px; }
    .button-right button:hover {
      background-color: #1b2020; }
    .button-right button.equal {
      width: 150px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.order-nav li {
  padding: 0; }
  .order-nav li .menuitemarrow {
    margin-right: 0; }

.order-nav li a {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: black; }
  .order-nav li a .menuitemarrow {
    margin-right: 0; }
  .order-nav li a:hover {
    text-decoration: none; }

.Addresstile {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  color: #999;
  font-size: 12px; }
  .Addresstile strong {
    color: #111;
    font-size: 14px; }
  .Addresstile:not(.active):hover {
    background-color: #ed6b1c;
    cursor: pointer;
    color: #fff; }

.ServicePoint {
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  color: #999;
  font-size: 12px;
  float: left;
  width: 300px; }
  .ServicePoint strong {
    color: #111;
    font-size: 14px; }
  .ServicePoint:not(.active):hover {
    background-color: #ed6b1c;
    cursor: pointer;
    color: #fff; }
  .ServicePoint.active {
    background-color: #ed6b1c;
    cursor: pointer;
    color: #fff; }

.TransActionTile {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  float: left;
  width: 32%;
  margin-right: 20px;
  text-align: center; }
  .TransActionTile:last-child {
    margin-right: 0; }
  .TransActionTile:not(.active):hover {
    background-color: #ed6b1c;
    cursor: pointer;
    color: #fff; }
  .TransActionTile.active {
    background-color: #ed6b1c;
    color: #fff; }
  .TransActionTile img {
    margin-bottom: 5px; }

.Leveradres {
  margin-top: 0; }
  .Leveradres h4 {
    margin-bottom: 5px; }

.editbtn {
  float: right;
  margin-top: 33px;
  padding-top: 5px; }

.contact {
  max-width: 750px;
  margin-top: 25px;
  clear: both; }
  .contact h4 {
    margin-bottom: 0px; }

.btn-deliverychoice {
  background-color: #ed6b1c; }
  .btn-deliverychoice.active {
    background-color: #323c3c; }

.deliveryblock {
  padding-bottom: 20px; }
  .deliveryblock table td:first-child {
    width: 300px; }

.login-container {
  padding-bottom: 20px;
  margin-top: 40px; }

.scoverview {
  width: 700px;
  float: left; }

.manualpaymentblock {
  padding-bottom: 20px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.discountcode {
  width: 250px;
  display: inline-block; }

.inputkortingscode {
  margin-left: 25px;
  float: left; }

.login-container {
  position: relative;
  min-height: 175px; }

.discountStatus {
  margin-left: 25px; }

.discount-Totals {
  display: inline-block;
  border-top: 1px solid #808080;
  padding-top: 5px;
  margin-top: 5px; }
  .discount-Totals span {
    width: 100px;
    display: inline-block;
    text-align: right; }
    .discount-Totals span.discountcode {
      width: 265px;
      text-align: left; }

.discount-label, .mydiscount-header {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
  color: #ed6b1c; }

.headers span {
  font-weight: bold;
  display: inline-block;
  width: 100px;
  text-align: center; }
  .headers span.discountcode {
    width: 265px;
    text-align: left; }

.coderow span {
  display: inline-block;
  width: 100px;
  text-align: right; }
  .coderow span.discountcode {
    width: 250px;
    text-align: left; }

#discountStatus, #discountStatus_ok, #discountOverview {
  margin-top: 20px;
  margin-bottom: 20px; }

#discountOverview {
  text-align: right;
  padding-right: 100px; }
  #discountOverview .discountContent {
    display: inline-block;
    text-align: left; }

#discountControl {
  margin-left: 30px;
  margin-right: 30px; }

.DiscountOverview {
  background-color: rgba(237, 107, 28, 0.1);
  margin-bottom: 20px;
  margin-right: 150px;
  margin-top: 20px;
  width: 100%;
  display: table; }
  .DiscountOverview .header {
    background-color: #323c3c;
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    display: table-row;
    width: 100%; }
    .DiscountOverview .header .text {
      display: table-cell;
      padding: 8px 16px;
      width: 15%; }
      .DiscountOverview .header .text:first-child {
        width: 20%; }
    .DiscountOverview .header .mobile {
      display: none; }
    .DiscountOverview .header .desktop {
      display: table-cell; }
  .DiscountOverview .codedetails {
    display: table-row;
    width: 100%; }
    .DiscountOverview .codedetails .text {
      display: table-cell;
      padding: 8px 16px;
      margin-left: 30px;
      width: 15%; }
      .DiscountOverview .codedetails .text:first-child {
        width: 20%; }
    .DiscountOverview .codedetails .mobile {
      display: none; }
    .DiscountOverview .codedetails .desktop {
      display: table-cell; }
  .DiscountOverview.Cadora .header {
    background-color: #323c3c;
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    padding: 8px 16px; }
    .DiscountOverview.Cadora .header .text {
      display: table-cell;
      margin-left: 30px;
      width: 10%; }
      .DiscountOverview.Cadora .header .text:first-child {
        width: 10%; }
    .DiscountOverview.Cadora .header .mobile {
      display: none; }
    .DiscountOverview.Cadora .header .desktop {
      display: table-cell; }
  .DiscountOverview.Cadora .codedetails .text {
    display: table-cell;
    padding: 8px 16px;
    margin-left: 30px;
    width: 10%;
    vertical-align: top; }
    .DiscountOverview.Cadora .codedetails .text:first-child {
      width: 10%; }
  .DiscountOverview.Cadora .codedetails .mobile {
    display: none; }
  .DiscountOverview.Cadora .codedetails .desktop {
    display: table-cell; }

.DiscountTotal {
  font-size: 24px;
  text-align: right;
  margin-right: 150px;
  margin-top: 12px; }

.discountInput {
  clear: both; }
  .discountInput h3 {
    float: left;
    margin-right: 25px; }
  .discountInput .input-group {
    width: 600px;
    float: left;
    margin-top: 12px; }

.form-control.kortingscode {
  height: 38px; }

.inputFreebees {
  width: 100px;
  display: inline-block; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.overlay-large {
  font-size: 28px;
  font-weight: bold; }

.donut {
  width: 359px;
  height: 359px;
  position: relative;
  display: inline-block; }
  .donut.turnover .overlay-label, .donut.turnover .overlay-label--1x1, .donut.turnover .overlay-label--2x1, .donut.turnover .overlay-label--1x2 {
    margin-top: 40px; }
  .donut.turnover .overlay-large {
    font-size: 22px;
    font-weight: bold; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
#giftdetails {
  display: none; }

#giftdetail {
  margin-top: 25px; }

.PictureContainer {
  display: table-cell;
  padding-right: 30px; }

.btnback-small {
  text-align: right;
  margin: 20px auto;
  display: none; }

.GiftDetailPicture {
  background: #fff;
  width: 700px;
  height: 700px;
  text-align: center;
  position: relative;
  border: 1px solid #bdbdbd;
  display: table-cell;
  vertical-align: middle; }
  .GiftDetailPicture img {
    margin-top: 30px;
    max-width: 650px; }
  .GiftDetailPicture .labelfavorit {
    top: 50px; }

.selectedspec {
  margin: 10px; }

.GiftDetailPictures {
  background: #fff;
  width: 700px;
  margin-top: 30px;
  padding: 0; }
  .GiftDetailPictures .giftthumbnail {
    display: inline-block;
    margin-right: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 7px; }
    .GiftDetailPictures .giftthumbnail.active {
      border: 1px solid red; }
  .GiftDetailPictures .giftthumbnail:nth-child(4n) {
    margin-right: 0; }

.GiftDetails {
  width: 750px;
  vertical-align: top;
  display: table-cell; }
  .GiftDetails .categorie {
    font-weight: bold;
    color: #323c3c;
    font-size: 18px; }
  .GiftDetails .uvpText {
    color: #999;
    font-size: 14px; }
  .GiftDetails .punten {
    font-weight: bold;
    color: #323c3c;
    font-size: 24px; }
    .GiftDetails .punten.oldPrice {
      color: #999;
      font-size: 16px;
      display: inline-block;
      text-decoration: line-through;
      margin-right: 25px; }
    .GiftDetails .punten.newPrice {
      display: inline-block; }
  .GiftDetails .discount-information {
    margin: 0;
    margin-bottom: -20px; }
  .GiftDetails h2 {
    font-weight: bold;
    color: #ed6b1c; }
    .GiftDetails h2 .categorie {
      margin-bottom: 10px; }
  .GiftDetails .featureselection {
    margin: 25px 0;
    border-top: 1px solid #ccc; }
    .GiftDetails .featureselection strong {
      margin-top: 10px;
      margin-bottom: 5px;
      display: block; }
  .GiftDetails .detailinfo {
    padding: 10px 0;
    margin-bottom: 25px; }
    .GiftDetails .detailinfo > div {
      display: list-item;
      /* This has to be "list-item"                                               */
      list-style-type: disc;
      /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
      list-style-position: inside;
      /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */ }

.giftdetailtile {
  padding: 10px;
  margin: 10px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  width: 30%;
  float: left;
  text-align: center; }
  .giftdetailtile:not(.active):hover {
    background-color: #ed6b1c;
    color: #fff;
    cursor: pointer; }

.giftdetailtile.active, .Addresstile.active {
  background-color: #ed6b1c;
  color: #fff; }

.giftdetailcontainer {
  margin: 25px 0;
  min-height: 50px; }
  .giftdetailcontainer .numberpicker {
    vertical-align: top; }
  .giftdetailcontainer .variablePriceInfo {
    display: inline-block;
    float: left; }
    .giftdetailcontainer .variablePriceInfo div {
      margin-bottom: 5px; }
      .giftdetailcontainer .variablePriceInfo div .info {
        font-weight: bold;
        width: 130px;
        display: inline-block; }
  .giftdetailcontainer .extrainfocontainer {
    border-top: 1px solid #ccc;
    margin: 25px 0;
    padding-top: 25px; }
  .giftdetailcontainer .buttoncontainer {
    background-color: rgba(237, 107, 28, 0.5);
    padding: 15px; }
    .giftdetailcontainer .buttoncontainer .puntendiv {
      display: inline-block; }
    .giftdetailcontainer .buttoncontainer .detailpunten {
      text-align: center;
      padding-top: 8px;
       display: flex; }
    .giftdetailcontainer .buttoncontainer .xdiv {
      display: inline-block;
      vertical-align: bottom;
      padding: 0 15px;
      padding-bottom: 12px; }
    .giftdetailcontainer .buttoncontainer .numberdiv {
      display: inline-block; }
    .giftdetailcontainer .buttoncontainer .totaldiv {
      display: inline-block; }
    .giftdetailcontainer .buttoncontainer .buttonblock, .giftdetailcontainer .buttoncontainer .buttonblock-input {
      display: inline-block;
      padding-bottom: 4px; }
    .giftdetailcontainer .buttoncontainer .buttonblock-right {
      display: inline-block;
      padding-bottom: 4px;
      margin-top: 30px;
      float: right; }
    .giftdetailcontainer .buttoncontainer .buttonblockAdd {
      padding-bottom: 4px;
      margin-top: 0px; }
      .giftdetailcontainer .buttoncontainer .buttonblockAdd .buttonblock-right {
        margin-top: 15px; }
    .giftdetailcontainer .buttoncontainer .number {
      width: 150px;
      display: inline-block;
      padding: 5px 0px 5px 16px;
      background-color: #fff;
      border-radius: 16px; }
    .giftdetailcontainer .buttoncontainer .m-select {
      width: 80px; }
    .giftdetailcontainer .buttoncontainer .inputseparator {
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
    .giftdetailcontainer .buttoncontainer .buttonblock-input {
      max-width: 180px; }
      .giftdetailcontainer .buttoncontainer .buttonblock-input .variableTotal {
        display: flex;
         }
      .giftdetailcontainer .buttoncontainer .buttonblock-input .btn-number[disabled] {
        background-color: gray; }
      .giftdetailcontainer .buttoncontainer .buttonblock-input .form-control {
        height: 38px;
        max-width: 100px; }
      .giftdetailcontainer .buttoncontainer .buttonblock-input .input-group {
        width: 150px; }
    .giftdetailcontainer .buttoncontainer .buttonblock-left {
      display: inline-block; }
      .giftdetailcontainer .buttoncontainer .buttonblock-left div .discountValue {
        display: inline-block;
        float: right;
        padding-left: 5px; }
    .giftdetailcontainer .buttoncontainer .numberlabel {
      color: #ed6b1c;
      font-weight: bold;
      margin: 5px; }
    .giftdetailcontainer .buttoncontainer .detailnumber {
      display: inline-block;
      vertical-align: middle; }

md-content {
  min-width: 0 !important; }

.quantitylabel {
  font-size: 14px;
  font-weight: bold; }

.btnback .btn-white {
  margin-bottom: 5px;
  display: block; }

.notadded {
  color: #999; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.gifts.noMargin {
  margin: 0; }

/*------------------------------nav--------------------------------*/
.filter-ul, .filter-ul-4 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff; }
  .filter-ul li, .filter-ul-4 li {
    display: inline-block;
    float: left;
    width: 375px; }

.filter-ul-3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff; }
  .filter-ul-3 li {
    display: inline-block;
    float: left;
    width: 500px; }

.filter-ul-2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff; }
  .filter-ul-2 li {
    display: inline-block;
    float: left;
    width: 750px; }

.filter-ul-1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff; }
  .filter-ul-1 li {
    display: inline-block;
    float: left;
    width: 1500px; }

.currentfilteritem {
  border: 1px solid gray;
  border-radius: 30px;
  display: inline-block;
  padding: 8px 16px; }

.filtermenuitem, .filtermenuitem-mobile {
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  text-align: center;
  height: 90px;
  line-height: 90px;
  display: inline-block;
  font-size: 19px;
  cursor: pointer; }
  .filtermenuitem a, .filtermenuitem-mobile a {
    color: black;
    text-decoration: none; }
  .filtermenuitem:focus, .filtermenuitem-mobile:focus {
    outline: none; }
  .filtermenuitem.filtertab-active, .filtertab-active.filtermenuitem-mobile {
    border-bottom: none; }
  .filtermenuitem:first-child, .filtermenuitem-mobile:first-child {
    border-left: 1px solid #c6c6c6; }
  .filtermenuitem.active, .active.filtermenuitem-mobile {
    background-color: rgba(237, 107, 28, 0.25);
    color: #323c3c;
    font-weight: bold; }
  .filtermenuitem span, .filtermenuitem-mobile span {
    vertical-align: middle; }
  .filtermenuitem .menuitemarrow, .filtermenuitem-mobile .menuitemarrow {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: middle; }

.filter-ul-1 li.filtermenuitem.active, .filter-ul-1 li.active.filtermenuitem-mobile {
  background-color: #fff; }

.filterdrop {
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  display: block;
  padding: 30px 30px 0 30px;
  width: 100%;
  margin-top: -1px;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s; }

.filterdropcontainer {
  border: 1px solid black; }

.filter-points-remark {
  margin-bottom: 15px; }

.closefilterbtn {
  border: 1px solid #ccc;
  border-top: none; }
  .closefilterbtn button {
    margin: 0; }

.column-4 {
  -moz-columns: 4;
  -webkit-columns: 4;
  columns: 4;
  -moz-column-width: 175px;
  -webkit-column-width: 175px;
  column-width: 175px;
  -moz-column-gap: 65px;
  -webkit-column-gap: 65px;
  column-gap: 65px; }
  .column-4 ul {
    list-style: none;
    /* Remove list bullets */
    padding: 0;
    margin: 0;
    /*font-family: 'Poppins', sans-serif;*/ }
  .column-4 li {
    padding-left: 2px; }
    .column-4 li a {
      color: #323c3c; }
  .column-4 li:before {
    content: "-";
    padding-right: 8px;
    color: #323c3c; }

.columnitem-nobreak {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  -webkit-break-inside: avoid-column;
  break-inside: avoid-column;
  /* IE 11 */
  display: table;
  /* Actually FF 20+ */
  margin-bottom: 20px; }
  .columnitem-nobreak a {
    /*font-family: 'Poppins', sans-serif;
        text-transform: capitalize;*/ }

.column-4-element {
  margin-bottom: 5px; }
  .column-4-element a {
    color: #323c3c; }

/*------------------------------filter-----------------------------*/
.sort_container {
  text-align: right; }

.sort_label {
  display: inline-block;
  margin-right: 10px; }

.sort_select {
  display: inline-block; }

.loadmore {
  display: block;
  text-align: center;
  clear: both;
  padding-top: 30px; }
  .loadmore a {
    border-color: #323c3c; }

/*------------------------------filter-----------------------------*/
.rzslider .rz-selection {
  background-color: #323c3c; }

.rzslider .rz-pointer {
  background-color: #323c3c; }

.rzslider .rz-tick {
  background-color: #323c3c; }

.rzslider .rz-tick.rz-selected {
  background-color: #323c3c; }

/*------------------------------gifts-----------------------------*/
.gifttile {
  display: inline-block;
  float: left;
  position: relative;
  border: 1px solid #bdbdbd;
  margin: 8px;
  text-align: center; }
  .gifttile .gifttile-hover {
    z-index: 5;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-align: center; }
    .gifttile .gifttile-hover .mask {
      background-color: #ed6b1c;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=80);
      opacity: 0.5;
      z-index: 0; }
    .gifttile .gifttile-hover:hover {
      opacity: 1; }
  .gifttile .gifttile-info-hover {
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2; }
    .gifttile .gifttile-info-hover .details-hover {
      font-size: 20px; }

.gifttile,
.gifttile-hover,
.gifttile-hover .mask,
.gifttile-info-hover {
  width: 359px;
  height: 359px; }

.grid-item--2x1 .gifttile,
.grid-item--2x1 .gifttile-hover,
.grid-item--2x1 .gifttile-hover .mask,
.grid-item--2x1 .gifttile-info-hover, .grid-item--2x2 .gifttile,
.grid-item--2x2 .gifttile-hover,
.grid-item--2x2 .gifttile-hover .mask,
.grid-item--2x2 .gifttile-info-hover, .overlay-label--2x1 .gifttile,
.overlay-label--2x1 .gifttile-hover,
.overlay-label--2x1 .gifttile-hover .mask,
.overlay-label--2x1 .gifttile-info-hover {
  width: 734px; }

.gifttile-info {
  width: 359px;
  height: 359px;
  float: right;
  display: grid;
  grid-template: "picture" 
 "title" 
 "price"
 "brand"; }

.gifttile-hover,
.gifttile-hover .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.gifttile-title {
  margin-top: auto;
  text-align: center;
  position: relative;
  grid-area: title; }
  .gifttile-title span {
    text-align: center;
    width: 100%;
    display: inline-block; }

.gifttile-brand {
  text-align: center;
  text-transform: uppercase;
  grid-area: brand; }

.gifttile-other {
  grid-area: price; }

.giftcontainer {
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px; }

.gifttile-img {
  z-index: 0;
  text-align: center;
  min-height: 245px;
  padding: 15px 15px 0 15px;
  grid-area: picture; }
  .gifttile-img img {
    max-width: 309px;
    max-height: 245px;
    /*margin-top: 10px;*/ }

.uvpText {
  color: #999;
  font-size: 14px; }

.gifttile-price {
  text-align: center;
  color: #ed6b1c;
  font-weight: bold; }
  .gifttile-price.maxDiscount {
    color: #999;
    display: inline-block;
    text-decoration: line-through;
    font-size: 14px;
    margin-right: 25px;
    margin: 0;
    margin-top: -5px; }

.details-hover {
  text-align: center;
  width: 100%; }
  .details-hover .detailsbtn {
    border-radius: 30px;
    border: 1px solid white;
    padding: 8px 16px;
    width: 120px;
    margin: auto; }
    .details-hover .detailsbtn:hover {
      background-color: #ed6b1c; }

.filtermenuitem-mobile {
  display: none; }
  .filtermenuitem-mobile md-input-container {
    margin-top: 0; }

.filter-ul .filtermenuitem-mobile, .filter-ul-4 .filtermenuitem-mobile, .filter-ul-3 .filtermenuitem-mobile, .filter-ul-2 .filtermenuitem-mobile {
  display: none; }
  .filter-ul .filtermenuitem-mobile md-input-container, .filter-ul-4 .filtermenuitem-mobile md-input-container, .filter-ul-3 .filtermenuitem-mobile md-input-container, .filter-ul-2 .filtermenuitem-mobile md-input-container {
    padding: 0;
    width: 100%; }
  .filter-ul .filtermenuitem-mobile md-select-value, .filter-ul-4 .filtermenuitem-mobile md-select-value, .filter-ul-3 .filtermenuitem-mobile md-select-value, .filter-ul-2 .filtermenuitem-mobile md-select-value {
    padding: 0; }
  .filter-ul .filtermenuitem-mobile md-input-container.md-input-has-value:not(.md-input-invalid) label, .filter-ul-4 .filtermenuitem-mobile md-input-container.md-input-has-value:not(.md-input-invalid) label, .filter-ul-3 .filtermenuitem-mobile md-input-container.md-input-has-value:not(.md-input-invalid) label, .filter-ul-2 .filtermenuitem-mobile md-input-container.md-input-has-value:not(.md-input-invalid) label {
    display: none; }

.md-select-menu-container {
  position: absolute; }

.discountbubble {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #ed6b1c;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  right: 15px;
  top: 30px; }
  .discountbubble span {
    line-height: 100px;
    font-size: 30px;
    font-weight: bold; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.hideDesktop {
  display: none !important; }

.hideMobile {
  display: block; }

.homebar {
  margin-top: -90px;
  height: 180px; }

.homeitems {
  width: 1500px;
  position: relative;
  margin-top: 45px;
  margin-bottom: 30px; }

.discount-information {
  margin-left: 8px;
  color: #323c3c; }

.overlay-filldiv-common, .overlay-filldiv-dark, .overlay-filldiv-light, .tile-theme-1 .overlay-filldiv-theme, .tile-theme-2 .overlay-filldiv-theme, .tile-theme-3 .overlay-filldiv-theme, .tile-theme-4 .overlay-filldiv-theme, .tile-theme-5 .overlay-filldiv-theme {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table; }
  .overlay-filldiv-common div, .overlay-filldiv-dark div, .overlay-filldiv-light div, .tile-theme-1 .overlay-filldiv-theme div, .tile-theme-2 .overlay-filldiv-theme div, .tile-theme-3 .overlay-filldiv-theme div, .tile-theme-4 .overlay-filldiv-theme div, .tile-theme-5 .overlay-filldiv-theme div {
    font-size: 25px;
    color: white;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.overlay-filldiv-dark {
  color: black; }

.overlay-filldiv-light {
  color: white; }

.grid-item {
  float: left;
  width: 359px;
  height: 359px;
  /*border: 1px solid hsla(0, 0%, 0%, 0.5);*/
  background-size: cover;
  margin: 8px; }
  .grid-item .SurveyTitle {
    margin: auto;
    margin-top: 130px;
    width: 70%;
    padding: 5px;
    padding-top: 10px;
    font-size: 25px;
    text-align: center; }
  .grid-item h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 50px; }
  .grid-item .tile-image {
    max-width: 100%;
    max-height: 219px; }
  .grid-item .grid-item-imagetile-image {
    max-width: 100%;
    max-height: 100%; }
  .grid-item .TilePoints {
    padding: 15px;
    border-bottom: 1px solid #fff;
    margin: 0px 50px;
    font-size: 18px;
    text-align: left; }
    .grid-item .TilePoints .Points {
      float: right; }
    .grid-item .TilePoints:last-child {
      border-bottom: 0; }
  .grid-item .Saldo {
    display: table-cell;
    width: 359px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
    font-size: 48px; }
    .grid-item .Saldo .Pointsname {
      font-size: 20px; }
  .grid-item .TileOverview {
    margin-top: 25px; }

.grid-item--2x1 {
  position: relative; }
  .grid-item--2x1 .DonutList_Donut {
    display: table-cell;
    width: 50%;
    vertical-align: top; }
  .grid-item--2x1 .DonutList_List {
    display: table-cell;
    width: 50%;
    vertical-align: top; }

.grid-item--2x2 .Saldo {
  width: 718px;
  margin: auto; }

.grid-item--1x2 .DonutList_Donut {
  margin-top: 10px; }
  .grid-item--1x2 .DonutList_Donut .overlay-label--1x1 {
    top: 25%; }

.grid-item--1x2 .DonutList_List .TileOverview {
  margin-top: -20px; }

.overlay-label, .overlay-label--1x1, .overlay-label--2x1, .overlay-label--1x2 {
  position: absolute;
  width: 359px;
  text-align: center;
  line-height: 22px;
  top: 35%;
  margin-top: 30px; }

.customlegend {
  display: none; }

.overlay-label--1x1 {
  top: 125px; }

.normaltext {
  /*margin: 25px;*/
  font-size: 20px; }

.quote {
  font-size: 28px;
  display: table-cell;
  width: 359px;
  height: 359px;
  vertical-align: middle;
  text-align: center;
  padding: 30px; }

.author {
  margin: 15px;
  font-size: 14px; }

.grid-item--width2, .grid-item--2x1, .grid-item--2x2, .overlay-label--2x1 {
  width: 734px; }
  .grid-item--width2 .quote, .grid-item--2x1 .quote, .grid-item--2x2 .quote, .overlay-label--2x1 .quote {
    width: 734px; }

.grid-item--3x1 {
  width: 1101px; }
  .grid-item--3x1 .quote {
    width: 1101px; }

.grid-item--4x1 {
  width: 1468px; }
  .grid-item--4x1 .quote {
    width: 2936px; }

.grid-item--height2, .grid-item--1x2, .grid-item--2x2 {
  height: 546px; }
  .grid-item--height2 .quote, .grid-item--1x2 .quote, .grid-item--2x2 .quote {
    height: 546px; }
  .grid-item--height2 .tile-image, .grid-item--1x2 .tile-image, .grid-item--2x2 .tile-image {
    max-width: 100%;
    max-height: 500px; }

.overlay-label--1x2 {
  top: 25%;
  margin-top: 37px; }

.grid-item--1x2 .customlegend {
  display: block;
  text-align: center; }
  .grid-item--1x2 .customlegend .legend-item {
    padding: 3px;
    font-size: 18px;
    text-align: left;
    min-width: 50px;
    max-width: 130px;
    margin: auto; }
  .grid-item--1x2 .customlegend .legend-marker-color {
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid white;
    margin-right: 10px; }

.grid-item-image {
  -o-object-fit: cover;
  object-fit: cover; }

.grid-item-imagetile-image {
  max-width: 100%;
  max-height: 100%; }

.centerImage {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center; }

.centerImage img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.icon {
  margin: 50px; }

.giftscrolltile {
  position: relative; }
  .giftscrolltile .discountbubble {
    top: 0; }
  .giftscrolltile .scrolltile-imgdiv {
    width: 270px;
    height: 200px;
    background-color: white;
    margin: auto; }
    .giftscrolltile .scrolltile-imgdiv .verticalallignhelper {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .giftscrolltile .scrolltile-imgdiv img {
      display: inline-block;
      margin: auto;
      vertical-align: middle;
      max-height: 200px;
      max-width: 266px;
      padding-right: 4px; }
  .giftscrolltile div {
    text-align: center; }
  .giftscrolltile .scrolltile-title {
    margin-top: -5px;
    color: black; }
  .giftscrolltile .scrolltile-datum {
    margin-top: 5px;
    font-weight: bold;
    color: black; }
  .giftscrolltile .scrolltile-cost {
    color: white; }

.newsscrolltile .newstile-bg {
  width: 290px;
  height: 250px;
  background-size: cover;
  background-position-x: center;
  display: table-cell;
  vertical-align: bottom; }
  .newsscrolltile .newstile-bg .newstile-overlay {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    /*background-color:rgba($color-1, .75);*/ }
    .newsscrolltile .newstile-bg .newstile-overlay .newstile-date {
      text-align: left;
      padding-left: 15px;
      font-size: 16px;
      padding-bottom: 10px;
      position: absolute;
      bottom: 0px;
      background-color: rgba(0, 0, 0, 0.6);
      width: 100%; }
    .newsscrolltile .newstile-bg .newstile-overlay .newstile-title {
      text-align: left;
      padding-left: 15px;
      font-size: 26px;
      margin-bottom: 10px;
      padding-top: 10px;
      position: absolute;
      width: 100%;
      bottom: 23px;
      background-color: rgba(0, 0, 0, 0.6); }

.newgifts, .favogifts, .news, .topgifts {
  width: 80%;
  margin: auto;
  margin-top: 10px; }

.newsintro {
  width: 90%;
  margin: auto;
  background-color: #fff; }

.calltoactioncontainer {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 80%; }
  .calltoactioncontainer button {
    padding-left: 20px;
    padding-right: 20px; }
  .calltoactioncontainer.middle {
    position: relative;
    margin-top: 15px;
    top: auto; }

.grid-item-discount {
  margin-top: 25px; }
  .grid-item-discount .Slogan, .grid-item-discount .Slogan-clickable {
    margin-bottom: 15px; }
  .grid-item-discount #discountStatus, .grid-item-discount discountStatus_ok {
    margin-top: 15px; }

#homefilterdropcontainer {
  position: relative;
  z-index: 9000;
  margin-top: 1px;
  background-color: white; }

.filtermenuitem .gift-search, .filtermenuitem-mobile .gift-search {
  line-height: normal;
  font-size: 14px;
  text-align: left;
  width: 80%;
  margin: auto; }

#logolist img {
  margin: 10px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.account-nav li {
  padding: 0; }

.account-nav li a {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%; }

.tab-pane {
  margin: 30px auto; }

.tab-pane.nobgcolor {
  background-color: #fff; }

.orderoverview {
  margin-top: 20px; }
  .orderoverview h3 {
    margin-bottom: 0; }
  .orderoverview .level1 {
    background-color: rgba(237, 107, 28, 0.5);
    color: black;
    border-top: 1px solid #fff;
    width: 100%;
    clear: both;
    padding-left: 5px;
    padding-right: 20px; }
    .orderoverview .level1 a {
      color: black;
      text-decoration: none;
      display: inline-block;
      width: 15px;
      height: 15px;
      border: 1px solid black;
      line-height: 12px;
      margin-right: 15px;
      margin-left: 5px;
      margin-top: 2px;
      text-align: center;
      position: relative; }
    .orderoverview .level1 .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .orderoverview .level1 .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .orderoverview .level1 .text {
      padding: 8px;
      margin-left: 30px; }
  .orderoverview .level1:first-child {
    border-top: none; }
  .orderoverview .level1_sub {
    display: none; }
  .orderoverview .level2 {
    clear: both;
    width: 100%; }
    .orderoverview .level2 .title {
      background-color: rgba(237, 107, 28, 0.2);
      font-weight: bold;
      padding-left: 5px;
      padding-right: 20px; }
      .orderoverview .level2 .title .points {
        float: right;
        width: 300px;
        text-align: right;
        padding: 8px; }
      .orderoverview .level2 .title .text {
        padding: 8px;
        margin-left: 30px; }
    .orderoverview .level2 .details {
      display: block;
      clear: both;
      background-color: rgba(237, 107, 28, 0.1); }
    .orderoverview .level2 .info {
      margin-bottom: 5px; }
      .orderoverview .level2 .info span {
        width: 200px;
        display: inline-block; }
    .orderoverview .level2 a:not(.trackingurl) {
      color: #333;
      text-decoration: none;
      display: inline-block;
      width: 15px;
      height: 15px;
      border: 1px solid #333;
      line-height: 12px;
      margin-right: 15px;
      margin-left: 5px;
      margin-top: 2px;
      text-align: center;
      position: relative; }
    .orderoverview .level2 .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .orderoverview .level2 .spacer:first-child {
      margin-left: 8px; }
    .orderoverview .level2 .details-right {
      display: inline-block;
      float: left;
      width: 25%;
      /*text-align: right;*/
      padding: 8px; }
    .orderoverview .level2 .details-right-small {
      display: inline-block;
      float: right;
      width: 30%;
      padding: 8px;
      padding-right: 28px;
      text-align: right; }
      .orderoverview .level2 .details-right-small .info span {
        text-align: left;
        width: 100px; }
    .orderoverview .level2 .details-left {
      display: inline-block;
      float: left;
      width: 40%;
      padding: 8px;
      margin-left: 35px;
      margin-bottom: 10px; }

.myorders-empty {
  margin: 20px 0 30px 20px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.Newsitem {
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 5px 15px 5px 5px;
  height: 129px; }
  .Newsitem:hover {
    background-color: rgba(0, 0, 0, 0.2);
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s; }
  .Newsitem::after {
    clear: both; }
  .Newsitem > .Title {
    font-weight: bold;
    font-size: 24px; }
  .Newsitem > .Datum {
    color: gray; }
  .Newsitem > img {
    margin-right: 15px;
    float: left; }

.news-2x2-imagecontainer {
  width: 100%;
  height: 50%;
  margin: 0 0 20px 0;
  clear: both;
  background-size: cover; }

.news-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  /*background-color:rgba($color-1, .75);*/ }

.news-baseclass-nopadding, .news-baseclass, .news-date, .news-title, .news-intro, .newsblock-date, .newsblock-intro, .newsblock-text, .newsblock-text-col1, .newsblock-text-col2, .newsblock-text-col3 {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.news-baseclass, .news-date, .news-title, .news-intro {
  padding-left: 20px;
  padding-right: 20px; }

.news-date {
  font-size: 16px;
  margin-bottom: 10px; }

.news-title {
  font-size: 26px;
  margin-bottom: 10px; }

.news-intro {
  font-size: 18px; }

.news-whitespace {
  width: 100%;
  height: 50%;
  margin: 0;
  clear: both; }

.news-buttoncontainer {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 20px;
  left: 20px; }
  .news-buttoncontainer button {
    background-color: white !important;
    /*border: 1px solid $color-1 !important;
        color: $color-1 !important;*/
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }

.news-color1 .news-baseclass, .news-color1 .news-date, .news-color1 .news-title, .news-color1 .news-intro {
  color: #ffffff; }

.news-color1 .news-overlay {
  background-color: rgba(50, 60, 60, 0.75); }

.news-color1 .news-buttoncontainer button {
  border: 1px solid #323c3c !important;
  color: #323c3c !important; }

.news-color2 .news-baseclass, .news-color2 .news-date, .news-color2 .news-title, .news-color2 .news-intro {
  color: #ffffff; }

.news-color2 .news-overlay {
  background-color: rgba(237, 107, 28, 0.75); }

.news-color2 .news-buttoncontainer button {
  border: 1px solid #323c3c !important;
  color: #323c3c !important; }

.news-color3 .news-baseclass, .news-color3 .news-date, .news-color3 .news-title, .news-color3 .news-intro {
  color: #ffffff; }

.news-color3 .news-overlay {
  background-color: rgba(253, 228, 210, 0.75); }

.news-color3 .news-buttoncontainer button {
  border: 1px solid #323c3c !important;
  color: #323c3c !important; }

.news-color4 .news-baseclass, .news-color4 .news-date, .news-color4 .news-title, .news-color4 .news-intro {
  color: #ffffff; }

.news-color4 .news-overlay {
  background-color: rgba(74, 160, 206, 0.75); }

.news-color4 .news-buttoncontainer button {
  border: 1px solid #323c3c !important;
  color: #323c3c !important; }

.news-color4-transparency40 .news-baseclass, .news-color4-transparency40 .news-date, .news-color4-transparency40 .news-title, .news-color4-transparency40 .news-intro {
  color: #ffffff; }

.news-color4-transparency40 .news-overlay {
  background-color: rgba(74, 160, 206, 0.4); }

.news-color4-transparency40 .news-buttoncontainer button {
  border: 1px solid #323c3c !important;
  color: #323c3c !important; }

.news-theme-2x2 .news-baseclass, .news-theme-2x2 .news-date, .news-theme-2x2 .news-title, .news-theme-2x2 .news-intro {
  color: #000000; }

.news-theme-2x2 .news-overlay {
  background-color: #f0f0f0; }

.news-theme-2x2 .news-buttoncontainer button {
  border: 1px solid #000000 !important;
  color: #000000 !important; }

.news-theme-2x2 .news-buttoncontainer button {
  background-color: #323c3c !important;
  /*border: 1px solid $color-1 !important;*/
  color: #ffffff !important;
  border-radius: 32px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto; }

.newsblock-date {
  font-size: 20px;
  margin-bottom: 20px; }

.newsblock-intro {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px; }
  .newsblock-intro.newsalign-center {
    width: 75%;
    margin-left: auto;
    margin-right: auto; }

.newsblock-text, .newsblock-text-col1, .newsblock-text-col2, .newsblock-text-col3 {
  font-size: 18px;
  margin-bottom: 40px; }
  .newsblock-text h1, .newsblock-text-col1 h1, .newsblock-text-col2 h1, .newsblock-text-col3 h1 {
    color: #ed6b1c;
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: left; }
  .newsblock-text h2, .newsblock-text-col1 h2, .newsblock-text-col2 h2, .newsblock-text-col3 h2 {
    color: #4aa0ce;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px; }
  .newsblock-text.newsalign-center h1, .newsalign-center.newsblock-text-col1 h1, .newsalign-center.newsblock-text-col2 h1, .newsalign-center.newsblock-text-col3 h1 {
    text-align: center; }
  .newsblock-text.newsalign-right h1, .newsalign-right.newsblock-text-col1 h1, .newsalign-right.newsblock-text-col2 h1, .newsalign-right.newsblock-text-col3 h1 {
    text-align: right; }

.newsblock-text-col2 {
  width: 50%;
  float: left; }
  .newsblock-text-col2.newsblock-col1 {
    padding-right: 30px;
    padding-left: 0; }
  .newsblock-text-col2.newsblock-col2 {
    padding-right: 0;
    padding-left: 30px; }

.newsblock-text-col3 {
  width: 480px;
  float: left; }
  .newsblock-text-col3.newsblock-col1 {
    padding-right: 30px;
    padding-left: 0; }
  .newsblock-text-col3.newsblock-col2 {
    padding-left: 15px;
    padding-right: 15px; }
  .newsblock-text-col3.newsblock-col3 {
    padding-left: 30px;
    padding-right: 0; }

.newsblock-image {
  margin-bottom: 40px; }
  .newsblock-image img {
    max-width: 100%; }

.newsblock-video {
  margin-bottom: 70px;
  -moz-box-shadow: 0 0 30px;
  -webkit-box-shadow: 0 0 30px;
  box-shadow: 0 0 30px; }
  .newsblock-video iframe {
    /*width: 560px; 
        height: 315px;*/
    width: 1500px;
    height: 844px;
    display: block; }

.newsalign-left {
  text-align: left; }

.newsalign-center {
  text-align: center; }

.newsalign-right {
  text-align: right; }

.floatingblock, .newsblock-left, .newsblock-text-left, .newsblock-right, .newsblock-text-right {
  width: 50%;
  margin-bottom: 10px; }
  .floatingblock img, .newsblock-left img, .newsblock-text-left img, .newsblock-right img, .newsblock-text-right img {
    max-width: 100%; }

.newsblock-left {
  text-align: left;
  float: left; }
  .newsblock-left img {
    padding-right: 30px; }

.newsblock-text-left {
  float: none;
  width: 100%; }

.newsblock-right {
  float: right;
  text-align: right; }
  .newsblock-right img {
    padding-left: 30px; }

.newsblock-text-right {
  float: none;
  width: 100%; }

.btn-back {
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid;
  font-size: 18px; }
  .btn-back:hover {
    text-decoration: none; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.pointsoverview, .scancodepointsoverview, .turnoveroverview {
  float: right;
  width: 500px;
  background-color: rgba(237, 107, 28, 0.1);
  margin-bottom: 20px;
  padding-bottom: 20px;
  /*margin-right: 150px;*/
  margin-top: 20px; }
  .pointsoverview div, .scancodepointsoverview div, .turnoveroverview div {
    padding: 5px; }
  .pointsoverview h3, .scancodepointsoverview h3, .turnoveroverview h3 {
    margin: 0;
    background-color: #ed6b1c;
    color: #fff;
    padding: 20px; }
  .pointsoverview h4, .scancodepointsoverview h4, .turnoveroverview h4 {
    background-color: #fde4d2;
    color: #fff;
    margin: 0;
    padding: 10px 20px; }
  .pointsoverview .total, .scancodepointsoverview .total, .turnoveroverview .total {
    width: 100%; }
  .pointsoverview .spacer, .scancodepointsoverview .spacer, .turnoveroverview .spacer {
    float: left;
    width: 15px; }
  .pointsoverview .points, .scancodepointsoverview .points, .turnoveroverview .points {
    float: right;
    width: 150px;
    text-align: right; }

.donut {
  left: 130px; }

.pointsdetailoverview, .turnoverdetails, .TurnOverdetailoverview {
  background-color: rgba(237, 107, 28, 0.1);
  margin-bottom: 20px;
  margin-right: 150px;
  margin-top: 20px;
  width: 100%; }
  .pointsdetailoverview h2, .turnoverdetails h2, .TurnOverdetailoverview h2 {
    font-size: 24px; }
  .pointsdetailoverview h3, .turnoverdetails h3, .TurnOverdetailoverview h3 {
    margin-top: 0;
    background-color: #ed6b1c;
    color: #fff;
    padding: 20px; }
  .pointsdetailoverview .total, .turnoverdetails .total, .TurnOverdetailoverview .total {
    width: 100%; }
    .pointsdetailoverview .total .spacer, .turnoverdetails .total .spacer, .TurnOverdetailoverview .total .spacer {
      float: left;
      width: 15px; }
    .pointsdetailoverview .total .points, .turnoverdetails .total .points, .TurnOverdetailoverview .total .points {
      float: right;
      width: 150px;
      text-align: right; }
  .pointsdetailoverview .header, .pointsdetailoverview .headerCustom, .pointsdetailoverview .headerTurnOver, .turnoverdetails .header, .turnoverdetails .headerCustom, .turnoverdetails .headerTurnOver, .TurnOverdetailoverview .header, .TurnOverdetailoverview .headerCustom, .TurnOverdetailoverview .headerTurnOver {
    background-color: #323c3c;
    color: #fff;
    margin-top: -20px;
    font-size: 18px;
    padding: 8px 28px 8px 24px; }
    .pointsdetailoverview .header .points, .pointsdetailoverview .headerCustom .points, .pointsdetailoverview .headerTurnOver .points, .turnoverdetails .header .points, .turnoverdetails .headerCustom .points, .turnoverdetails .headerTurnOver .points, .TurnOverdetailoverview .header .points, .TurnOverdetailoverview .headerCustom .points, .TurnOverdetailoverview .headerTurnOver .points {
      float: right;
      width: 150px;
      text-align: right; }
    .pointsdetailoverview .header .spacer, .pointsdetailoverview .headerCustom .spacer, .pointsdetailoverview .headerTurnOver .spacer, .turnoverdetails .header .spacer, .turnoverdetails .headerCustom .spacer, .turnoverdetails .headerTurnOver .spacer, .TurnOverdetailoverview .header .spacer, .TurnOverdetailoverview .headerCustom .spacer, .TurnOverdetailoverview .headerTurnOver .spacer {
      float: left;
      width: 15px; }
    .pointsdetailoverview .header .text, .pointsdetailoverview .headerCustom .text, .pointsdetailoverview .headerTurnOver .text, .turnoverdetails .header .text, .turnoverdetails .headerCustom .text, .turnoverdetails .headerTurnOver .text, .TurnOverdetailoverview .header .text, .TurnOverdetailoverview .headerCustom .text, .TurnOverdetailoverview .headerTurnOver .text {
      display: inline-block; }
  .pointsdetailoverview .headerCustom div, .turnoverdetails .headerCustom div, .TurnOverdetailoverview .headerCustom div {
    width: 272px; }
  .pointsdetailoverview .periode, .turnoverdetails .periode, .TurnOverdetailoverview .periode {
    background-color: #ed6b1c;
    color: #fff;
    border-top: 1px solid #fff;
    padding-left: 10px;
    padding-right: 20px; }
    .pointsdetailoverview .periode a, .turnoverdetails .periode a, .TurnOverdetailoverview .periode a {
      color: #fff;
      text-decoration: none;
      display: inline-block;
      width: 15px;
      height: 15px;
      border: 1px solid #fff;
      line-height: 12px;
      margin-right: 15px;
      margin-left: 5px;
      margin-top: 2px;
      text-align: center;
      position: relative; }
    .pointsdetailoverview .periode .spacer, .turnoverdetails .periode .spacer, .TurnOverdetailoverview .periode .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .pointsdetailoverview .periode .points, .turnoverdetails .periode .points, .TurnOverdetailoverview .periode .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .pointsdetailoverview .periode .text, .turnoverdetails .periode .text, .TurnOverdetailoverview .periode .text {
      padding: 8px;
      margin-left: 30px; }
  .pointsdetailoverview .prodtype, .turnoverdetails .prodtype, .TurnOverdetailoverview .prodtype {
    background-color: rgba(237, 107, 28, 0.5);
    padding-left: 5px;
    padding-right: 20px; }
    .pointsdetailoverview .prodtype a, .turnoverdetails .prodtype a, .TurnOverdetailoverview .prodtype a {
      color: #333;
      text-decoration: none;
      display: inline-block;
      width: 15px;
      height: 15px;
      border: 1px solid #333;
      line-height: 12px;
      margin-right: 15px;
      margin-left: 5px;
      margin-top: 2px;
      text-align: center;
      position: relative; }
    .pointsdetailoverview .prodtype .spacer, .turnoverdetails .prodtype .spacer, .TurnOverdetailoverview .prodtype .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .pointsdetailoverview .prodtype .spacer:first-child, .turnoverdetails .prodtype .spacer:first-child, .TurnOverdetailoverview .prodtype .spacer:first-child {
      margin-left: 8px; }
    .pointsdetailoverview .prodtype .points, .turnoverdetails .prodtype .points, .TurnOverdetailoverview .prodtype .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .pointsdetailoverview .prodtype .text, .turnoverdetails .prodtype .text, .TurnOverdetailoverview .prodtype .text {
      margin-left: 55px;
      padding: 8px; }
  .pointsdetailoverview .product, .turnoverdetails .product, .TurnOverdetailoverview .product {
    background-color: rgba(237, 107, 28, 0.35);
    padding-left: 5px;
    padding-right: 20px; }
    .pointsdetailoverview .product a, .turnoverdetails .product a, .TurnOverdetailoverview .product a {
      color: #333;
      text-decoration: none;
      display: inline-block;
      width: 15px;
      height: 15px;
      border: 1px solid #333;
      line-height: 12px;
      margin-right: 15px;
      margin-left: 5px;
      margin-top: 2px;
      text-align: center;
      position: relative; }
    .pointsdetailoverview .product .spacer, .turnoverdetails .product .spacer, .TurnOverdetailoverview .product .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .pointsdetailoverview .product .spacer:first-child, .turnoverdetails .product .spacer:first-child, .TurnOverdetailoverview .product .spacer:first-child {
      margin-left: 16px; }
    .pointsdetailoverview .product .points, .turnoverdetails .product .points, .TurnOverdetailoverview .product .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .pointsdetailoverview .product .text, .turnoverdetails .product .text, .TurnOverdetailoverview .product .text {
      padding: 8px;
      margin-left: 77px; }
  .pointsdetailoverview .productdetails, .turnoverdetails .productdetails, .TurnOverdetailoverview .productdetails {
    background-color: rgba(237, 107, 28, 0.2);
    padding-left: 5px;
    padding-right: 20px; }
    .pointsdetailoverview .productdetails .spacer, .turnoverdetails .productdetails .spacer, .TurnOverdetailoverview .productdetails .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .pointsdetailoverview .productdetails .points, .turnoverdetails .productdetails .points, .TurnOverdetailoverview .productdetails .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .pointsdetailoverview .productdetails .text, .turnoverdetails .productdetails .text, .TurnOverdetailoverview .productdetails .text {
      padding: 8px; }
  .pointsdetailoverview .productdetail, .pointsdetailoverview .productdetailtop, .turnoverdetails .productdetail, .turnoverdetails .productdetailtop, .TurnOverdetailoverview .productdetail, .TurnOverdetailoverview .productdetailtop {
    background-color: rgba(237, 107, 28, 0.1);
    padding-left: 5px;
    padding-right: 20px; }
    .pointsdetailoverview .productdetail .spacer, .pointsdetailoverview .productdetailtop .spacer, .turnoverdetails .productdetail .spacer, .turnoverdetails .productdetailtop .spacer, .TurnOverdetailoverview .productdetail .spacer, .TurnOverdetailoverview .productdetailtop .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .pointsdetailoverview .productdetail .spacer:first-child, .pointsdetailoverview .productdetailtop .spacer:first-child, .turnoverdetails .productdetail .spacer:first-child, .turnoverdetails .productdetailtop .spacer:first-child, .TurnOverdetailoverview .productdetail .spacer:first-child, .TurnOverdetailoverview .productdetailtop .spacer:first-child {
      margin-left: 24px; }
    .pointsdetailoverview .productdetail .points, .pointsdetailoverview .productdetailtop .points, .turnoverdetails .productdetail .points, .turnoverdetails .productdetailtop .points, .TurnOverdetailoverview .productdetail .points, .TurnOverdetailoverview .productdetailtop .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .pointsdetailoverview .productdetail .text, .pointsdetailoverview .productdetailtop .text, .turnoverdetails .productdetail .text, .turnoverdetails .productdetailtop .text, .TurnOverdetailoverview .productdetail .text, .TurnOverdetailoverview .productdetailtop .text {
      float: left;
      padding: 8px;
      padding-left: 15px; }
  .pointsdetailoverview .productdetail div, .turnoverdetails .productdetail div, .TurnOverdetailoverview .productdetail div {
    width: 250px; }
  .pointsdetailoverview .productdetail div:nth-child(4), .turnoverdetails .productdetail div:nth-child(4), .TurnOverdetailoverview .productdetail div:nth-child(4) {
    width: 150px; }
  .pointsdetailoverview .productdetail div:last-child, .turnoverdetails .productdetail div:last-child, .TurnOverdetailoverview .productdetail div:last-child {
    width: 150px; }
  .pointsdetailoverview .productdetailtop div, .turnoverdetails .productdetailtop div, .TurnOverdetailoverview .productdetailtop div {
    width: 280px; }
  .pointsdetailoverview .productdetailtop div:last-child, .turnoverdetails .productdetailtop div:last-child, .TurnOverdetailoverview .productdetailtop div:last-child {
    width: 150px; }

.TurnOverdetailoverview .headerTurnOver .text {
  width: 225px; }

.TurnOverdetailoverview .TurnOverdetail {
  border-bottom: #999 1px solid;
  border-left: #333 1px solid;
  border-right: #333 1px solid; }
  .TurnOverdetailoverview .TurnOverdetail .text {
    padding: 8px 24px;
    display: inline-block;
    width: 225px; }
  .TurnOverdetailoverview .TurnOverdetail .text:nth-child(3) {
    border-right: 1px solid #333; }

.turnoverpoints {
  width: 359px;
  height: 359px;
  position: relative;
  display: inline-block; }
  .turnoverpoints .Saldo {
    background-color: #ed6b1c;
    border-radius: 100px;
    width: 200px;
    height: 200px;
    margin-left: calc(50% - 100px);
    display: block;
    line-height: 200px;
    color: #fff; }

.linegraph .Slogan, .linegraph .Slogan-clickable {
  text-align: left;
  margin-bottom: 25px; }

.show {
  text-decoration: none; }

.pointsdetails {
  display: none; }

.table-empty {
  margin: 20px 0 30px 0px;
  padding: 5px 25px 10px 25px;
  line-height: 40px; }
  .table-empty div {
    margin-top: 15px; }

.title-expired {
  margin: -20px 0 20px 0px;
  padding: 10px 25px;
  background-color: rgba(237, 107, 28, 0.1); }

.AddCodeform {
  margin-top: -30px; }
  .AddCodeform .md-2-line:nth-child(2n+1) {
    margin-left: 30px; }

.scancodes {
  padding-bottom: 20px;
  width: 750px;
  display: inline-block; }

.montvaillant {
  height: 622px;
  width: 1485px;
  background-image: url(/Content/Customers/2/MountainBg.png);
  position: relative; }
  .montvaillant .mountain {
    background-image: url(/Content/Customers/2/Mountain.png);
    position: absolute;
    top: 0px;
    left: 0px;
    height: 622px;
    width: 1485px; }
  .montvaillant .CurrPos {
    height: 446px;
    width: 1485px;
    position: absolute;
    top: 0px; }
  .montvaillant .CurrPosContent {
    height: 446px;
    width: 1485px;
    position: relative;
    top: 0px; }
  .montvaillant .CurrPosText {
    position: absolute;
    color: #fff;
    bottom: 40px;
    width: 50px;
    right: -20px;
    text-align: center; }
  .montvaillant .CurrPosBike {
    position: absolute;
    bottom: 0px;
    right: 0; }
  .montvaillant .CurrPosOrange {
    background-color: #f19122;
    height: 622px;
    width: 0px; }
  .montvaillant .numbers {
    position: absolute;
    bottom: 50px; }
    .montvaillant .numbers .number, .montvaillant .numbers .number0 {
      font-weight: bold;
      display: table-cell;
      text-align: right; }
    .montvaillant .numbers .numberEnd {
      margin-top: -20px;
      font-weight: bold;
      text-align: right; }

.montvaillantmobile {
  display: none; }

.homeitems .grid-item {
  position: relative; }
  .homeitems .grid-item .ranking {
    width: 350px;
    font-size: 16px;
    margin-left: 25%;
    margin-top: 40px; }
    .homeitems .grid-item .ranking .pos {
      background-color: #333;
      color: #fff;
      width: 65px;
      height: 65px; }
    .homeitems .grid-item .ranking .gold {
      background-color: #f4c034;
      color: #fff; }
    .homeitems .grid-item .ranking .silver {
      background-color: #bcbcbc;
      color: #fff; }
    .homeitems .grid-item .ranking .bronze {
      background-color: #956724;
      color: #fff; }
    .homeitems .grid-item .ranking .points {
      background-color: #fff;
      width: 195px;
      color: #333; }
    .homeitems .grid-item .ranking .spacerow {
      font-size: 6px;
      height: 6px;
      line-height: 6px; }
    .homeitems .grid-item .ranking .nextpos {
      height: 40px;
      font-size: 24px;
      line-height: 40px;
      transform: rotate(-90deg);
      /* Legacy vendor prefixes that you probably don't need... */
      /* Safari */
      -webkit-transform: rotate(-90deg);
      /* Firefox */
      -moz-transform: rotate(-90deg);
      /* IE */
      -ms-transform: rotate(-90deg);
      /* Opera */
      -o-transform: rotate(-90deg);
      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
  .homeitems .grid-item .VaillantTileRanking {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px; }
    .homeitems .grid-item .VaillantTileRanking .Trui {
      float: left;
      width: 123px;
      text-align: right; }
    .homeitems .grid-item .VaillantTileRanking .Position {
      text-align: left;
      float: right;
      padding-right: 20px;
      width: 210px; }
    .homeitems .grid-item .VaillantTileRanking .PositionRow {
      float: right;
      padding-right: 20px;
      width: 210px;
      text-align: left; }
      .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking {
        width: 180px;
        font-size: 14px;
        margin-top: 20px;
        margin-left: 0px;
        text-align: center; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .pos {
          background-color: #333;
          color: #fff;
          width: 40px;
          height: 40px; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .gold {
          background-color: #f4c034;
          color: #fff; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .silver {
          background-color: #bcbcbc;
          color: #fff; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .bronze {
          background-color: #956724;
          color: #fff; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .points {
          background-color: #fff;
          width: 126px;
          color: #333; }
  .homeitems .grid-item .intro {
    font-size: 16px;
    width: 75%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }

.PageTitle {
  position: relative;
  top: -330px;
  color: #fff;
  font-size: 48px;
  text-align: center;
  font-weight: bold; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.AgreeRules {
  BORDER: black 1px solid;
  PADDING: 5px;
  OVERFLOW: auto;
  WIDTH: 600px;
  HEIGHT: 200px; }

.ruleserrmsg > div {
  color: #dd2c00;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: -20px;
  padding-top: 0; }

.registrationblock {
  border-left: 1px solid white; }

.registrationform {
  /*display: inline-block;
    vertical-align: top;*/ }

#Thanks {
  display: none; }

.toperror {
  margin-left: 13px;
  width: 455px;
  margin-top: 10px; }

.loginblock, .loginonlyblock, .registrationblock {
  width: 450px;
  padding: 10px; }
  .loginblock h3, .loginonlyblock h3, .registrationblock h3 {
    margin-top: 0;
    background-color: #ed6b1c;
    color: #fff;
    padding: 20px; }
  .loginblock h4, .loginonlyblock h4, .registrationblock h4 {
    color: #ed6b1c;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #ed6b1c;
    padding-bottom: 5px;
    margin-bottom: 25px; }
  .loginblock .content, .loginonlyblock .content, .registrationblock .content {
    padding: 10px 20px; }

/*.registrationblock {
     padding-bottom: 62px;
 }*/
.loginonlyblock, .loginblock, .registrationblock {
  float: left;
  display: inline-block;
  margin-right: 25px; }

.LoginOpenPlatform .preLoginBlock, .LoginOpenPlatform .preRegBlock {
  float: left;
  width: 50%;
  text-align: center; }

.buttonrightcontainer {
  text-align: right;
  margin-top: 25px; }
  .buttonrightcontainer button {
    margin: 0;
    border: 1px solid #323c3c;
    color: white;
    border-radius: 32px;
    background-color: #323c3c;
    margin-bottom: 10px; }
    .buttonrightcontainer button:hover {
      background-color: #1b2020; }
    .buttonrightcontainer button.equal {
      width: 150px; }
  .buttonrightcontainer a {
    margin-right: 15px;
    font-size: 15px;
    text-decoration: none;
    color: #ed6b1c; }
    .buttonrightcontainer a:hover {
      color: #682c08; }

.hyperlinks a {
  margin-right: 15px;
  font-size: 15px;
  text-decoration: none;
  color: #ed6b1c; }
  .hyperlinks a:hover {
    color: #682c08; }

.rulepage .bodytxt {
  text-align: left; }
  .rulepage .bodytxt li {
    margin-bottom: 30px; }

ul.password-validation {
  padding: 0;
  margin: 2.5% 0 2.5% 2.5%;
  list-style: none; }

ul.password-validation li {
  color: #808080;
  text-shadow: 0px 1px 1px #FFFFFF;
  padding: 0 0 0 40px;
  position: relative; }

ul.password-validation li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  position: absolute;
  left: 10px; }

ul.password-validation li.complete:before {
  color: #008000; }

ul.password-validation li.complete {
  color: inherit; }

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.smallshoppingcart {
  float: right;
  margin-top: -260px;
  margin-right: -15px;
  background-color: #ed6b1c;
  border: 2px solid #ccc;
  padding: 5px 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  z-index: 5;
  position: relative; }
  .smallshoppingcart hr {
    margin: 0; }
  .smallshoppingcart table {
    border-spacing: unset;
    border-collapse: unset; }
  .smallshoppingcart td {
    padding: 5px 0; }
  .smallshoppingcart tr > td:first-child {
    width: 297px; }
  .smallshoppingcart tr > td:last-child {
    width: 45px; }

.shoppingcart div {
  font-size: 16px; }

.shoppingcart .btn {
  color: #fff; }

.shoppingcart .decrepated-item {
  background-color: rgba(190, 21, 34, 0.25);
  border-bottom: 1px solid rgba(190, 21, 34, 0.5);
  clear: both;
  height: 182px; }

.shoppingcart .odd {
  background-color: rgba(237, 107, 28, 0.25);
  clear: both;
  min-height: 182px; }

.shoppingcart .even {
  border-bottom: 1px solid rgba(237, 107, 28, 0.5);
  clear: both;
  min-height: 182px; }

.shoppingcart .odd:first-child {
  border-top: 1px solid rgba(237, 107, 28, 0.5); }

.shoppingcart .picture {
  float: left;
  display: inline-block;
  margin: 10px 20px;
  width: 160px;
  height: 160px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  background-color: white;
  position: relative;
  border: 1px solid #ccc; }
  .shoppingcart .picture img {
    /*margin:5px;*/ }
  .shoppingcart .picture .labelfavorit {
    margin-left: -15px; }
  .shoppingcart .picture .discountbubble {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #ed6b1c;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    right: 15px;
    top: 15px; }
    .shoppingcart .picture .discountbubble span {
      line-height: 50px;
      font-size: 18px;
      font-weight: bold; }

.shoppingcart .scgifttitle {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  color: #323c3c;
  min-height: 160px;
  margin-top: 10px; }
  .shoppingcart .scgifttitle a {
    color: #323c3c; }
  .shoppingcart .scgifttitle .middle-align {
    display: table-cell;
    width: 100%;
    min-height: 160px;
    vertical-align: middle; }

.shoppingcart .detailtitle {
  font-size: 16px;
  color: #333;
  font-weight: normal; }

.shoppingcart .shoppingcart-giftdetail {
  float: right;
  margin-top: 42px; }

.shoppingcart .decrepated-info {
  width: 300px;
  display: inline-block;
  text-align: center;
  margin-top: 37px; }

.shoppingcart .number {
  width: 150px;
  /*float: right;*/
  display: inline-block;
  /*padding-top: 42px;*/
  vertical-align: top; }

.shoppingcart .shoppingcart-spacer {
  width: 30px;
  display: inline-block; }

.shoppingcart .form-control {
  height: 38px; }

.shoppingcart .totalpoints, .shoppingcart .unitpoints {
  width: 150px;
  text-align: center;
  display: inline-block;
  /*float: right;
        padding-top: 42px;*/
  vertical-align: top; }
  .shoppingcart .totalpoints .header, .shoppingcart .unitpoints .header {
    margin-bottom: 8px; }

.shoppingcart .delete {
  vertical-align: top;
  width: 150px;
  text-align: center;
  display: inline-block;
  /*float: right;
        padding-top: 42px;*/ }

.shoppingcart .header {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
  color: #ed6b1c; }

.shoppingcart .btn-number[disabled] {
  background-color: gray; }

.shoppingcart .totals div {
  padding-top: 15px; }

.shoppingcart .totaltitle {
  font-weight: bold;
  color: #ed6b1c;
  text-align: right; }

.shoppingcart .totals .totalpoints {
  width: 150px;
  text-align: right;
  float: right;
  margin-right: 150px; }

.shoppingcart .extrainfo div {
  color: #888;
  font-size: 14px;
  font-weight: normal;
  margin-left: 15px;
  /*div{
             margin-left: 0;
        }*/ }
  .shoppingcart .extrainfo div span {
    color: #333;
    display: inline-block;
    width: 115px; }
  .shoppingcart .extrainfo div strong {
    color: #333;
    font-weight: normal; }

.shoppingcart .features div {
  color: #888;
  font-size: 14px;
  font-weight: normal; }
  .shoppingcart .features div span {
    color: #333;
    display: inline-block;
    width: 85px; }

.ph_shoppingcartsmall {
  min-width: 105px; }

.ph_shoppingcartmed {
  min-width: 75px; }

.ph_shoppingcart {
  min-width: 55px; }

.shoppingcart-empty {
  text-align: center;
  margin-bottom: 50px; }

.agreeSuppliers {
  text-align: right;
  width: 50%;
  margin-left: auto; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.faqcategory {
  width: 730px;
  float: left;
  border: 2px solid #e1e1e1;
  padding-bottom: 10px;
  margin-bottom: 38px; }
  .faqcategory:nth-child(2n) {
    margin-right: 38px; }

.faqcategory-title {
  width: 630px;
  height: 90px;
  line-height: 90px;
  margin: auto;
  font-weight: bold;
  font-size: 28px;
  text-align: center; }

.faqquestion {
  padding-top: 50px; }
  .faqquestion:not(:last-child) .faqquestion-title {
    border-bottom: 2px solid #e1e1e1; }
  .faqquestion.question-active {
    font-weight: bold; }
    .faqquestion.question-active .fa-minus-circle {
      display: inline-block; }
    .faqquestion.question-active .fa-plus-circle {
      display: none; }
    .faqquestion.question-active .faqquestion-answer {
      display: block; }
    .faqquestion.question-active:not(:last-child) .faqquestion-title {
      border-bottom: none; }

.faqquestion-title {
  padding-bottom: 40px;
  font-size: 18px;
  width: 610px;
  margin: auto; }
  .faqquestion-title i {
    float: right;
    color: #323c3c; }
  .faqquestion-title span {
    width: 600px; }
  .faqquestion-title .fa-minus-circle {
    display: none; }
  .faqquestion-title .fa-plus-circle {
    display: inline-block; }
  .faqquestion-title:hover {
    font-weight: bold; }
    .faqquestion-title:hover i {
      color: #1b2020; }

.faqquestion-answer {
  display: none;
  padding: 50px 50px 0 50px;
  font-weight: normal;
  background-color: #f5f5f5;
  margin: 0 auto; }
  .faqquestion-answer .faqquestion-answerline {
    border-bottom: 2px solid #e1e1e1;
    width: 630px;
    margin: 0;
    margin-top: 50px; }
  .faqquestion-answer table {
    margin-bottom: 10px; }
    .faqquestion-answer table th {
      border-bottom: 1px solid;
      font-weight: normal; }
    .faqquestion-answer table td {
      padding: 5px 20px 2px 0; }

.faqquestion:nth-last-of-type(1) .faqquestion-answerline {
  border: none;
  width: 630px;
  margin: auto;
  margin-top: 50px;
  min-height: 2px; }

.faq .faqquestion-answer {
  width: 1050px; }

.faq .faqquestion .faqquestion-title {
  width: 1050px; }

.faq .faqquestion-answerline {
  margin-left: -50px;
  width: 1050px; }

.go-to-top {
  display: none; }
  .go-to-top button {
    border-radius: 100%;
    background-color: #ed6b1c;
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; }
    .go-to-top button:focus .go-to-top button:hover {
      background-color: #97410c; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.AppInfo_Steps {
  background-color: #ed6b1c;
  margin: 20px auto; }
  .AppInfo_Steps .AppInfo_Steps_Img {
    display: table-cell;
    vertical-align: top;
    padding: 25px;
    width: 50%;
    text-align: center; }
    .AppInfo_Steps .AppInfo_Steps_Img img {
      height: 400px; }
  .AppInfo_Steps .AppInfo_Steps_Text {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
  .AppInfo_Steps .AppInfo_Steps_Text_Title {
    margin-top: 0;
    color: #fff;
    padding: 20px;
    font-size: 30px; }
  .AppInfo_Steps .AppInfo_Steps_Text_Text {
    color: #fff;
    padding: 20px; }
  .AppInfo_Steps .appstep {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid white; }
  .AppInfo_Steps .AppInfo_LinksStore {
    padding: 20px; }
    .AppInfo_Steps .AppInfo_LinksStore a {
      margin-right: 15px; }

.QRCode {
  background-color: #ed6b1c;
  color: #fff;
  display: table;
  width: 100%; }
  .QRCode .AppQRCode_Title {
    font-weight: 100;
    font-size: 30px;
    margin-bottom: 30px; }
  .QRCode .QRCode_Content {
    display: table-cell;
    vertical-align: top;
    padding: 25px 150px;
    width: 75%;
    vertical-align: middle; }
  .QRCode .AppQRCode_Code {
    display: table-cell;
    padding: 35px 50px;
    vertical-align: top;
    text-align: right;
    width: 25%; }
    .QRCode .AppQRCode_Code img {
      height: 250px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
.surveyAnswers {
  display: table;
  margin: 15px auto; }
  .surveyAnswers .surveyAnswer {
    color: #fff;
    display: table-row; }
    .surveyAnswers .surveyAnswer .content {
      display: table-cell;
      padding: 5px 15px;
      background-color: #323c3c;
      border-bottom: 15px solid #fff;
      cursor: pointer; }
      .surveyAnswers .surveyAnswer .content:hover {
        background-color: #ed6b1c; }
    .surveyAnswers .surveyAnswer textarea {
      width: 800px;
      height: 100px; }
    .surveyAnswers .surveyAnswer.selected .content {
      background-color: #ed6b1c; }

.btn-link {
  background-color: transparent;
  color: #323c3c;
  text-decoration: underline; }
  .btn-link:disabled, .btn-link[disabled] {
    color: #999;
    text-decoration: none; }

.SurveyArchive {
  background-color: rgba(237, 107, 28, 0.1);
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
  display: table; }
  .SurveyArchive .headers {
    background-color: #323c3c;
    color: #fff;
    font-size: 18px;
    display: table-row; }
    .SurveyArchive .headers .header {
      display: table-cell;
      padding: 8px 28px 8px 24px; }
  .SurveyArchive .content {
    padding-left: 5px;
    padding-right: 20px;
    display: table-row; }
    .SurveyArchive .content .survey {
      background-color: rgba(50, 60, 60, 0.2);
      display: table-cell;
      padding: 8px 28px 8px 24px; }
    .SurveyArchive .content .deelname {
      display: table-cell;
      background-color: rgba(50, 60, 60, 0.2);
      width: 200px;
      padding: 8px 28px 8px 24px; }
    .SurveyArchive .content .points {
      display: table-cell;
      background-color: rgba(50, 60, 60, 0.2);
      width: 200px;
      padding: 8px 28px 8px 24px; }
  .SurveyArchive .productdetail, .SurveyArchive .productdetailtop {
    background-color: rgba(237, 107, 28, 0.1);
    padding-left: 5px;
    padding-right: 20px; }
    .SurveyArchive .productdetail .spacer, .SurveyArchive .productdetailtop .spacer {
      float: left;
      width: 15px;
      padding: 8px; }
    .SurveyArchive .productdetail .spacer:first-child, .SurveyArchive .productdetailtop .spacer:first-child {
      margin-left: 24px; }
    .SurveyArchive .productdetail .points, .SurveyArchive .productdetailtop .points {
      float: right;
      width: 150px;
      text-align: right;
      padding: 8px; }
    .SurveyArchive .productdetail .text, .SurveyArchive .productdetailtop .text {
      float: left;
      padding: 8px;
      padding-left: 15px; }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
@media only screen and (max-width: 1500px) {
  .container, .homeitems, .slider-button-container, .slider-overlay-container-restricted {
    max-width: 1125px; }
  .topslider, .navibg-home, .sliders, .slider-image, .slider-overlay-container-fullwidth, .slider-overlay-container-restricted, .slider_ph {
    height: 600px; }
  .filter-ul li, .filter-ul-4 li {
    width: 281.25px; }
  .filter-ul-3 li {
    width: 375px; }
  .filter-ul-2 li {
    width: 562.5px; }
  .filter-ul-1 li {
    width: 1124px; }
  .grid-item--3x1, .grid-item--4x1 {
    width: 1109px; }
  .navbar-toggle {
    display: none; }
  .GiftDetailPicture {
    width: 550px;
    height: 550px;
    display: table-cell;
    vertical-align: middle; }
    .GiftDetailPicture img {
      max-width: 90%;
      max-height: 90%; }
  .GiftDetailPictures {
    width: 550px; }
    .GiftDetailPictures img {
      max-width: 121px;
      max-height: 121px; }
  .GiftDetails {
    width: 550px;
    margin-top: -550px; }
  .buttonblock, .giftdetailcontainer .buttoncontainer .buttonblock-input {
    float: none !important;
    margin: 0px;
    display: block;
    margin-top: 10px !important;
    width: 100%;
    text-align: center; }
  .shoppingcart {
    /*.Picture {
            float:left;
        }*/ }
    .shoppingcart .odd, .shoppingcart .even {
      position: relative;
      width: 100%; }
    .shoppingcart .scgifttitle {
      padding-left: 15px;
      vertical-align: top;
      margin-top: 10px;
      padding-top: 0; }
      .shoppingcart .scgifttitle .middle-align {
        vertical-align: top; }
    .shoppingcart .shoppingcart-giftdetail {
      /*float:none;*/
      display: inline-block;
      margin-top: 82px;
      margin-left: 15px;
      width: 100%;
      position: absolute;
      right: 15px;
      text-align: right; }
    .shoppingcart .bottomfix {
      font-size: 20px; }
    .shoppingcart .number, .shoppingcart .unitpoints, .shoppingcart .totalpoints, .shoppingcart .delete {
      padding-top: 0; }
    .shoppingcart .unitpoints, .shoppingcart .totalpoints, .shoppingcart .delete {
      width: 125px; }
    .shoppingcart .totals .totalpoints {
      margin-top: 0; }
  .adresschoice, .Leveradres {
    float: left; }
  .deliveryblock .header {
    font-size: 14px; }
  .scoverview .editbtn {
    margin-top: 30px; }
  .pointsoverview {
    float: right;
    width: 700px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right: 0;
    margin-top: 50px; }
  .scancodepointsoverview {
    display: block;
    float: none;
    margin-top: 0px;
    width: 750px; }
  .donut {
    left: 0px; }
  .pointsdetailoverview .productdetail .spacer {
    float: left;
    width: 15px;
    padding: 8px; }
  .pointsdetailoverview .productdetail .spacer:first-child {
    margin-left: 24px; }
  .pointsdetailoverview .productdetail .points {
    float: right;
    width: 150px;
    text-align: right;
    padding: 8px; }
  .pointsdetailoverview .productdetail .text {
    float: left;
    padding: 8px;
    padding-left: 15px; }
  .pointsdetailoverview .productdetail div {
    width: 200px; }
  .pointsdetailoverview .productdetail div:nth-child(4) {
    width: 150px; }
  .pointsdetailoverview .productdetail div:last-child {
    width: 150px; }
  .tab-pane .contactgeg {
    width: 700px;
    float: left;
    margin-top: 30px; }
    .tab-pane .contactgeg .md-block {
      width: 620px; }
    .tab-pane .contactgeg label {
      margin-bottom: -5px;
      font-weight: normal;
      color: #333; }
    .tab-pane .contactgeg .md-2-line {
      width: 300px; }
    .tab-pane .contactgeg .md-3-line {
      width: 200px; }
  .tab-pane .addressgeg {
    float: none;
    width: 700px;
    margin-top: 30px;
    margin-right: 0; }
  .newsblock-video iframe {
    width: 1125px;
    height: 633px; }
  .newsblock-text-col3 {
    width: 50%;
    margin-bottom: 0; }
    .newsblock-text-col3.newsblock-col1 {
      padding-right: 16px;
      padding-left: 16px; }
    .newsblock-text-col3.newsblock-col2 {
      padding-right: 16px;
      padding-left: 16px; }
    .newsblock-text-col3.newsblock-col3 {
      padding-right: 16px;
      padding-left: 16px; }
  .faqcategory {
    width: 545px; }
    .faqcategory:nth-child(2n) {
      margin-right: 30px; }
  .faqcategory-title {
    width: 485px; }
  .faqquestion-title {
    width: 485px; }
    .faqquestion-title span {
      width: 460px;
      display: inline-block; }
  .faqquestion-answer .faqquestion-answerline {
    width: 485px; }
  .faqquestion:nth-last-of-type(1) .faqquestion-answerline {
    width: 485px; }
  #CampaignSlider {
    position: relative;
    height: 275px;
    margin: 25px 0; }
    #CampaignSlider .CampaignSliderFoto {
      position: absolute;
      top: 0;
      left: 0; }
  .leftcontent {
    width: 359px;
    display: none;
    vertical-align: top;
    padding-top: 25px; }
  .leftmiddlecontent {
    width: 1484px;
    display: block;
    vertical-align: top;
    padding-top: 25px; }
  .rightcontent {
    width: 359px;
    display: block;
    vertical-align: top;
    padding-top: 25px; }
  .middlecontent {
    display: block;
    float: right;
    vertical-align: top;
    width: 742px;
    padding: 0 32px;
    padding-top: 25px; }
  .InThePicture {
    clear: both; }
  /*.DiscountOverview {
        

        .header {
            
            .text {
                display: inline-block;
                margin-left: 10px;
                width: 150px;


                &:first-child {
                    width: 200px;
                }
            }
        }



        .codedetails {



            .text {
                display: inline-block;
                margin-left: 10px;
                width: 150px;

                &:first-child {
                    width: 200px;
                }
            }
        }
    }*/
  .montvaillant {
    height: 450px;
    width: 1125px;
    background-image: url(/Content/Customers/2/MountainBg1125.png);
    position: relative; }
    .montvaillant .mountain {
      background-image: url(/Content/Customers/2/Mountain1125.png);
      position: absolute;
      top: 0px;
      left: 0px;
      height: 450px;
      width: 1125px; }
    .montvaillant .CurrPos {
      height: 341px;
      width: 1125px;
      position: absolute;
      top: 0px; }
    .montvaillant .CurrPosContent {
      height: 341px;
      width: 1125px;
      position: relative;
      top: 0px; }
    .montvaillant .CurrPosText {
      position: absolute;
      color: #fff;
      bottom: 40px;
      width: 50px;
      right: -20px;
      text-align: center; }
    .montvaillant .CurrPosBike {
      position: absolute;
      bottom: 0px;
      right: 0; }
    .montvaillant .CurrPosOrange {
      background-color: #f19122;
      height: 450px;
      width: 0px; }
    .montvaillant .numbers {
      position: absolute;
      bottom: 25px; }
      .montvaillant .numbers .number, .montvaillant .numbers .number0 {
        font-weight: bold;
        display: table-cell;
        text-align: right; }
      .montvaillant .numbers .numberEnd {
        margin-top: -20px;
        font-weight: bold;
        text-align: right; }
  footer {
    min-height: 165px;
    height: auto;
    position: relative; }
    footer .footer-brand {
      height: 100px;
      float: left; }
    footer .footer-text {
      float: right;
      min-height: 100px;
      height: auto;
      margin-top: 40px;
      line-height: 30px;
      font-size: 14px;
      width: 75%; }
      footer .footer-text span {
        margin-left: 20px;
        display: inline-block; }
    footer .sort_container {
      text-align: left; }
  .cc-window.cc-banner {
    width: 33% !important;
    flex-direction: column !important; } }

@media only screen and (max-width: 1125px) {
  .container, .homeitems, .slider-button-container, .slider-overlay-container-restricted {
    max-width: 750px; }
  .topslider, .navibg-home, .sliders, .slider-image, .slider-overlay-container-fullwidth, .slider-overlay-container-restricted, .slider_ph {
    height: 600px; }
  .filter-ul li, .filter-ul-4 li {
    width: 187.5px; }
  .filter-ul-3 li {
    width: 250px; }
  .filter-ul-2 li {
    width: 375px; }
  .filter-ul-1 li {
    width: 749px; }
  .navbar-toggle {
    display: inline-block;
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px; }
  .logo_slogan {
    padding-right: 13px; }
  .hometxt .bodytxt {
    width: 100%; }
  .navbar-motisha .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0; }
  .navbar-motisha .navbar-nav {
    width: 100%;
    display: block; }
  .navbar-motisha .navbar-nav > li {
    float: none;
    line-height: unset;
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    background-color: #ed6b1c; }
  .navbar-motisha .navbar-nav > li.select > a,
  .navbar-motisha .navbar-nav > li > a:hover,
  .navbar-motisha .navbar-nav > li > a {
    background-color: #ed6b1c;
    display: block;
    height: 49px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    border-bottom: none;
    margin-left: 25px; }
  .navbar-collapse.collapse, .navbar-collapse.collapsing, .navbar-collapse.in {
    float: none;
    position: fixed;
    width: 100%;
    padding: 0; }
  .navbar-collapse.collapse {
    display: none !important; }
  .GiftDetailPicture {
    width: 750px;
    height: 750px;
    display: table-cell;
    vertical-align: middle; }
  .GiftDetailPictures {
    width: 750px; }
  .PictureContainer {
    display: block; }
  .GiftDetails {
    display: block;
    width: 750px;
    margin-top: 20px; }
  .btnback-small {
    width: 750px;
    display: block; }
  .btnback {
    display: none;
    /*margin-top: 770px;*/
    position: absolute;
    margin-left: 590px; }
  .buttonblock, .giftdetailcontainer .buttoncontainer .buttonblock-input {
    float: right !important;
    margin-top: -40px !important;
    display: table-cell;
    width: auto;
    text-align: center; }
  .shoppingcart .odd, .shoppingcart .even {
    position: relative; }
  .shoppingcart .picture {
    float: left; }
  .shoppingcart .scgifttitle {
    display: inline-block;
    margin-left: 10px;
    padding-left: 0;
    min-height: 0; }
    .shoppingcart .scgifttitle .middle-align {
      min-height: 0; }
  .shoppingcart .shoppingcart-giftdetail {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    margin-top: 42px;
    width: auto;
    float: none; }
  .shoppingcart .showExtraInfo {
    margin-left: 210px; }
  .shoppingcart .bottomfix {
    font-size: 16px; }
  .shoppingcart .unitpoints, .shoppingcart .totalpoints, .shoppingcart .delete {
    width: 125px; }
  .shoppingcart .totals .totalpoints {
    width: 125px;
    text-align: center;
    float: right;
    margin-right: 125px; }
  .shoppingcart .shoppingcart-spacer {
    display: none; }
  .pointsoverview {
    float: right;
    width: 375px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right: 0;
    margin-top: 50px; }
  .pointsdetailoverview .headerCustom .text {
    width: 150px;
    display: none; }
  .pointsdetailoverview .headerCustom div:nth-child(1) {
    width: 30%;
    display: block; }
  .pointsdetailoverview .headerCustom .points {
    width: 150px;
    text-align: right;
    padding: 8px;
    display: block;
    margin-top: -35px; }
  .pointsdetailoverview .productdetail div, .pointsdetailoverview .productdetailtop div {
    width: 150px;
    display: none; }
  .pointsdetailoverview .productdetail .spacer, .pointsdetailoverview .productdetailtop .spacer {
    float: left;
    width: 15px;
    padding: 8px;
    display: block; }
  .pointsdetailoverview .productdetail .spacer:first-child, .pointsdetailoverview .productdetailtop .spacer:first-child {
    margin-left: 24px; }
  .pointsdetailoverview .productdetail .points, .pointsdetailoverview .productdetailtop .points {
    float: right;
    width: 150px;
    text-align: right;
    padding: 8px;
    display: block; }
  .pointsdetailoverview .productdetail .text, .pointsdetailoverview .productdetailtop .text {
    float: left;
    padding: 8px;
    padding-left: 15px; }
  .pointsdetailoverview .productdetail div:nth-child(4) {
    width: 50%;
    display: block; }
  .pointsdetailoverview .productdetail div:last-child {
    display: block;
    width: 150px; }
  .pointsdetailoverview .productdetailtop div:nth-child(1) {
    width: 50%;
    display: block; }
  .contactform {
    width: 100%; }
  .tab-pane .contactgeg {
    width: 100%;
    float: left;
    margin-top: 30px; }
    .tab-pane .contactgeg .md-block {
      width: 100%; }
    .tab-pane .contactgeg label {
      margin-bottom: -5px;
      font-weight: normal;
      color: #333; }
    .tab-pane .contactgeg .md-2-line {
      width: 300px; }
    .tab-pane .contactgeg .md-3-line {
      width: 200px; }
  .tab-pane .addressgeg {
    float: none;
    width: 100%;
    margin-top: 30px;
    margin-right: 0; }
  video {
    width: 100%;
    height: auto   !important; }
  .grid-item--3x1, .grid-item--4x1 {
    width: 734px; }
  .newsblock-video iframe {
    width: 750px;
    height: 422px; }
  .newsblock-text-col2 {
    width: 100%;
    margin-bottom: 0; }
    .newsblock-text-col2.newsblock-col1 {
      padding-right: 16px;
      padding-left: 16px; }
    .newsblock-text-col2.newsblock-col2 {
      padding-right: 16px;
      padding-left: 16px; }
  .newsblock-text-col3 {
    width: 100%;
    float: none;
    margin-bottom: 0; }
    .newsblock-text-col3.newsblock-col1 {
      padding-right: 16px;
      padding-left: 16px; }
    .newsblock-text-col3.newsblock-col2 {
      padding-right: 16px;
      padding-left: 16px; }
    .newsblock-text-col3.newsblock-col3 {
      padding-right: 16px;
      padding-left: 16px; }
  .faqcategory {
    width: 100%; }
    .faqcategory:nth-child(2n) {
      margin-right: 0; }
  .faqcategory-title {
    width: 90%; }
  .faqquestion-title {
    width: 90%; }
    .faqquestion-title span {
      width: 90%;
      display: inline-block; }
  .faqquestion-answer .faqquestion-answerline {
    width: 90%; }
  .faqquestion:nth-last-of-type(1) .faqquestion-answerline {
    width: 90%; }
  .faq .faqquestion-answer {
    width: 90%; }
  .faq .faqquestion {
    width: 90%; }
    .faq .faqquestion .faqquestion-title {
      width: 90%; }
  .faq .faqquestion-answerline {
    width: 90%; }
  .leftmiddlecontent {
    display: block;
    vertical-align: top;
    padding-top: 25px; }
  .rightcontent {
    float: none;
    display: block;
    vertical-align: top;
    padding-top: 25px; }
  .middlecontent {
    display: block;
    float: none;
    vertical-align: top;
    padding: 0 32px;
    padding-top: 25px; }
  .InThePicture {
    clear: both; }
  .AppTopImg {
    height: 340px;
    background-position: center; }
  .AppTop {
    height: 80px; }
  .bpstartup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500; }
    .bpstartup .bpStartupImage {
      text-align: center; }
      .bpstartup .bpStartupImage img {
        max-width: 100%; }
    .bpstartup .BPStartupText {
      margin: auto;
      padding: 0 50px;
      width: 750px;
      color: white; }
      .bpstartup .BPStartupText h1 {
        color: white;
        text-align: center; }
    .bpstartup .btnsBP {
      text-align: center;
      margin: auto;
      padding: 0;
      width: 340px;
      margin-top: 30px;
      margin-bottom: 30px; }
      .bpstartup .btnsBP button {
        width: 340px;
        display: block !important;
        margin-top: 15px; }
        .bpstartup .btnsBP button:first-child {
          margin-right: 0px; }
        .bpstartup .btnsBP button:hover {
          background-color: #fff; }
    .bpstartup .logoBP {
      margin: auto;
      width: 100%;
      margin-top: 50px;
      margin-left: 20px;
      margin-bottom: -50px; }
  .DiscountOverview .header .text {
    display: inline-block;
    margin-left: 10px;
    width: 150px; }
    .DiscountOverview .header .text:first-child {
      width: 200px; }
    .DiscountOverview .header .text:nth-child(2) {
      display: none; }
    .DiscountOverview .header .text:nth-child(5) {
      display: none; }
  .DiscountOverview .header .mobile {
    display: none; }
  .DiscountOverview .header .desktop {
    display: inline-block; }
  .DiscountOverview .codedetails .text {
    display: inline-block;
    margin-left: 10px;
    width: 150px; }
    .DiscountOverview .codedetails .text:first-child {
      width: 200px; }
    .DiscountOverview .codedetails .text:nth-child(2) {
      display: none; }
    .DiscountOverview .codedetails .text:nth-child(5) {
      display: none; }
  .DiscountOverview .codedetails .mobile {
    display: none; }
  .DiscountOverview .codedetails .desktop {
    display: inline-block; }
  footer {
    min-height: 165px;
    height: auto;
    position: relative; }
    footer .footer-brand {
      height: 100px;
      float: left; }
    footer .footer-text {
      float: right;
      min-height: 100px;
      height: auto;
      margin-top: 40px;
      line-height: 30px;
      font-size: 14px;
      width: 75%; }
      footer .footer-text span {
        margin-left: 20px;
        display: inline-block; }
    footer .sort_container {
      text-align: left; }
  .QRCode .AppQRCode_Title {
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 30px; }
  .QRCode .QRCode_Content {
    display: table-cell;
    vertical-align: top;
    padding: 25px;
    width: 75%;
    vertical-align: middle; }
  .QRCode .AppQRCode_Code {
    display: table-cell;
    padding: 35px;
    vertical-align: top;
    text-align: right;
    width: 25%; }
    .QRCode .AppQRCode_Code img {
      height: 250px; }
  .montvaillant {
    height: 350px;
    width: 750px;
    background-image: url(/Content/Customers/2/MountainBg750.png);
    position: relative; }
    .montvaillant .mountain {
      background-image: url(/Content/Customers/2/Mountain750.png);
      position: absolute;
      top: 0px;
      left: 0px;
      height: 350px;
      width: 750px; }
    .montvaillant .CurrPos {
      height: 284px;
      width: 750px;
      position: absolute;
      top: 0px; }
    .montvaillant .CurrPosContent {
      height: 284px;
      width: 750px;
      position: relative;
      top: 0px; }
    .montvaillant .CurrPosText {
      position: absolute;
      color: #fff;
      bottom: 40px;
      width: 50px;
      right: -20px;
      text-align: center; }
    .montvaillant .CurrPosBike {
      position: absolute;
      bottom: 0px;
      right: 0; }
    .montvaillant .CurrPosOrange {
      background-color: #f19122;
      height: 350px;
      width: 0px; }
    .montvaillant .numbers {
      position: absolute;
      bottom: -15px; }
      .montvaillant .numbers .number, .montvaillant .numbers .number0 {
        font-weight: bold;
        display: table-cell;
        text-align: right; }
      .montvaillant .numbers .numberEnd {
        margin-top: -20px;
        font-weight: bold;
        text-align: right; }
  .bpstartup .giftitems {
    width: 600px;
    margin: auto;
    margin-bottom: 50px; }
    .bpstartup .giftitems .giftitem {
      width: 290px;
      margin-left: 8px;
      margin-right: 8px;
      padding-bottom: 15px; }
  .agreeSuppliers {
    text-align: right;
    width: 75%;
    margin-left: auto; }
  .cc-window.cc-banner {
    width: 50% !important;
    flex-direction: column !important; } }

@media only screen and (max-width: 768px) {
  .welkom {
    display: none !important; }
  .nav > li {
    float: left; }
  .navbar-header {
    float: left; } }

@media only screen and (min-width: 768px) and (max-width: 1125px) {
  .navbar-toggle {
    display: inline-block; } }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
@media only screen and (max-width: 750px) {
  .container {
    max-width: 100%; }
  .hideDesktop {
    display: inline-block !important; }
  .hideMobile {
    display: none; }
  .logo_slogan #start_slogan .smallslogan {
    font-size: 42px;
    padding-left: 10px;
    margin-top: 10px; }
  .navbar-motisha .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0; }
  .navbar-motisha .navbar-nav {
    margin: 0; }
  .container > .navbar-collapse {
    margin: 0;
    margin-top: 15px; }
  .slider-button-container {
    max-width: 375px;
    margin: auto;
    position: static; }
  .AgreeRules {
    width: auto; }
  .slider-overlay {
    position: absolute !important;
    bottom: 250px;
    top: auto !important; }
    .slider-overlay .sliderTitle {
      font-size: 40px !important;
      line-height: 50px !important; }
    .slider-overlay h2 {
      font-size: 30px !important;
      line-height: 30px !important; }
  .slider-overlay-container-fullwidth, .slider-overlay-container-restricted {
    position: relative; }
  .slider-overlay-container-restricted {
    width: 100%; }
  .topslider, .navibg-home, .sliders, .slider-overlay-container-fullwidth, .slider-overlay-container-restricted, .slider_ph {
    height: 600px; }
  .slider-image {
    display: block;
    height: 600px;
    width: 100%; }
    .slider-image .sliderbg {
      background-position: top;
      background-size: cover;
      background-repeat: no-repeat;
      display: block;
      height: 600px;
      width: 100%; }
      .slider-image .sliderbg.hideAt750px {
        display: none; }
      .slider-image .sliderbg.showAt750px {
        display: block; }
  .homeitems {
    max-width: 375px;
    margin: auto; }
  .discount-information {
    margin-top: 0; }
  .filter-ul li {
    width: 187px; }
  .filter-ul-4 li {
    width: 100%; }
  .filter-ul-3 li {
    width: 50%; }
    .filter-ul-3 li:last-child {
      width: 100%; }
  .filter-ul-2 li {
    width: 50%; }
  .filter-ul-1 li {
    width: 100%; }
  .welkom {
    display: none !important; }
  .navbar-header {
    margin-left: 0;
    float: left; }
  .topmenu {
    margin-right: 15px; }
  .topmenu > li {
    line-height: 50px;
    height: 50px; }
  .navbar-nav > li > a {
    line-height: 30px; }
  .navbar-toggle {
    display: inline-block;
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 16px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px; }
  .nav > li {
    float: left; }
  .logo_slogan {
    padding-right: 13px; }
  .hometxt .bodytxt {
    width: 100%; }
  .grid-item--width2, .grid-item--2x1, .grid-item--2x2, .overlay-label--2x1, .grid-item--3x1, .grid-item--4x1 {
    width: 96%; }
  .smallshoppingcart {
    float: none;
    margin-left: -15px;
    margin-top: -183px;
    border: 0;
    border-top: 2px solid #ccc; }
  .GiftDetailPicture {
    width: 95vw;
    height: 95vw;
    margin: auto;
    display: table-cell;
    vertical-align: middle; }
  .GiftDetailPictures {
    width: 95vw;
    margin: 15px auto; }
    .GiftDetailPictures img {
      width: 20vw; }
    .GiftDetailPictures .thumbnail {
      display: inline-block;
      margin-right: 10px; }
      .GiftDetailPictures .thumbnail.active {
        border: 1px solid red;
        border-radius: 5px; }
    .GiftDetailPictures .thumbnail:nth-child(4n) {
      margin-right: 0; }
  .PictureContainer {
    margin: auto 1rem;
    padding-right: 0; }
  /*.GiftDetailPicture img {
        position: absolute;
    }*/
  .details-left {
    width: auto !important; }
  .screen-small {
    display: block; }
  .GiftDetails {
    width: 95%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; }
  .btnback-small {
    display: block;
    width: 95vw; }
  .btnback {
    /*margin-top: 100vw;*/
    position: relative;
    right: 10px; }
  .btnback button {
    margin-top: 25px; }
  .giftcontainer {
    width: 375px;
    margin: auto; }
  .filter-ul li {
    width: 50%;
    height: 60px;
    line-height: 60px; }
  .smallpanel {
    width: 100%; }
  .giftdetailcontainer .buttoncontainer {
    text-align: center; }
    .giftdetailcontainer .buttoncontainer .buttonblock, .giftdetailcontainer .buttoncontainer .buttonblock-input {
      float: none !important;
      margin: 0px;
      display: block;
      margin-top: 10px !important;
      width: 100%;
      text-align: center; }
    .giftdetailcontainer .buttoncontainer .btn {
      display: block;
      width: 300px;
      margin-top: 10px; }
    .giftdetailcontainer .buttoncontainer .numberlabel {
      font-weight: bold;
      margin: 5px; }
    .giftdetailcontainer .buttoncontainer .detailpunten {
      padding-top: 15px; display: flex; }
    .giftdetailcontainer .buttoncontainer .detailx {
      padding-bottom: 3px; }
    .giftdetailcontainer .buttoncontainer .number {
      padding: 9px 16px;
      border-radius: 16px; }
  .shoppingcart .picture {
    display: none; }
  .shoppingcart .scgifttitle {
    margin-top: 10px; }
  .shoppingcart .shoppingcart-giftdetail {
    display: inline-block;
    margin-left: 10px; }
  .shoppingcart .totalpoints {
    width: 100px; }
  .shoppingcart .delete {
    width: 75px; }
  .shoppingcart .even, .shoppingcart .odd {
    margin: auto;
    width: 100%; }
  .login-container {
    margin-left: 10px; }
  .Addressform, .emailform, .AddCodeform {
    width: 100%; }
  .adresschoice, .Leveradres {
    width: 100%; }
  .AddressTile {
    width: 100%; }
  .scoverview {
    width: 100%; }
  .deliveryblock .totals > table {
    width: 100%; }
  .pointsoverview, .scancodepointsoverview {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right: 0;
    margin-top: 50px; }
  .scancodes {
    width: 100%; }
  .donut {
    margin: 0 auto; }
  .contactblock {
    width: 100%; }
  .body-content {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 165px; }
  footer {
    height: 165px;
    text-align: center;
    position: relative; }
    footer .footer-brand {
      height: 100px;
      float: left; }
    footer .footer-text {
      float: left;
      height: 100px;
      line-height: 30px;
      font-size: 14px; }
      footer .footer-text span {
        margin-left: 20px; }
      footer .footer-text img {
        width: 100px; }
    footer .sort_container {
      text-align: left; }
  .tab-pane .contactgeg {
    width: 100%;
    float: left;
    margin-top: 30px; }
    .tab-pane .contactgeg .md-block {
      width: 100%; }
    .tab-pane .contactgeg label {
      margin-bottom: -5px;
      font-weight: normal;
      color: #333; }
    .tab-pane .contactgeg .md-2-line {
      width: 100%; }
    .tab-pane .contactgeg .md-3-line {
      width: 100%; }
  .tab-pane .addressgeg {
    float: none;
    width: 100%;
    margin-top: 30px;
    margin-right: 0; }
  .button-right {
    padding-right: 0;
    margin-right: 0; }
  md-input-container {
    margin-top: 36px; }
  .gift-search md-input-container {
    margin-top: 0; }
  .news-intro {
    height: 75px;
    overflow: hidden; }
  .newsblocktype-Text {
    padding-left: 16px;
    padding-right: 8px; }
  .newsblock-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .newsblock-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .newsblock-video object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .newsblock-video embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .newsblock-left, .newsblock-text-left, .newsblock-right, .newsblock-text-right {
    padding-left: 16px;
    padding-right: 16px; }
  .btn-bottomright {
    padding-right: 16px; }
  .AddCodeform .md-block,
  .AddCodeform .md-2-line {
    width: 100%; }
  .AddCodeform .md-2-line:nth-child(2n+1) {
    margin-left: 0px; }
  .AppTopImg {
    height: 340px;
    background-position: center; }
  .AppTop {
    height: 80px; }
  .agreeSuppliers {
    text-align: right;
    width: 100%;
    margin-left: auto; }
  .formpanel.totals table, .totals.smallpanel table, .totals.deliveryblock table, .totals.login-container table, .totals.manualpaymentblock table, .totals.tab-pane table, .totals.scancodes table {
    width: 100%; }
  .DiscountOverview .header .text {
    display: inline-block;
    margin-left: 10px;
    width: 150px; }
    .DiscountOverview .header .text:first-child {
      width: 175px; }
  .DiscountOverview .header .mobile {
    display: none; }
  .DiscountOverview .codedetails .text {
    display: inline-block;
    margin-left: 10px;
    width: 150px; }
    .DiscountOverview .codedetails .text:first-child {
      width: 175px; }
  .DiscountOverview .codedetails .mobile {
    display: none; }
  .discountInput {
    clear: both; }
    .discountInput .input-group {
      width: 100%; }
  .QRCode .AppQRCode_Title {
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 30px; }
  .bpstartup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500; }
    .bpstartup .BPStartupText {
      margin: 20px;
      margin-bottom: 50px;
      width: 90%;
      padding: 0px;
      color: white; }
      .bpstartup .BPStartupText h1 {
        color: white;
        text-align: center; }
    .bpstartup .btnsBP {
      text-align: center;
      padding: 0px;
      margin: auto;
      width: auto;
      margin: 20px; }
      .bpstartup .btnsBP button {
        width: 320px;
        display: block !important;
        margin: auto;
        margin-top: 15px; }
        .bpstartup .btnsBP button:first-child {
          margin-right: auto; }
        .bpstartup .btnsBP button:hover {
          background-color: #fff; }
    .bpstartup .logoBP {
      margin: auto;
      width: 100%;
      margin-top: 20px;
      margin-left: 20px;
      margin-bottom: 0px; }
  .bpstartup .giftitems {
    width: 300px;
    margin: auto;
    margin-bottom: 50px; }
    .bpstartup .giftitems .giftitem {
      width: 290px;
      margin-left: 8px;
      margin-right: 8px;
      padding-bottom: 15px; }
  .start_content {
    display: block; }
  .loginblock, .loginonlyblock, .registrationblock {
    width: 100%; }
  LoginOpenPlatform .preLoginBlock {
    display: block;
    float: none;
    width: unset; }
  .cc-window.cc-banner {
    width: 100% !important;
    flex-direction: column !important; } }

@media only screen and (max-width: 650px) {
  md-input-container.md-2-line, md-input-container.md-3-line {
    display: block; }
  .Addressform .md-2-line, .Addressform .md-3-line, .Addressform .md-block {
    width: 100%; }
  .emailform .md-2-line, .emailform .md-3-line, .emailform .md-block {
    width: 100%; }
  .contactform .md-2-line, .contactform .md-3-line, .contactform .md-block {
    width: 100%; }
  .DiscountOverview .header .text {
    display: inline-block;
    margin-left: 10px;
    width: 30%; }
    .DiscountOverview .header .text:first-child {
      width: 30%; }
  .DiscountOverview .codedetails .text {
    display: inline-block;
    margin-left: 10px;
    width: 30%; }
    .DiscountOverview .codedetails .text:first-child {
      width: 30%; }
  .montvaillant {
    display: none; }
  .montvaillantmobile {
    display: block;
    background-color: #3c3c3b;
    width: 359px;
    height: 548px;
    position: relative;
    margin: 30px auto; }
    .montvaillantmobile .mountain {
      background-image: url(/Content/Customers/2/Mountain375.png);
      position: absolute;
      top: 0px;
      left: 0px;
      height: 548px;
      width: 359px; }
    .montvaillantmobile .CurrPos {
      height: 422px;
      width: 359px;
      position: absolute;
      top: 0px; }
    .montvaillantmobile .CurrPosContent {
      height: 422px;
      width: 359px;
      position: relative;
      top: 0px; }
    .montvaillantmobile .CurrPosText {
      position: absolute;
      color: #fff;
      width: 125px;
      text-align: center;
      background-color: #00897e;
      border-radius: 30px;
      left: 40px; }
    .montvaillantmobile .CurrPosOrange {
      background-color: #f19122;
      width: 359px;
      bottom: 125px;
      position: absolute; }
    .montvaillantmobile .numbers {
      position: absolute;
      top: 160px;
      left: 200px;
      color: #fff; }
      .montvaillantmobile .numbers .number {
        display: block;
        text-align: left;
        height: 51px; }
      .montvaillantmobile .numbers .numberEnd {
        margin-top: -347px;
        text-align: left; }
  .homeitems .grid-item {
    position: relative; }
    .homeitems .grid-item .SurveyTitle {
      margin-top: 60px; }
    .homeitems .grid-item .ranking {
      width: 300px;
      font-size: 16px;
      margin-left: 0;
      margin-top: 40px; }
      .homeitems .grid-item .ranking .pos {
        background-color: #333;
        color: #fff;
        width: 40px;
        height: 40px; }
      .homeitems .grid-item .ranking .gold {
        background-color: #f4c034;
        color: #fff; }
      .homeitems .grid-item .ranking .silver {
        background-color: #bcbcbc;
        color: #fff; }
      .homeitems .grid-item .ranking .bronze {
        background-color: #956724;
        color: #fff; }
      .homeitems .grid-item .ranking .points {
        background-color: #fff;
        width: 150px;
        color: #333; }
      .homeitems .grid-item .ranking .spacerow {
        font-size: 6px;
        height: 6px;
        line-height: 6px; }
      .homeitems .grid-item .ranking .nextpos {
        height: 40px;
        font-size: 24px;
        line-height: 40px;
        transform: rotate(-90deg);
        /* Legacy vendor prefixes that you probably don't need... */
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
    .homeitems .grid-item .VaillantTileRanking {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 30px; }
      .homeitems .grid-item .VaillantTileRanking .Trui {
        float: left;
        width: 123px;
        text-align: right; }
      .homeitems .grid-item .VaillantTileRanking .Position {
        text-align: left;
        float: right;
        padding-right: 20px;
        width: 210px; }
      .homeitems .grid-item .VaillantTileRanking .PositionRow {
        float: right;
        padding-right: 20px;
        width: 210px;
        text-align: left; }
        .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking {
          width: 180px;
          font-size: 14px;
          margin-top: 20px;
          margin-left: 0px;
          text-align: center; }
          .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .pos {
            background-color: #333;
            color: #fff;
            width: 40px;
            height: 40px; }
          .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .gold {
            background-color: #f4c034;
            color: #fff; }
          .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .silver {
            background-color: #bcbcbc;
            color: #fff; }
          .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .bronze {
            background-color: #956724;
            color: #fff; }
          .homeitems .grid-item .VaillantTileRanking .PositionRow .ranking .points {
            background-color: #fff;
            width: 126px;
            color: #333; }
    .homeitems .grid-item .intro {
      font-size: 16px;
      width: 75%;
      margin: auto;
      margin-top: 20px;
      margin-bottom: 20px; }
  .start_content {
    display: block; }
  .loginblock, .loginonlyblock, .registrationblock {
    width: 100%; }
  .LoginOpenPlatform .preLoginBlock {
    display: block;
    float: none;
    width: unset; } }

/*@mixin themecreator($bg-color, $color-main, $color-second) {
    background-color: $bg-color;
    color: $color-second;
    text-align: center;

    button:not(.slick-arrow) {
        background-color: $color-second !important;
        border: 1px solid $color-main !important;
        color: $color-main !important;
        border-radius: 32px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
    }

    .overlay {
        margin: auto;
        margin-top: 25px;
        padding: 15px;
        font-size: 25px;
        text-align: center;
        display: inline-block;
        max-width: $column-width - (8 * $column-margin);
        background-color: rgba($color-main, .85);
        color: $color-second;
        border: 1px solid $color-main;
    }

    .overlay-filldiv-theme {
        @extend .overlay-filldiv-common;
        background-color: none;

        .fullwidth-slogan {
            font-size: 25px;
            font-size: 1.5vw;
            color: $color-second;
        }
    }

    .normaltext {
        margin: 25px;
    }
}*/
@media only screen and (max-width: 520px) {
  .go-to-top {
    display: block; }
  html {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none; }
  .navbar-nav > li > a {
    padding: 10px; }
  .logo_slogan #start_slogan .smallslogan {
    font-size: 36px; }
  #layout_start .loginblock {
    width: 90%; }
  #layout_start .registrationblock {
    width: 100%; }
  #start_content {
    margin-right: 13px; }
  .gifttile-title {
    font-size: inherit; }
  .gifttile-price {
    font-size: inherit; }
  .gifttile-brand {
    text-align: left;
    position: relative;
    top: unset;
    left: unset; }
  .othergifts .gifttile-title {
    font-size: inherit;
    width: auto !important; }
  .othergifts .gifttile-price {
    font-size: inherit; }
  .othergifts .gifttile-brand {
    position: absolute;
    top: 10px;
    left: 48%; }
  .hometxt {
    margin-top: -20px; }
  .homeitems, .slider-button-container {
    width: 100% !important;
    /*margin-right: 13px;*/ }
  .homeitems .hideDesktop .gifttile, .homeitems .hideDesktop .gifttile-info {
    width: 95%;
    height: 359px; }
    .homeitems .hideDesktop .gifttile .gifttile-other, .homeitems .hideDesktop .gifttile-info .gifttile-other {
      width: 100%;
      min-height: auto;
      display: inline-block; }
      .homeitems .hideDesktop .gifttile .gifttile-other .gifttile-title, .homeitems .hideDesktop .gifttile-info .gifttile-other .gifttile-title {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 30px; }
        .homeitems .hideDesktop .gifttile .gifttile-other .gifttile-title span, .homeitems .hideDesktop .gifttile-info .gifttile-other .gifttile-title span {
          text-align: left;
          position: relative;
          left: auto;
          margin-left: 0;
          width: auto;
          display: inline-block;
          padding-top: 15px; }
      .homeitems .hideDesktop .gifttile .gifttile-other .gifttile-price, .homeitems .hideDesktop .gifttile-info .gifttile-other .gifttile-price {
        position: absolute;
        text-align: center;
        padding-left: 10px;
        bottom: 10px;
        width: 100%; }
        .homeitems .hideDesktop .gifttile .gifttile-other .gifttile-price.maxDiscount, .homeitems .hideDesktop .gifttile-info .gifttile-other .gifttile-price.maxDiscount {
          bottom: 35px; }
  .homeitems .gifttile-brand {
    position: relative;
    top: auto;
    left: auto; }
  .discount-information {
    margin-top: 0; }
  .topslider, .navibg-home, .sliders, .slider-image, .slider-overlay-container-fullwidth, .slider-overlay-container-restricted, .slider_ph {
    height: 600px; }
  .slider-image {
    height: 600px;
    width: 100%; }
    .slider-image .sliderbg {
      height: 600px; }
  .navibg-home, .navibg, .navibg-home {
    background-repeat: no-repeat; }
  .grid-item {
    width: 96%; }
  .txt h1, .hometxt h1 {
    font-size: 26px; }
  .sort_container {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0; }
    .sort_container .sort_label {
      display: none; }
    .sort_container .sort_select {
      display: block; }
    .sort_container .m-select {
      width: 100%;
      max-width: 100%; }
  .contentcontainer {
    display: block; }
  .filtermenuitem, .filtermenuitem-mobile {
    font-size: 18px;
    display: none; }
    .filtermenuitem .menuitemarrow, .filtermenuitem-mobile .menuitemarrow {
      display: none; }
  .gift-search {
    margin-top: 25px; }
  .filter-ul li:not(.filtermenuitem-mobile), .filter-ul-4 li:not(.filtermenuitem-mobile), .filter-ul-3 li:not(.filtermenuitem-mobile), .filter-ul-2 li:not(.filtermenuitem-mobile) {
    display: none; }
  .filter-ul .filtermenuitem-mobile, .filter-ul-4 .filtermenuitem-mobile, .filter-ul-3 .filtermenuitem-mobile, .filter-ul-2 .filtermenuitem-mobile {
    display: block;
    width: 100%; }
    .filter-ul .filtermenuitem-mobile a, .filter-ul-4 .filtermenuitem-mobile a, .filter-ul-3 .filtermenuitem-mobile a, .filter-ul-2 .filtermenuitem-mobile a {
      text-decoration: none; }
  .filter-ul {
    margin: 25px 0; }
  .giftcontainer {
    width: 100%;
    margin: auto;
    padding: 6px; }
  .giftdetailcontainer .buttoncontainer .btn {
    display: block;
    /*width: 90%;*/
    margin-top: 10px; }
  .filtermenuitem-mobile {
    display: block; }
  .navbar-brand {
    margin: auto; }
    .navbar-brand img {
      max-width: 90%; }
  .navbar-brand {
    margin-left: -50px; }
  .shoppingcart .odd, .shoppingcart .even {
    position: relative; }
  .shoppingcart .totaltitle {
    max-width: 170px; }
  .shoppingcart .scgifttitle {
    padding-top: 10px; }
  .shoppingcart .unitpoints, .shoppingcart .totalpoints, .shoppingcart .delete {
    width: 100px; }
    .shoppingcart .unitpoints .btn, .shoppingcart .totalpoints .btn, .shoppingcart .delete .btn {
      font-size: 12px;
      padding: 6px 12px; }
  .shoppingcart .unitpoints {
    width: 100px; }
  .shoppingcart .delete {
    width: 30px;
    margin-right: 10px; }
  .shoppingcart .number {
    width: 125px;
    margin-left: 10px; }
    .shoppingcart .number .btn {
      font-size: 12px;
      padding: 6px 12px; }
    .shoppingcart .number .form-control {
      height: 32px; }
  .shoppingcart .header {
    font-size: 16px; }
  .shoppingcart .totals .totalpoints {
    width: 120px;
    text-align: right;
    float: right;
    margin-right: 10px;
    margin-top: 0; }
  .pointsdetailoverview .productdetail div:nth-child(4), .pointsdetailoverview .productdetail div:last-child {
    width: auto; }
  .scoverview .editbtn {
    display: none; }
  .body-content {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 200px; }
  footer {
    min-height: 165px;
    height: unset;
    text-align: center; }
    footer .container {
      padding: 15px 0px;
      font-size: 12px; }
    footer img {
      max-width: 200px; }
    footer .footer-brand {
      float: none;
      display: block;
      height: 100px;
      margin-bottom: 25px;
      text-align: center; }
    footer .footer-text {
      float: none;
      display: block;
      height: unset;
      line-height: normal;
      font-size: 14px;
      margin-top: 25px;
      width: 100%; }
      footer .footer-text a {
        font-size: 14px; }
      footer .footer-text span {
        margin-left: 0 !important;
        margin-bottom: 10px; }
      footer .footer-text span:not(:first-child) {
        margin-left: 0 !important; }
      footer .footer-text span {
        display: block; }
      footer .footer-text .payment {
        display: inline-block;
        line-height: initial; }
        footer .footer-text .payment img {
          display: inline-block;
          margin: auto;
          margin-top: 0; }
  .sort_container {
    text-align: left; }
  .start_content {
    margin: 0; }
  .lang {
    margin-right: 13px;
    padding-top: 0px; }
  .mobile {
    display: block !important; }
  .nomobile {
    display: none !important; }
  .ph_shoppingcartmed, .ph_shoppingcartsmall {
    min-width: auto; }
  .navbar-collapse {
    max-height: 405px !important; }
  .fa.mobile {
    display: inline-block !important;
    color: #fff; }
  .labelfavorit {
    margin-left: -4px; }
    .labelfavorit .favoritbg, .labelfavorit .digitalbg, .labelfavorit newbg {
      padding: 5px 10px; }
  .gifttile, .gifttile-info {
    width: auto;
    height: auto;
    margin: 3px auto; }
  .gifttile-info {
    grid-template-columns: 40% 1fr 50px;
    grid-template-rows: 0.5fr 1fr 0.25fr;
    gap: 10px 10px;
    grid-template-areas: "picture brand ." "picture price price" "title title title";
    padding: 10px;
    float: none;
    min-height: 165px; }
  .gifttile-hover {
    width: 100%;
    height: 100%; }
    .gifttile-hover .mask {
      width: 100%;
      height: 100%; }
    .gifttile-hover .gifttile-info-hover {
      width: 100%;
      display: block;
      height: 100%; }
    .gifttile-hover .details-hover {
      top: 50%;
      position: absolute;
      transform: translateY(-50%); }
  .gifttile {
    float: none;
    text-align: left;
    width: 100%; }
    .gifttile .gifttile-img {
      min-height: auto;
      padding: 0px;
      height: unset;
      display: flex;
      align-items: center; }
    .gifttile .gifttile-other {
      display: inline-block; }
      .gifttile .gifttile-other .gifttile-title {
        width: 100%;
        text-align: left; }
      .gifttile .gifttile-other .gifttile-price {
        text-align: left;
        bottom: 0px; }
        .gifttile .gifttile-other .gifttile-price.maxDiscount {
          bottom: 25px; }
    .gifttile .gifttile-img img {
      width: 100%; }
  .faqcategory-title {
    line-height: normal;
    margin-top: 45px; }
  .AppTopImg {
    height: 260px;
    background-position: center; }
  .AppTop {
    height: 60px; }
  .login-container {
    margin-left: 0px;
    width: 100%; }
  #discountControl {
    margin-left: 15px;
    margin-right: 15px; }
  .DiscountOverview .header .text {
    width: 30%;
    font-size: 15px; }
    .DiscountOverview .header .text:first-child {
      width: 30%; }
  .DiscountOverview .header .mobile {
    display: inline-block !important;
    width: 20%; }
  .DiscountOverview .header .desktop {
    display: none; }
  .DiscountOverview .codedetails .text {
    width: 30%;
    font-size: 12px; }
    .DiscountOverview .codedetails .text:first-child {
      width: 30%; }
  .DiscountOverview .codedetails .mobile {
    display: inline-block !important;
    text-align: center;
    width: 20%; }
  .DiscountOverview .codedetails .desktop {
    display: none; }
  #discountOverview {
    text-align: left;
    padding: 0px 10px;
    margin-top: 60px; }
    #discountOverview .discountContent {
      display: inline-block;
      text-align: left; }
  .discountcode {
    width: 200px; }
  .discount-Totals span {
    width: 215px; }
  .discountStatus {
    position: relative;
    left: 15px;
    top: 45px; }
  .inputkortingscode {
    left: 15px; }
  .bpstartup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500; }
    .bpstartup .BPStartupText {
      margin: 20px;
      margin-bottom: 50px;
      width: 90%;
      padding: 0px;
      color: white; }
      .bpstartup .BPStartupText h1 {
        color: white;
        font-size: 22px; }
    .bpstartup .btnsBP {
      text-align: center;
      padding: 0px;
      margin: auto;
      width: auto;
      margin: 20px; }
      .bpstartup .btnsBP button {
        display: block !important;
        margin: auto;
        margin-top: 15px; }
        .bpstartup .btnsBP button:first-child {
          margin-right: auto; }
        .bpstartup .btnsBP button:hover {
          background-color: #fff; }
    .bpstartup .logoBP {
      margin: auto;
      width: 100%;
      margin-top: 20px;
      margin-left: 20px;
      margin-bottom: 0px; }
  .toperror {
    margin-left: 0px;
    width: 100%;
    margin-top: 10px; }
  .AppInfo_Steps .AppInfo_Steps_Img {
    display: block;
    vertical-align: top;
    padding: 25px;
    width: 100%;
    text-align: center; }
    .AppInfo_Steps .AppInfo_Steps_Img img {
      height: 400px; }
  .AppInfo_Steps .AppInfo_Steps_Text {
    display: block;
    vertical-align: top;
    width: 100%; }
  .AppInfo_Steps .appstep {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid white; }
  .AppInfo_Steps .AppInfo_LinksStore {
    padding: 20px;
    text-align: center; }
  .QRCode {
    background-color: #ed6b1c;
    color: #fff;
    display: block;
    width: 100%; }
    .QRCode .QRCode_Content {
      display: block;
      vertical-align: top;
      padding: 25px;
      width: 100%;
      vertical-align: middle; }
    .QRCode .AppQRCode_Code {
      display: block;
      padding: 35px;
      vertical-align: top;
      text-align: center;
      width: 100%; }
      .QRCode .AppQRCode_Code img {
        height: 250px; }
  .surveyoverview h2 {
    margin-left: 15px; }
  .surveyoverview .SurveyArchive {
    background-color: rgba(237, 107, 28, 0.1);
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    display: table; }
    .surveyoverview .SurveyArchive .headers {
      background-color: #323c3c;
      color: #fff;
      font-size: 18px;
      display: table-row; }
      .surveyoverview .SurveyArchive .headers .header {
        display: table-cell;
        padding: 8px 28px 8px 24px; }
    .surveyoverview .SurveyArchive .content {
      padding-left: 5px;
      padding-right: 20px;
      display: table-row; }
      .surveyoverview .SurveyArchive .content .survey {
        background-color: rgba(50, 60, 60, 0.2);
        display: table-cell;
        padding: 8px 28px 8px 24px; }
      .surveyoverview .SurveyArchive .content .deelname {
        display: table-cell;
        background-color: rgba(50, 60, 60, 0.2);
        width: 100px;
        padding: 8px 28px 8px 24px; }
      .surveyoverview .SurveyArchive .content .points {
        display: table-cell;
        background-color: rgba(50, 60, 60, 0.2);
        width: 125px;
        padding: 8px 28px 8px 24px; }
    .surveyoverview .SurveyArchive .productdetail, .surveyoverview .SurveyArchive .productdetailtop {
      background-color: rgba(237, 107, 28, 0.1);
      padding-left: 5px;
      padding-right: 20px; }
      .surveyoverview .SurveyArchive .productdetail .spacer, .surveyoverview .SurveyArchive .productdetailtop .spacer {
        float: left;
        width: 15px;
        padding: 8px; }
      .surveyoverview .SurveyArchive .productdetail .spacer:first-child, .surveyoverview .SurveyArchive .productdetailtop .spacer:first-child {
        margin-left: 24px; }
      .surveyoverview .SurveyArchive .productdetail .points, .surveyoverview .SurveyArchive .productdetailtop .points {
        float: right;
        width: 125px;
        text-align: right;
        padding: 8px; }
      .surveyoverview .SurveyArchive .productdetail .text, .surveyoverview .SurveyArchive .productdetailtop .text {
        float: left;
        padding: 8px;
        padding-left: 15px; }
  .PageTitle {
    font-size: 45px; }
  .discountContent {
    width: 340px; }
  .coderow span.discountcode {
    width: calc(90% - 100px); }
  .headers span.discountcode {
    width: calc(90% - 100px); }
  .discount-Totals {
    width: 340px; }
    .discount-Totals span.discountcode {
      width: calc(90% - 100px); }
  .cadora_block {
    margin-left: 0;
    left: 0; }
    .cadora_block .worldbg {
      width: 100%;
      height: auto;
      background-color: #e1e1e1;
      background-repeat: no-repeat; }
    .cadora_block .btn-save {
      left: 50px; }
  .discountbubble {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #ed6b1c;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    top: 5px;
    right: 5px; }
    .discountbubble span {
      line-height: 50px;
      font-size: 18px;
      font-weight: bold; }
  .start_content {
    display: block; }
  .loginblock, .loginonlyblock, .registrationblock {
    width: 100%; }
  LoginOpenPlatform .preLoginBlock {
    display: block;
    float: none;
    width: unset; } }

@media only screen and (max-width: 400px) {
  .shoppingcart .delete {
    width: 100%;
    margin-right: 10px;
    display: block;
    margin-bottom: 10%; }
    .shoppingcart .delete .header, .shoppingcart .delete div {
      display: inline-block;
      margin-top: 10px; }
  #layout_start .loginblock {
    width: 90%;
    padding: 0px; }
  #layout_start .registrationblock {
    width: 100%; }
  #start_content {
    margin-right: 13px; }
  footer {
    min-height: 165px;
    height: unset;
    text-align: center; }
    footer .container {
      padding: 15px 0px;
      font-size: 12px; }
    footer img {
      max-width: 200px; }
    footer .footer-brand {
      float: none;
      display: block;
      height: 100px;
      margin-bottom: 25px;
      text-align: center; }
    footer .footer-text {
      float: none;
      display: block;
      height: unset;
      line-height: normal;
      font-size: 14px;
      margin-top: 25px;
      width: 100%; }
      footer .footer-text span {
        margin-left: 0; }
      footer .footer-text span {
        display: block; }
  .start_content {
    display: block; }
  .loginblock, .loginonlyblock, .registrationblock {
    width: 100%; }
  LoginOpenPlatform .preLoginBlock {
    display: block;
    float: none;
    width: unset; }
  LoginOpenPlatform .preLoginBlock {
    display: block;
    float: none;
    width: unset; } }

.tile-theme-1 {
  background-color: #ed6b1c;
  color: #fff;
  text-align: center; }
  .tile-theme-1 button:not(.slick-arrow) {
    background-color: #fff !important;
    border: 1px solid #ed6b1c !important;
    color: #ed6b1c !important;
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
  .tile-theme-1 .overlay {
    margin: auto;
    margin-top: 25px;
    padding: 15px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    max-width: 295px;
    background-color: rgba(237, 107, 28, 0.75);
    color: #fff;
    z-index: 9;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-1 .overlaybtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: -15px;
    background-color: rgba(237, 107, 28, 0.6);
    padding: 8px 15px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-1 .overlayhoverbtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: rgba(237, 107, 28, 0.6);
    padding: 8px 15px;
    margin-top: -33px; }
  .tile-theme-1 .overlayhoverbtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(237, 107, 28, 0.6);
    padding: 8px 15px; }
  .tile-theme-1 .overlayhoverbottombtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    background-color: rgba(237, 107, 28, 0.6);
    padding: 8px 15px; }
  .tile-theme-1 .overlayhoverbottombtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(237, 107, 28, 0.6);
    padding: 8px 15px; }
  .tile-theme-1 .overlay:hover {
    background-color: transparent; }
    .tile-theme-1 .overlay:hover .overlayhoverbtn {
      display: inline-block;
      background-color: #ed6b1c; }
  .tile-theme-1 .overlay-filldiv-theme {
    background-color: none; }
    .tile-theme-1 .overlay-filldiv-theme div {
      color: #fff; }
    .tile-theme-1 .overlay-filldiv-theme .fullwidth-slogan {
      font-size: 25px;
      color: #fff; }
    .tile-theme-1 .overlay-filldiv-theme:hover .overlayhoverbtn {
      display: table-cell;
      background-color: transparent;
      position: relative;
      font-size: 25px;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: none;
      background-color: rgba(237, 107, 28, 0.6);
      padding: 8px 15px; }
  .tile-theme-1 .normaltext {
    /*margin: 25px;*/
    font-size: 20px; }

.tile-theme-2 {
  background-color: #323c3c;
  color: #fff;
  text-align: center; }
  .tile-theme-2 button:not(.slick-arrow) {
    background-color: #fff !important;
    border: 1px solid #323c3c !important;
    color: #323c3c !important;
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
  .tile-theme-2 .overlay {
    margin: auto;
    margin-top: 25px;
    padding: 15px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    max-width: 295px;
    background-color: rgba(50, 60, 60, 0.75);
    color: #fff;
    z-index: 9;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-2 .overlaybtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: -15px;
    background-color: rgba(50, 60, 60, 0.6);
    padding: 8px 15px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-2 .overlayhoverbtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: rgba(50, 60, 60, 0.6);
    padding: 8px 15px;
    margin-top: -33px; }
  .tile-theme-2 .overlayhoverbtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(50, 60, 60, 0.6);
    padding: 8px 15px; }
  .tile-theme-2 .overlayhoverbottombtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    background-color: rgba(50, 60, 60, 0.6);
    padding: 8px 15px; }
  .tile-theme-2 .overlayhoverbottombtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(50, 60, 60, 0.6);
    padding: 8px 15px; }
  .tile-theme-2 .overlay:hover {
    background-color: transparent; }
    .tile-theme-2 .overlay:hover .overlayhoverbtn {
      display: inline-block;
      background-color: #323c3c; }
  .tile-theme-2 .overlay-filldiv-theme {
    background-color: none; }
    .tile-theme-2 .overlay-filldiv-theme div {
      color: #fff; }
    .tile-theme-2 .overlay-filldiv-theme .fullwidth-slogan {
      font-size: 25px;
      color: #fff; }
    .tile-theme-2 .overlay-filldiv-theme:hover .overlayhoverbtn {
      display: table-cell;
      background-color: transparent;
      position: relative;
      font-size: 25px;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: none;
      background-color: rgba(50, 60, 60, 0.6);
      padding: 8px 15px; }
  .tile-theme-2 .normaltext {
    /*margin: 25px;*/
    font-size: 20px; }

.tile-theme-3 {
  background-color: #fde4d2;
  color: #fff;
  text-align: center; }
  .tile-theme-3 button:not(.slick-arrow) {
    background-color: #fff !important;
    border: 1px solid #fde4d2 !important;
    color: #fde4d2 !important;
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
  .tile-theme-3 .overlay {
    margin: auto;
    margin-top: 25px;
    padding: 15px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    max-width: 295px;
    background-color: rgba(253, 228, 210, 0.75);
    color: #fff;
    z-index: 9;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-3 .overlaybtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: -15px;
    background-color: rgba(253, 228, 210, 0.6);
    padding: 8px 15px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-3 .overlayhoverbtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: rgba(253, 228, 210, 0.6);
    padding: 8px 15px;
    margin-top: -33px; }
  .tile-theme-3 .overlayhoverbtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(253, 228, 210, 0.6);
    padding: 8px 15px; }
  .tile-theme-3 .overlayhoverbottombtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    background-color: rgba(253, 228, 210, 0.6);
    padding: 8px 15px; }
  .tile-theme-3 .overlayhoverbottombtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(253, 228, 210, 0.6);
    padding: 8px 15px; }
  .tile-theme-3 .overlay:hover {
    background-color: transparent; }
    .tile-theme-3 .overlay:hover .overlayhoverbtn {
      display: inline-block;
      background-color: #fde4d2; }
  .tile-theme-3 .overlay-filldiv-theme {
    background-color: none; }
    .tile-theme-3 .overlay-filldiv-theme div {
      color: #fff; }
    .tile-theme-3 .overlay-filldiv-theme .fullwidth-slogan {
      font-size: 25px;
      color: #fff; }
    .tile-theme-3 .overlay-filldiv-theme:hover .overlayhoverbtn {
      display: table-cell;
      background-color: transparent;
      position: relative;
      font-size: 25px;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: none;
      background-color: rgba(253, 228, 210, 0.6);
      padding: 8px 15px; }
  .tile-theme-3 .normaltext {
    /*margin: 25px;*/
    font-size: 20px; }

.tile-theme-4 {
  background-color: #4aa0ce;
  color: #fff;
  text-align: center; }
  .tile-theme-4 button:not(.slick-arrow) {
    background-color: #fff !important;
    border: 1px solid #4aa0ce !important;
    color: #4aa0ce !important;
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
  .tile-theme-4 .overlay {
    margin: auto;
    margin-top: 25px;
    padding: 15px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    max-width: 295px;
    background-color: rgba(74, 160, 206, 0.75);
    color: #fff;
    z-index: 9;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-4 .overlaybtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: -15px;
    background-color: rgba(74, 160, 206, 0.6);
    padding: 8px 15px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-4 .overlayhoverbtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: rgba(74, 160, 206, 0.6);
    padding: 8px 15px;
    margin-top: -33px; }
  .tile-theme-4 .overlayhoverbtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(74, 160, 206, 0.6);
    padding: 8px 15px; }
  .tile-theme-4 .overlayhoverbottombtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    background-color: rgba(74, 160, 206, 0.6);
    padding: 8px 15px; }
  .tile-theme-4 .overlayhoverbottombtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(74, 160, 206, 0.6);
    padding: 8px 15px; }
  .tile-theme-4 .overlay:hover {
    background-color: transparent; }
    .tile-theme-4 .overlay:hover .overlayhoverbtn {
      display: inline-block;
      background-color: #4aa0ce; }
  .tile-theme-4 .overlay-filldiv-theme {
    background-color: none; }
    .tile-theme-4 .overlay-filldiv-theme div {
      color: #fff; }
    .tile-theme-4 .overlay-filldiv-theme .fullwidth-slogan {
      font-size: 25px;
      color: #fff; }
    .tile-theme-4 .overlay-filldiv-theme:hover .overlayhoverbtn {
      display: table-cell;
      background-color: transparent;
      position: relative;
      font-size: 25px;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: none;
      background-color: rgba(74, 160, 206, 0.6);
      padding: 8px 15px; }
  .tile-theme-4 .normaltext {
    /*margin: 25px;*/
    font-size: 20px; }

.tile-theme-5 {
  background-color: #fff;
  color: #000;
  text-align: center; }
  .tile-theme-5 button:not(.slick-arrow) {
    background-color: #000 !important;
    border: 1px solid #be1522 !important;
    color: #be1522 !important;
    border-radius: 32px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
  .tile-theme-5 .overlay {
    margin: auto;
    margin-top: 25px;
    padding: 15px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    max-width: 295px;
    background-color: rgba(190, 21, 34, 0.75);
    color: #000;
    z-index: 9;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-5 .overlaybtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: -15px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 15px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .tile-theme-5 .overlayhoverbtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 15px;
    margin-top: -33px; }
  .tile-theme-5 .overlayhoverbtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 15px; }
  .tile-theme-5 .overlayhoverbottombtn {
    display: inline-block;
    background-color: transparent;
    position: absolute;
    font-size: 25px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 15px; }
  .tile-theme-5 .overlayhoverbottombtn:hover {
    display: table-cell;
    background-color: transparent;
    position: relative;
    font-size: 25px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 15px; }
  .tile-theme-5 .overlay:hover {
    background-color: transparent; }
    .tile-theme-5 .overlay:hover .overlayhoverbtn {
      display: inline-block;
      background-color: #be1522; }
  .tile-theme-5 .overlay-filldiv-theme {
    background-color: none; }
    .tile-theme-5 .overlay-filldiv-theme div {
      color: #000; }
    .tile-theme-5 .overlay-filldiv-theme .fullwidth-slogan {
      font-size: 25px;
      color: #000; }
    .tile-theme-5 .overlay-filldiv-theme:hover .overlayhoverbtn {
      display: table-cell;
      background-color: transparent;
      position: relative;
      font-size: 25px;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: none;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 8px 15px; }
  .tile-theme-5 .normaltext {
    /*margin: 25px;*/
    font-size: 20px; }
#cc-main .cm {
    max-width: 30rem !important;
}