﻿.container.menu-container {
    width: 600px;
    display: inline-block;
    margin: 25px 0 0 20px;
}

.backToTop {
    border-radius: 100%;
    background-color: #8ea715;
    border: none;
    bottom: 100px;
    /*display: block;*/
    height: 40px;
    outline: 0;
    overflow: hidden;
    /*position: fixed;*/
    /*right: 10px;*/
    text-decoration: none;
    width: 40px;
    z-index: 10;
    text-align: center;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    padding-top: 2px;
    /*opacity: 0;*/
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media only screen and (max-width: 768px), (min--width: 768px) and (max-device-width: 1024px) {
  .table-bordered {
    border: none;
    margin-bottom: 20px!important;
  }
  .table-block:last-of-type {
    padding-bottom: 0!important;
  }
  .resp.table-bordered > thead > tr > th,
  .resp.table-bordered > tbody > tr > th,
  .resp.table-bordered > tfoot > tr > th,
  .resp.table-bordered > thead > tr > td,
  .resp.table-bordered > tbody > tr > td,
  .resp.table-bordered > tfoot > tr > td {
    border: none;
    border-top: 3px solid #f5f5f7;
    border-left: 3px solid #f5f5f7;
    border-right: 3px solid #f5f5f7;
  }
  .table-bordered > thead > tr > td:last-of-type,
  .table-bordered > tbody > tr > td:last-of-type,
  .table-bordered > tfoot > tr > td:last-of-type {
    border-bottom: 3px solid #f5f5f7;
  }
  /* Force table to not be like tables anymore */
  .resp table,
  .resp thead,
  .resp tbody,
  .resp th,
  .resp td,
  .resp tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .resp thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .resp:not(.big) tr:not(:last-of-type) {
    margin: 10px 0;
  }
  .resp td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50%;
  }
  .resp:not(.big) td:before {
    position: absolute;
    top: 0;
    left: -3px;
    /*border*/
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    content: attr(data-th);
    border-right: 3px solid #f5f5f7;
    height: 100%;
    margin-top: 0!important;
    padding-top: 5px !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .resp.big tr th,
  .resp.big td {
    text-align: center !important;
  }
  .resp.big tr:not(:first-of-type) th,
  .resp.big td {
    border-top: none !important;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th {
    white-space: normal !important;
  }
  .table-bordered > tbody > tr > td,
  .table-bordered > tbody > tr > th {
    padding: 10px !important;
  }
}
body {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
ul li a {
  text-decoration: none !important;
}
#bodyArticle article ul li {
  list-style: circle;
  margin-left: 16px;
}
#bodyArticle article a {
  text-decoration: underline;
}
ul li a:hover {
  color: #9cbb2a;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.borders {
  border: solid 3px #f2f2f2;
  border-radius: 5px;
  margin-left: -15px;
  margin-top: 25px;
}
#bodyArticle .borders h2 {
  margin-left: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  border-bottom: none;
}
#bodyArticle .borders a.remove {
  float: right;
  color: #570037;
  margin-top: 24px;
  margin-right: 20px;
  text-decoration: underline;
}
#bodyArticle .borders a.remove + h2 {
  margin-left: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  border-bottom: none;
}
#bodyArticle .borders .down,
#bodyArticle .borders .up {
  color: #7f7f89 !important;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  font-size: 240% !important;
}
.borders .optiont {
  margin-left: 25px;
}
.nopadding-left {
  padding-left: 0;
}
.nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body {
  font-family: 'Open Sans';
  font-weight: 400;
}
#mainMenu {
  background-color: #791c59;
  height: 40px;
}
.row.no {
  margin-right: 0;
  margin-left: 0;
}

h1, h2, h4 {
    font-family: "Anton", 'Open Sans';
    letter-spacing: 0.7px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
h3, h5, h6 {
  font-family: 'Open Sans';
}

h1 {
  font-size: 60px;
  color: #791c59;
  font-weight: 800;
  margin-bottom: 20px;
}
h2 {
  font-size: 55px;
  font-weight: 600;
  color: #791c59;
  margin-bottom: 20px;
}
h6 {
  color: #c9c8cd;
}

h4.appHeader {
    font-size: 20px; 
    font-weight: 800; 
    color: #791c59 !important;
}

/* demoControls */
#demoControls {
  margin: 0px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  position: fixed;
  right: 1em;
  top: 1em;
  width: 10em;
  z-index: 100000;
  /* For MSIE 6 */
  _position: absolute;
}
#demoControls li {
  list-style-type: none;
}
#demoControls li a,
#demoControls li button {
  background: #999999 none;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #CCCCCC;
  color: #333333;
  cursor: pointer;
  display: block;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 90%;
  height: 2.0em;
  line-height: 1.9em;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  width: 10em;
}
#demoControls li button {
  height: 2.2em;
  width: 10.2em;
}
#demoControls li a:hover,
#demoControls li button:hover {
  background: #CCCCCC none;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #FFFFFF;
  color: #000000;
}
#demoControls:hover {
  opacity: 1.0;
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  filter: alpha(opacity=100);
}
.navbar {
  min-height: 40px;
}
.navbar-collapse {
  padding-left: 75px;
}
.navbar-collapse .navbar-nav li > label,
.navbar-collapse .navbar-nav li > a {
  margin: 10px 0;
  padding: 0 10px;
}
.navbar-collapse .navbar-nav ul > li > a {
  padding: 0 37px;
  vertical-align: sub;
}
.subNavigation .navbar-nav {
  margin-top: 15px;
}
#mainMenu .navbar-brand,
#mainMenu .navbar-header {
  height: 40px;
}
.navbar-brand {
  padding: 15px 0 !important;
}
#mainMenu .navbar-default {
  background-color: inherit;
  border: none;
}
#mainMenu .navbar-nav li a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainMenu .navbar-default .navbar-nav > li > a {
  color: #FFF;
}
#mainMenu .navbar-default .navbar-nav > .active > a:not(.btn),
#mainMenu .navbar-default .navbar-nav > .active > a:not(.btn):hover,
#mainMenu .navbar-default .navbar-nav > .active > a:not(.btn):focus {
  background-color: #570037;
  color: #FFF;
}
#subMenu.navbar-default {
  background-color: transparent;
  border: none;
  width: 550px;
  display: inline-block;
}
#subMenu.navbar-default .navbar-nav > li > a {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  color: #791c59;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
}
#subMenu.navbar-default .navbar-nav > li > a:hover,
#subMenu.navbar-default .navbar-nav > li > a:focus {
  color: #84a50c !important;
}
#subMenu.navbar-default .navbar-nav > .active > a,
#subMenu.navbar-default .navbar-nav > .active > a:hover,
#subMenu.navbar-default .navbar-nav > .active > a:focus {
  color: #9cbb2a !important;
  background-color: #FFF !important;
}
.navbar-toggle {
  border-radius: 0;
}
.breadcrumbs {
  margin-top: 2px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 13px;
  margin-bottom: -20px;
}
.breadcrumbs li > a {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}
.breadcrumbs li > i.fa {
  font-weight: normal;
  font-size: 12px;
  padding: 0px 5px;
  position: relative;
  vertical-align: baseline;
  top: 0.2em;
}
#combine {
  z-index: 0;
}
.breadcrumbs li > a:hover {
  color: #9cbb2a;
}
.block p {
  color: #FFF;
  line-height: 10px;
}
.block {
  color: #FFF;
}
.block .oldprice {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 20px;
}
.block .oldprice:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #791c59;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.block .chosen {
  background-color: #ffd91c;
  color: #791c59 !important;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 12px;
  position: relative;
  top: -25px;
  margin-left: auto;
  margin-right: auto;
  height: 28px;
  width: 65%;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  padding-top: 6px;
  text-transform: uppercase;
}
.block.dark {
  background-color: #88a820;
}
.block.light {
  background-color: #97be0d;
}
.modal-dialog {
  margin-top: 150px;
}
.modal-header {
  border-bottom: none;
  padding: 0px 0px;
}
.modal-title {
  padding: 40px 0 0 0;
}
.modal-content {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 20px 60px 50px 60px;
}
.modal-big .modal-content {
  width: 666px;
}
.modal-backdrop {
  background-color: #b2b2c1;
}
.modal-body {
  padding: 0 0px 0px 0px;
  color: #434350;
  line-height: 21px;
}
.modal-body .form-horizontal .radio-inline {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 21px;
}
.modal-footer {
  border-top: none;
  padding: 0px 30px 30px 30px;
}
.modal-header .close {
  margin-top: -10px;
  margin-right: -45px;
  font-size: 32px;
}
/*redefined norsentio app classes. Quick fix, remove after refactoring. */
.modal-header .close:after{
  display:none !important;
}
.modal-header .close:before{
  display:none !important;
}
.modal-header .close:hover{
    background-color:transparent !important;  
}
/*end*/
h3.modal-title {
  text-align: left;
  color: #a0bf35;
  font-size: 20px;
  font-weight: 600;
}
div.result {
  border-left: solid 8px #f2f2f2;
  padding: 20px 20px 14px 23px;
  margin-bottom: 20px;
}
div.result:hover {
  border-left: solid 8px #9cbb2a;
  background: #f2f2f2;
}
div.result a:hover {
  text-decoration: none;
}
div.result p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}
div.result span.breadcrumbs a,
div.result span.breadcrumbs {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #7f7f88;
}
#bodyArticle div.result h3 {
  margin: 0 0 15px 0 !important;
  display: inline-block !important;
}
.searchResults h1 {
  margin-bottom: 3px !important;
}
.searchResults h1 + p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 20px;
}
.searchResults p {
  color: #791c59;
  margin-top: 10px;
  margin-bottom: 50px;
}
.searchResults h2 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 30px;
  color: #9cbb2a;
  margin-bottom: 20px;
}
.searchResults .row p {
  color: #434350;
  margin-bottom: 15px;
}
.searchResults .row .row:first-child {
  padding: 0 15px !important;
}
.searchResults a.showAllResults {
  margin: 0px 0px 40px -20px;
}
#bodyArticle span.select2-container .fa {
  color: #7f7f88 !important;
}
.searchResults .select2-container--default .select2-selection--single {
  padding-left: 20px;
  padding-right: 15px;
}
.selection .select2.select2-container.select2-container--default {
  width: 100% !important;
}
#bodyArticle .selection h3 {
  margin-bottom: 0px;
}
.topHeader p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 20px;
  color: #7f7f88;
  line-height: 30px;
}
.topHeader li {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
}
#bodyArticle .topHeader li .fa {
  margin-right: 0px;
}
.topHeader li:last-of-type {
  margin-bottom: 40px;
}
.modal-big {
  max-width: 666px;
  /*duivels breed*/
}
.modal-small {
  max-width: 416px;
}
@media (min-width: 1200px) {
  .logo {
    position: absolute;
    top: -10px;
  }
}

@media (min-width: 768px) {
  .logo {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) {
  .pull-right-md {
    float: right !important;
  }
  .nopadding-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .table-bordered {
    border-top: 3px solid #f2f2f2;
  }
}
@media (min-width: 768px) {
  #klantenservice_contact .row .col-centered > div > div .btn.btn-default {
    width: auto;
  }
  .nopadding-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #klantenservice #Answer {
    margin-top: 30px;
  }
  .text-center-md {
    text-align: center;
  }
  section.topHeader {
    padding-bottom: 0px !important;
    padding-top: 25px;
  }
  section.topHeader .btn {
    margin-bottom: 30px;
  }
  section.topHeader .row div img {
    position: relative;
  }
  section.contentheader {
    margin-top: 40px;
  }
  #bodyAside {
    margin-top: 0px;
  }
  .table:not(.full) {
    width: 0;
  }
  .table.big,
  .table.resp {
    width: 100%;
  }
  table.big td {
    white-space: normal !important;
  }
  #mainMenu .navbar-nav > li {
    height: 40px;
  }
  #mainMenu .navbar-nav > li > a {
    height: 40px;
    padding-top: 10px;
    padding-bottom: 0;
  }
  #mainMenu .navbar-nav > li > a {
    padding: 10px 30px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
  }
  #mainMenu .navbar-nav.right > li > a {
    padding: 10px 20px;
  }
  #mainMenu .navbar-nav.right > li:last-of-type {
    margin-left: 20px;
  }
  #mainMenu .btn.btn-default {
    height: 24px !important;
    line-height: 17px !important;
    padding-top: 3px !important;
    padding-bottom: 0 !important;
    box-shadow: inset #728826 0 -3px;
  }
  #mainMenu .nav li > a:hover,
  #mainMenu .nav li > a:focus {
    color: #FFF !important;
  }
  .subNavigation {
    box-shadow: 0 4px 2px -2px #efefef;
    height: 110px;
    padding-top: 20px;
  }
  .subNavigation #subMenu {
    padding-top: 10px;
  }
  .blocks {
    display: table;
    height: 225px;
    margin: auto;
  }
  .block {
    width: auto;
    color: #FFF;
    display: inline-block;
    background-color: #f5f5f7;
    margin-left: 1px;
    position: relative;
    padding: 15px 15px 35px 20px;
    float: none;
    vertical-align: bottom;
    text-align: center;
  }
  .block.small {
    height: auto;
    width: 200px;
  }
  .block.big {
    height: auto;
    width: 240px;
  }
  .block.round {
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
  }
  .block.small .oldprice {
    top: 10px;
  }
  .block .oldprice {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: left;
  }
  .block.big .price {
    margin-top: -20px;
  }
  .block .price .euro {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 36px;
  }
  .block .price .amount {
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 54px;
  }
  .block.big .price .amount {
    font-size: 74px;
    margin-top: -20px;
  }
  .block .info {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 6px;
  }
  .block .blockButton {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .block .blockButton .btn.btn-default {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 18px;
    height: 44px;
    line-height: 32px;
  }
  #prices.align-center {
    background-size: cover;
    background-position: 50% 100% !important;
    background-repeat: no-repeat !important;
  }
  #prices:not(.align-center) {
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
  }
  #prices .block:nth-child(1) {
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
  }
  #prices .block.small {
    margin-right: -3px;
  }
  #prices .block.big {
    margin-right: -4px;
  }
  .block:nth-child(2) {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
  }
  .block:nth-child(3) {
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
  }
  .pricesFooter {
    margin-bottom: -20px;
  }
  .pricesFooter span {
    border-bottom: solid 2px #9cbb2a;
    text-transform: uppercase;
    display: inline-block;
  }
  #prices {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    margin-top: 18px;
  }
  #prices .text-center-md {
    margin-top: 18px;
  }
  #combine {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #footer ul.footer-nav li {
    display: inline-block;
    padding-right: 20px;
  }
  #footer .col-2 {
    margin-top: 10px;
  }
  #mobileInternetPrice {
    margin: 40px 0 40px 0;
  }
  .contentblock:not(.header) .container {
    padding: 30px 0;
  }
  section:not(#bodyNav) {
    padding-bottom: 50px;
  }
  .pull-right-sm {
    float: right;
  }
  .nopadding-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #RatesTable {
    padding: 60px 0px 80px 0px !important;
  }
  #klantenserviceWIDE,
  #klantenservice,
  #RatesTable,
  #steps,
  #combine {
    background-image: -ms-linear-gradient(bottom, #ffffff 40%, #f3f3f3 100%);
    background-image: -moz-linear-gradient(bottom, #ffffff 40%, #f3f3f3 100%);
    background-image: -o-linear-gradient(bottom, #ffffff 40%, #f3f3f3 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #f3f3f3));
    background-image: -webkit-linear-gradient(bottom, #ffffff 40%, #f3f3f3 100%);
    background-image: linear-gradient(to top, #ffffff 40%, #f3f3f3 100%);
    background-size: 33%;
    background-repeat: repeat-x;
  }
  .sitemaps {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #bodyArticle .sitemaps h3 {
    margin-bottom: 5px;
  }
  #bodyArticleHeader {
    padding-top: 10px;
  }
  #bodyArticleHeader .breadcrumbs {
    margin-top: -50px;
  }
  .sitemaps li a {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    margin-left: -2px;
  }
  #prices h1 {
    font-size: 64px;
    margin-bottom: 0px;
    line-height: 96%;
    margin-top: 0px;
  }
  #prices h2 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
  }
  #selection > div:first-child .row:last-child > div > div > div:last-child {
    /* margin-top:10px;*/
    /* CB 30-06-15 ditt geeft de laatste looptijd ook een margin-top */
  }
  .order h1 {
    margin: 0px 0px 20px 0px;
  }
  .link:after {
    content: "\e603";
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    right: 10px;
    top: 3px;
  }
  .triple .select2 {
    min-width: 30% !important;
    max-width: 30% !important;
  }
  .form-group .select2 {
    margin-right: 12px;
  }
}
/*#selection > div:first-child .row:last-child{
      border-top: 2px solid #f5f5f7;
}*/
#prices h2 {
  color: #791c59 !important;
  font-size: 20px;
}
.purple:not(.button) {
  color: #791c59 !important;
}
.green:not(.button) {
  color: #9cbb2a !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.textboxField {
  min-width: 245px;
}
.form-control {
  height: 48px;
  padding-left: 20px;
  box-shadow: inset 0 0 2px 2px #f2f2f2;
  background: #fff;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  color: #434350;
  margin-bottom: -6px;
}
.back {
  margin-left: -35px;
}
.form-group .select2:last-of-type {
  margin-right: 0px;
}
.form-control.text {
  height: 48px;
  padding-left: 20px;
  box-shadow: inset 0 0 2px 2px #f2f2f2;
  background: #fff;
}
.subform-group .select2 {
  margin-top: -10px;
}
.form-control.text + .icon,
.icon + .icon {
  position: absolute !important;
  top: 5px !important;
  right: 10px !important;
  color: #7f7f88 !important;
  font-size: 40px !important;
  margin-top: 0 !important;
}
.headImage {
  position: absolute;
  right: 0;
}
#prices {
  color: #791c59;
}
.calenderHolder {
  position: relative;
  bottom: 0;
  top: 40px;
}
#calendar {
  width: 150px;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 400;
}
#calendar .body p {
  color: #FFF !important;
}
#calendar p {
  color: #791c59;
  font-size: 14px;
  margin-bottom: 6px;
}
#calendar .calendar {
  width: 86px;
  background-color: #791c59;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border-top: 1px solid #791c59;
}
#calendar .calendar .head {
  display: block;
  min-height: 15px !important;
  height: 15px !important;
  border-bottom: 2px solid #FFF;
}
#calendar .calendar .body {
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  height: 63px;
  margin-bottom: 10px;
}
#calendar .calendar .body .days {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 40px;
  margin-top: -8px;
  margin-bottom: -130px;
  display: inline-block;
}
#calendar .footer p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.fa-sliders {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
#combine h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 28px;
  color: #791c59;
}
#combine .selection .block {
  padding: 7px 30px 70px 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 300px;
  border-radius: 4px;
}
#combine .selection h2 {
  color: #FFF;
}
#combine .selection label {
  text-align: left !important;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  display: block;
  margin: 5px 0 10px 0;
}
#combine .selection .select2 {
  text-align: left !important;
  /*height: 28px !important;*/
  margin-bottom: 14px;
}
#combine .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #791c59 transparent transparent transparent !important;
  display: none;
}
#combine .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #791c59 transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px !important;
}
.select2-selection {
  height: 38px !important;
  background-color: #F2F2F2 !important;
  text-align: left;
  padding-top: 3px;
  /*box-shadow: rgba(215,220,223,0.5) 0 1px;*/
}
.poedel {
  position: relative;
  bottom: -70px;
  left: -180px;
  z-index: 1;
}
#contentBlock div.options div.option,
#contentBlock div.options {
  /*display:flex!important;*/
}
#contentBlock div.options div.option div {
  width: 100%;
}
.options .option .icon .fa {
  position: relative;
  left: -28px;
  top: -23px;
}
.options .fa {
  color: #9cbb2a;
  font-size: 90px !important;
}
.options a .fa {
  color: #9cbb2a;
  font-size: 20px !important;
  font-weight: 800;
  vertical-align: sub;
}
.options {
  padding-top: 10px;
}
.options .option {
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 25px;
}
.options .option span p {
  line-height: 20px;
  font-family: 'Open Sans';
}
.options .option .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.option .detail {
  font-size: 18px;
  font-weight: 400;
}
.options .option a {
  color: #9cbb2a;
  font-size: 16px;
  font-weight: 400;
}
.contentblock .options .fa {
  margin-bottom: 10px;
}
.contentblock .options .option div {
  height: inherit;
  background-color: #f5f5f7;
  padding: 30px 0;
  vertical-align: bottom;
  float: none;
}
#combine .block {
  margin-bottom: 40px;
}
#combine .combine_total div {
  position: relative;
}
#combine .combine_total {
  text-align: center;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
  background-color: #88a820 !important;
  border-radius: 4px;
}
#combine .combine_total p {
  margin-bottom: 0;
  font-size: 14px;
}
#combine .combine_total .combine_price .euro {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 36px;
}
#combine .combine_total .combine_price .amount {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 40px;
}
#combine .textra p {
  color: #7f7f88;
  font-size: 14px;
}
#videos {
  background-color: #97be0d;
  margin: 20px 0 0 0;
  padding: 30px 0 30px 0;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #FFF;
}
#videos h2 {
  color: #FFF;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 38px;
}
#videos .videoBody {
  margin-top: 40px;
  padding-bottom: 20px;
}
.contentblock_img {
  padding-right: 25px !important;
}
#videos .videoBody .video video,
.contentblock_img video {
  width: 100% !important;
  height: auto !important;
}
#videos .videoBody .video p {
  color: #FFF !important;
  margin: 20px 0px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
#footer {
  background-color: #f5f5f7;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  padding: 20px 0 10px 0;
  margin-bottom: 20px;
}
#footB #footer {
  padding-bottom: 0px;
}
#footB #footer {
  vertical-align: baseline;
  position: relative;
}
#footB #footer .btn.btn-default {
  margin-top: 5px;
}
#footB #footer h3 {
  margin-top: 15px !important;
}
#footer h3 {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 18px;
  color: #791c59;
  text-align: left;
  margin-top: 10px !important;
  margin-bottom: 20px;
}
#footer .footerbottom h3 {
  text-align: right;
}
#foot h2 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 24px;
  color: #791c59;
}
#footer ul {
  padding: 0;
  list-style: none !important;
}
#footer ul li {
  line-height: 24px;
}
#footer ul li a {
  color: #434350;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
#footer ul li a:hover {
  text-decoration: underline !important;
}
#footer .link-icon {
  /*background-color: @PurpleLight;*/
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  text-align: center;
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
  margin-right: auto;
}
#footer .link-icon a {
  color: #FFF;
  background-color: #791c59;
  font-size: 28px;
  width: 100%;
  height: 100%;
  display: block;
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  padding: 5px;
}
#footer .link-icon a:hover {
  color: #570037;
  text-decoration: none;
}
#footer .fa {
  color: #FFF !important;
}
#footer div .row {
  padding: 10px 0 !important;
}
#footer div .row.linkbox {
  border-bottom: 1px solid #c9c8cd;
  margin: 0 0 20px 0;
}
#footer div .row.linkbox > div {
  padding-top: 0px;
  padding-bottom: 30px;
  padding-right: 55px;
  margin-top: -5px;
}
#footer div .row.linkbox > div:first-child {
  padding-right: 0px;
  margin-top: 10px;
}
#mobileInternetPrice h1 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 44px;
}
hr {
  border: none;
  height: 3px;
  color: #f2f2f2;
  background-color: #f2f2f2;
}
.contentblock h2 {
  color: #9cbb2a;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 34px;
  margin-top: 0;
  margin-bottom: 15px;
}
.contentblock p a {
  color: #570037;
  line-height: 21px;
  text-decoration: underline;
  vertical-align: baseline;
}
.contentblock .options .option {
  margin-left: 0px;
}
.contentblock .options .option div {
  border-radius: 4px;
}
.contentblock .options .option .detail {
  font-size: 16px;
  margin-bottom: 30px;
}
.contentblock .options .option p {
  margin-bottom: 0px;
}
.contentblock .options .fa {
  font-size: 50px !important;
  padding-bottom: 15px;
}
.contentblock .container {
  width: 100%;
}
.contentblock.header {
  padding-top: 88px;
  background-image: -ms-linear-gradient(bottom, #ffffff 75%, #f3f3f3 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 75%, #f3f3f3 100%);
  background-image: -o-linear-gradient(bottom, #ffffff 75%, #f3f3f3 100%);
  /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(@startPercentage, @startColor), color-stop(1, @endColor));*/
  background-image: -webkit-linear-gradient(bottom, #ffffff 75%, #f3f3f3 100%);
  background-image: linear-gradient(to top, #ffffff 75%, #f3f3f3 100%);
}
.contentblock_text p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #434350;
  line-height: 21px;
  margin-bottom: 30px;
}
.contentblock.footer {
  padding-bottom: 10px;
}
.contentblock:not(.footer) .container {
  border-bottom: 3px solid #F2F2F2;
}
.contentblock_img {
  width: 50%;
}
.contentblock_img img {
  margin: auto;
}
.contentblock_img.right {
  margin-left: 25px;
}
.contentblock_img.left {
  margin-right: 25px !important;
}
@media (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-justify-xs {
    text-align: justify;
  }
  .nopadding-xs {
    padding-left: 0;
    padding-right: 0;
  }
  .borders {
    border: none;
    border-radius: 4px;
    margin-left: 0px;
    margin-top: 25px;
  }
  #bodyArticle .borders h2 {
    margin-left: 20px !important;
    padding: 10px 0px !important;
    padding-bottom: 20px;
    border-bottom: solid 3px #f2f2f2 !important;
  }
  #optionsBus .borders h2 {
    margin-left: 25px !important;
  }
  #bodyArticle .borders hr {
    display: none !important;
  }
  #bodyArticle .borders a.remove {
    margin-right: 0px;
    margin-top: 15px;
  }
  #bodyArticle .borders .down,
  #bodyArticle .borders .up {
    color: #7f7f89 !important;
    float: right;
    margin-right: 0px;
    margin-top: 12px;
    font-size: 240% !important;
  }
  .subform-group .select2 {
    margin-top: 0px;
  }
  .form-horizontal .puller {
    margin-right: 0px !important;
  }
  .form-horizontal .btn.btn-default.green,
  .form-horizontal .btn.btn-default.purple {
    width: 100%;
  }
  #combine .selection label {
    text-align: center !important;
  }
  .select2-container {
    display: none !important;
  }
  .select2-hidden-accessible {
    width: 100% !important;
    height: 40px !important;
    clip: auto !important;
    position: static !important;
    border: solid 1px #ccc !important;
    border-radius: 4px;
    padding: 0 10px !important;
    margin: 0 0 10px 0 !important;
    box-shadow: inset 0 0 2px 2px #f2f2f2;
    color: initial;
    /*anders werd deze op de homepage niet goed getoond*/
    background-color: #fff;
    /*Om andoid chrome was de achtergrond grijs, dit kwam door default styling*/
  }
  .ratesColumnFour .table-bordered.resp > tbody > tr > td {
    padding: 6px 10px 26px 55% !important;
  }
  .table-bordered.resp > tbody > tr > td {
    padding: 6px 10px 26px 0 !important;
  }
  .table-bordered.resp > tbody > tr > td:before {
    white-space: pre-wrap;
  }
  .subNavigation .navbar-nav {
    margin-top: 0px;
  }
}
.breadcrumbs {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 12px;
  color: #C9C8CD;
  padding-top: 7px;
  margin-left: -10px;
}
.breadcrumbs ul {
  list-style: none;
  padding: 0;
}
.breadcrumbs ul li {
  display: inline;
  padding-left: 5px;
}
.breadcrumbs ul li .fa,
.breadcrumbs ul li a {
  color: #c9c8cd !important;
}
.breadcrumbs ul li a.active {
  color: #808088;
}
/*styles 2*/
#horizontal-style {
  background-color: #f5f5f7;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f5f5f7;
  display: table;
  width: 100%;
  padding: 11px;
  margin: 0 0px 23px 0px;
}
#horizontal-style li {
  display: table-cell;
  text-align: center;
  width: 25%;
}
#horizontal-style a {
  display: inline;
  text-align: center;
  color: #7f7f88;
  vertical-align: sub;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 18px;
}
#horizontal-style a:hover {
  color: #9cbb2a;
}
#horizontal-style a.noHover:hover {
  color: #7f7f88;
}
#horizontal-style a.visited {
  color: #791c59;
  font-weight: 600;
}
#horizontal-style a.active {
  color: #791c59;
  font-weight: 800;
}
#order_navigation .order-nav .fa {
  font-size: 32px;
  padding: 0 10px;
  margin-top: -2px;
  float: right;
  color: #c6c6cb;
}
#allRates p {
  margin-bottom: 30px;
}
#allRates li {
  margin-bottom: 2px;
  line-height: 21px;
  list-style-type: none !important;
  margin-left: 0px !important;
}
#allRates li a {
  margin-left: -3px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
#Rates h4 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 20px;
}
p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #434350;
}
.generic p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
.generic .block {
  width: 264px;
  height: 200px;
  border-radius: 4px;
  /*margin-top: -20px;*/
}
.generic .block p {
  line-height: 10px;
  font-size: 14px;
}
.contentblock.generic .container {
  padding: 0px;
}
#finishHeader h1 {
  margin-top: 36px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 62px;
}
#finishHeader h2 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 62px;
  line-height: 62px;
}
#ratesHeader h1 {
  margin-bottom: 30px;
}
#ratesHeader p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 20px;
  color: #434350;
}
#ratesHeader .btn.btn-default {
  height: 40px;
  line-height: 28px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
}
#steps {
  padding: 35px;
}
#steps h2 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 30px;
  color: #a0bf35;
  margin-bottom: 20px;
}
#bodyArticle #steps h3 {
  margin-bottom: 15px;
  display: inline-block;
}
#bodyArticle #steps p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
}
#bodyArticle #steps a {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
}
#bodyArticle #steps .fa {
  margin-top: 0px;
  margin-right: -10px;
  display: inline-block;
}
.yourBlock {
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 3px 10px;
  /*display: inline-block;*/
}
.yourBlock .total {
  margin-bottom: -30px !important;
}
.yourBlock.big {
  padding: 30px 10px 20px 15px;
}
#btnHlp .btn.btn-default {
  width: 286px;
  padding-left: 20px;
  padding-right: 20px;
}
#paymentMethod .yourBlock.big {
  padding: 0px 10px 40px 15px;
}
#info .yourBlock h3,
#paymentmethod .yourBlock h3 {
  margin: 0px 0px 25px 0px;
  display: inline-block;
}
#abonnement .yourBlock h3 {
  margin: 0px 0px 10px 0px;
  display: inline-block;
}
#info .yourBlock h5 {
  font-weight: bold;
}
#info .yourBlock {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #434350;
  line-height: 10px;
  padding-bottom: 20px;
}
.form h3 {
  text-align: left;
}
h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 20px;
  /* Approximation due to font substitution */
  color: #434350;
  text-align: center;
}
.yourBlock div span a {
  color: #791c59;
  text-decoration: underline;
}
.yourBlock div span a:hover,
.yourBlock div span a:focus {
  text-decoration: none;
}
.yourBlock h3 {
  color: #791c59 !important;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 18px;
}
.yourBlock .item:first-of-type {
  margin-top: 10px;
}
.yourBlock .itemS:first-of-type {
  margin-top: 0px;
}
.yourBlock .itemS {
  margin-top: -15px;
  padding: 0px 10px;
}
.yourBlock .item {
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  padding: 0px 10px;
}
.yourBlock .item span,
.yourBlock .item span:first-of-type {
  float: left;
  color: #434350;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 12px;
}
.yourBlock .item span:last-of-type {
  float: right;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
  color: #791c59;
}
.yourBlock .item.highlight {
  background-color: #9cbb2a;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px 0px;
}
.yourBlock .item.highlight span {
  color: #ffffff;
}
.yourBlock .item.sep hr {
  background-color: #FFF;
  height: 3px;
  border: 0;
  margin: 15px -20px 24px -20px;
}
.yourBlock .item.total {
  margin-bottom: 0!important;
}
.yourBlock .item.total span {
  color: #791c59 !important;
  font-size: 13px;
  position: relative;
  vertical-align: baseline;
  top: 0.2em;
}
.yourBlock .item.total span:nth-child(2) {
  font-size: 36px;
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 40px;
  position: relative;
  vertical-align: baseline;
  top: -0.6em;
}
.yourBlock .item.total span:nth-child(2) em {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 36px;
  font-style: normal;
}
.yourBlock .btn.btn-default {
  height: 45px;
  font-family: 'Open Sans';
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  font-size: 18px;
}
.yourBlock .btn.btn-default.small {
  height: 21px;
  font-family: 'Open Sans';
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  background: #ffffff;
  color: #807f87;
  font-size: 12px;
  padding: 0px 20px;
  float: right;
  margin-top: 10px;
}
#good {
  margin-bottom: -30px;
}
#good h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
#good .row {
  padding-bottom: 15px;
  margin: 0px;
  line-height: 30px;
}
#good .row span {
  color: #9cbb2a;
  padding-right: 0px;
  margin-top: 2px;
  font-size: 22px;
  vertical-align: sub;
}
.sitemaps ul {
  margin-top: 10px;
}
.sitemaps li {
  margin-bottom: 5px;
}
#help h3 {
  font-size: 20px;
}
#help .row {
  margin: 0px;
}
#help .row .details {
  padding: 25px;
  background-color: #f5f5f7;
  border: 1px solid #f5f5f7;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#help .phone {
  color: #9cbb2a;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
}
#help p {
  color: #7f7f88;
  font-size: 14px;
}
#bodyArticle h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 20px;
  color: #434350;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: left;
}
#bodyArticle .selector:not(:first-of-type) {
  margin-top: 15px;
}
#bodyArticle .selector {
  padding-left: 0px;
}
#bodyArticle .zakelijk .selector {
  padding-left: 35px;
}
#bodyArticle a.fa-info-circle {
  text-decoration: none !important;
}
#bodyArticle .selector:last-of-type {
  margin-bottom: 22px;
  /*CB 30-06-2015 dit geeft de looptijd row ook een padding..margin-bottom misschien deze naar lastchild  */
}
#bodyArticle .fa {
  color: #9cbb2a;
  font-size: 20px;
  margin-top: 6px;
  margin-right: 5px;
  margin-left: -3px;
  /*vertical-align: sub;*/
}
#bodyArticle .fa:hover {
  text-decoration: none;
}
#bodyArticle .selector .selector-options {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-top: 15px;
}
#bodyArticle .selector.small .selector-options div:first-of-type .selector-option .selector-item {
  -moz-border-radius: 4px 0px 0px 4px !important;
  -webkit-border-radius: 4px 0px 0px 4px !important;
  border-radius: 4px 0px 0px 4px !important;
  border-right: solid 2px #c9c8cd;
}
#bodyArticle .selector.small .selector-options div .selector-option .selector-item {
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  border-right: solid 2px #c9c8cd;
}
#bodyArticle .selector.small .selector-options div:last-of-type .selector-option .selector-item {
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  border-right: none;
}
#bodyArticle .selector .selector-options div.selector-item:last-of-type {
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
#bodyArticle .selector.big .selector-options div:last-of-type .selector-item,
#bodyArticle .selector.big .selector-options div:last-of-type {
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
#bodyArticle .selector .selector-options div.selector-option {
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: 100%;
  background-color: #f5f5f7;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
#bodyArticle .selector .selector-options div.selector-option.disabled {
  opacity: 0.3;
  pointer-events: none;
}
#bodyArticle .selector.big .selector-options div:not(.chosen) {
  padding-right: 3px;
  height: 102px;
}
#bodyArticle .selector .selector-options div:not(.chosen) {
  font-weight: 800;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 25px;
  height: 52px;
}

#bodyArticle .selector .selector-options .selector-item {
  padding: 0 15px;
}

#bodyArticle .selector .selector-options div .selector-item {
  color: #434350;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  text-decoration: none;
}
#bodyArticle .selector .selector-options div .selector-item span {
  padding-bottom: 5px;
}
#bodyArticle .selector .selector-options div .euro {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  color: #791c59 !important;
  font-family: 'Open Sans' !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}
#bodyArticle .selector .selector-options div .euro::first-letter {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}
#bodyArticle .selector .selector-options div .selector-item.active .euro {
  position: absolute;
  height: 39px;
  top: 77px;
  width: 83px;
  background-image: url('../images/priceBall.png') !important;
  background-position: 0px 39px !important;
  margin: auto;
  color: #FFF !important;
  padding-top: 15px;
}
#bodyArticle .selector .selector-options div .selector-item:hover {
  cursor: pointer;
}
#bodyArticle .selector .selector-options div .selector-item:not(.active):hover span:not(.euro),
#bodyArticle .selector .selector-options div .selector-item:not(.active):hover {
  color: #9cbb2a !important;
}
#bodyArticle .selector.big .selector-options div .selector-item {
  padding: 28px 0;
  line-height: 15px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#bodyArticle .selector .selector-options div .selector-item.active {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #9cbb2a;
  color: #FFF;
}
#bodyArticle .selector .chosen {
  background-color: #ffd91c !important;
  box-shadow: none;
  color: #791c59 !important;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 11px;
  -moz-border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  z-index: 1;
  position: absolute;
  top: -11px;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  width: 90%;
  left: 0;
  right: 0;
  padding: 0px 4px;
}
#bodyArticle .selector.big .selector-item span:first-of-type {
  font-size: 16px;
  color: #434350;
}
#bodyArticle .selector.big .selector-item span:nth-of-type(2) {
  font-weight: normal;
  color: #434350;
}
#bodyArticle .selector.big .selector-item span {
  font-size: 14px;
  color: #7f7f88;
  display: block;
  padding-bottom: 10px;
}
#bodyArticle .selector.big .selector-item.active span {
  color: #FFF;
}
/*FORM*/
.form {
  border-bottom: 3px solid #f5f5f7;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0px 0px 10px 0px;
}
.form:last-child {
  border-bottom: none;
}
.form:not(:first-child) {
  margin-top: 15px;
}
.form h3 {
  width: auto;
  display: block !important;
}
.form p {
  color: #7f7f88;
}
.subtext,
.radio label,
.form .form-group label {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  color: #7f7f88 !important;
  margin-bottom: -2px;
}
.radio label span:not(.subtext),
.form .form-group label span:not(.subtext) {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  color: #434350 !important;
}
#paymentMethod .radio label {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 12px;
  color: #434350 !important;
  margin-bottom: -2px;
  margin-top: 4px;
}
#paymentMethod .radio label span {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #434350 !important;
  margin-bottom: 5px;
}
.radio {
  padding-left: 10px;
  padding-right: 10px;
}
#paymentMethod .radio {
  margin-top: 15px;
  margin-left: -8px;
}
#paymentFooter .row {
  margin: 0px;
}
#paymentFooter input[type=checkbox] {
  float: left;
  width: 20px;
  margin-bottom: 40px;
}
#paymentFooter label span {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
#paymentFooter .btn.btn-default {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  height: 44px;
  line-height: 32px;
}
.radio.active {
  border-radius: 5px;
  width: 100%;
  background: #ffffff;
  margin: 5px -20px -10px -20px;
  padding: 10px 10px 10px 15px;
}
.form .form-group input[type=radio],
.form .form-group input[type=checkbox] {
  margin-right: 5px;
}
.select,
.select {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 100%;
}
.selectSmall {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: auto;
}
.select select,
.selectSmall select {
  display: inline-block;
  border: none;
  padding: 4px 22px 3px 5px;
  height: 38px;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #f2f2f2;
  width: 100%;
  font-size: 14px;
  box-shadow: none;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  border-radius: 4px;
  color: #434350;
  -moz-appearance: none;
  /* remove the strong OSX influence from Webkit */
  font-family: 'Open Sans';
}
.selectSmall select {
  width: auto;
}
.selectSmall select::-ms-expand,
.select select::-ms-expand {
  display: none;
}
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .select select {
    padding-right: 30px;
  }
}
/* Since we removed the default focus styles, we have to add our own */
.select select:focus {
  -webkit-box-shadow: 0 0 3px 1px #c00;
  -moz-box-shadow: 0 0 3px 1px #c00;
  box-shadow: 0 0 3px 1px #c00;
}
/* Select arrow styling */
.selectSmall:after,
.select:after {
  content: "▼";
  position: absolute;
  top: 5px;
  right: 4px;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  color: #000;
  pointer-events: none;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.no-pointer-events .select:after {
  content: none;
}
.radio label span {
  display: block;
}
.form .chbox label:nth-child(2) {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  color: #791c59 !important;
}
.form-horizontal {
  padding-top: 19px;
  padding-bottom: 15px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.form-horizontal .purple:not(.button) {
  text-decoration: underline;
}
.form-horizontal .puller {
  margin-right: 32px;
}
.form-horizontal .btn.btn-default {
  margin-top: 15px;
  height: 45px;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  line-height: 32px;
  text-decoration: none;
}
.form-horizontal .control-label {
  text-align: left;
  color: #7f7f88;
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.form-horizontal .control-label.in {
  margin-left: 10px;
  margin-top: -10px;
  margin-right: -20px;
}
.form-horizontal .radio-inline {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #434350;
}
.form-horizontal .form-block {
  border: 3px solid #f5f5f7;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding: 20px 20px 10px 20px;
  margin-left: 25px;
  margin-right: 0;
}
#customerService {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-flow: wrap row;
  width: 100%;
  margin: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
}
.service {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-flow: wrap row;
}
.faq-list {
  border: 3px solid #f2f2f2;
  padding: 10px 20px 0px 20px;
  margin-top: 15px;
  width: 100%;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background-color: #FFF;
}
.faq-list.active {
  border-color: #9cbb2a !important;
}
#bodyArticle .faq-list h3 {
  color: #9cbb2a !important;
  margin-bottom: 0px;
}
.faq-list.empty {
  background-color: #f5f5f7 !important;
  border-color: #f5f5f7 !important;
  display: flex !important;
  display: -webkit-flex;
  align-items: center !important;
  min-height: 125px;
}
.faq-list.empty.disabled {
  opacity: 0.5;
}
.form-horizontal .form-block h3 {
  color: #791c59 !important;
}
.select2-container--default .select2-selection--single {
  border: none !important;
  box-shadow: inset #c9c8cd 0 -3px;
}
.select2-container--default .select2-selection--single:focus {
  border: none !important;
}
.select2-dropdown {
  background-color: transparent !important;
}
.select2-results__options {
  margin-top: 5px;
  border-radius: 0 0 4px 4px;
}
.select2-results__option {
  color: #434350;
  background-color: #f5f5f7;
}
.select2-results__option:not(:last-of-type) {
  border-bottom: 1px solid #c9c8cd;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #f5f5f7 !important;
}
.select2-container--default .select2-results__option:hover {
  background-color: #c9c8cd !important;
}
.select2-container--default .select2-results__option[aria-selected='false'] {
  color: #434350 !important;
}
.select2-container--default .select2-results__option[aria-selected='true'],
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection__rendered {
  color: #791c59 !important;
}
.select2:active,
.select2:focus {
  border: none !important;
}
.doc {
  float: none;
  display: inline-flex !important;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  display: -webkit-inline-flex;
  -webkit-flex-flow: wrap row;
}
.sub {
  float: none;
  display: inline-flex;
  display: -webkit-inline-flex;
  -webkit-flex-flow: wrap row;
}
.subcontainer {
  background-color: #f5f7e9;
  -moz-background-clip: content-box;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  border-radius: 4px;
  position: relative;
}
a {
  color: #434350;
  vertical-align: text-bottom;
  font-family: 'Open Sans';
}
#bodyArticle p a {
  color: #8a004d;
  font-family: 'Open Sans';
  vertical-align: baseline;
  text-decoration: underline;
}
.select2-search {
  display: none;
}
#sideNav {
  margin-top: 22px;
}
#sideNav .btn-list li {
  height: 53px;
}
#sideNav .btn-list li a.btn {
  min-height: 53px;
  line-height: 22px !important;
  height: auto;
  white-space: normal;
  margin-bottom: 0px;
  padding: 14px 40px 15px 20px;
  box-sizing: border-box;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 15px;
}
#sideNav .btn-list li a.link:after {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#sideNav .btn-list li a.active.link:after {
  color: #ffffff;
}
#steps a .fa {
  padding-right: 10px;
}
#steps .row > div > div {
  padding-top: 25px;
  padding-bottom: 25px;
}
.link:after {
  content: "\e603";
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  right: 10px;
  top: 6px;
}
.button.link.active:after {
  color: #FFF;
}
.download .fa {
  color: #FFF !important;
  margin-left: 10px !important;
  vertical-align: sub;
}
#bodyArticle .download .btn.btn-default {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 15px;
  padding-right: 50px;
  padding-left: 25px;
  position: relative;
  text-decoration: none;
  text-decoration: none !important;
}
#bodyArticle .download .btn.btn-default .fa {
  font-size: 26px;
  position: absolute;
  right: 10px;
  vertical-align: baseline;
  margin: 0;
}
h1 + p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #434350;
  line-height: 22px;
}
.line {
  border-bottom: 2px solid #f5f5f7;
}
.btn-list .btn.btn-default {
  margin-top: 5px;
}
.btn.btn-default {
  height: 45px;
  line-height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  border: none;
  background-color: #f2f2f2;
  box-shadow: none;
  text-decoration: none !important;
  color: #434350;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
.btn.btn-default.big {
  height: 45px;
  line-height: 32px;
  text-decoration: none !important;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 18px;
}
.btn.btn-default:hover {
  text-decoration: none;
  color: #7f7f88;
}
.btn.btn-default:active {
  box-shadow: none;
  text-decoration: none;
  color: #7f7f88;
}
.tab .btn-group .btn.btn-default.active,
.btn.btn-default.link.active,
.btn.btn-default.green {
  border: none;
  text-decoration: none !important;
  background-color: #9cbb2a !important;
  box-shadow: none;
  color: #FFF !important;
  font-weight: bold;
}
.tab .btn-group .btn.btn-default.active {
  box-shadow: none;
}
.btn.btn-default.link.active:hover,
.btn.btn-default.green:hover {
  background-color: #add90f !important;
  text-decoration: none;
}
.btn.btn-default.link.active:active,
.btn.btn-default.green:active {
  background-color: #9cbb2a !important;
  box-shadow: none;
  text-decoration: none;
}
.btn.btn-default.purple {
  border: none;
  background-color: #791c59;
  box-shadow: none !important;
  color: #FFF !important;
  text-decoration: none !important;
  font-weight: bold;
}
.btn.btn-default.purple:focus,
.btn.btn-default.purple:hover {
  background-color: #b00061 !important;
  text-decoration: none;
}
.btn.btn-default.purple:active {
  box-shadow: none;
}
.btn.btn-default.white {
  border: 1px solid #CCC;
  margin-top: 0px;
  height: 48px;
  min-height: 48px !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #FFF;
  box-shadow: none;
  color: #000 !important;
  text-decoration: none !important;
}
.btn.btn-default.white:focus,
.btn.btn-default.white:hover {
  background-color: #FFF !important;
  text-decoration: none;
}
.btn.btn-default.white:active {
  box-shadow: none;
}
.btn.btn-default.calendar {
  padding: 5px 10px;
  box-shadow: none !important;
  border: 2px solid #FFF;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  display: inline-block !important;
}
.tableNote {
  margin-bottom: 20px;
  color: #7f7f88;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 12px;
}
table + p.tableNote {
  margin-top: -25px;
}
.note {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #7f7f88;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 12px;
  background: #f2f2f2;
  padding: 20px;
}
.table-bordered {
  margin-bottom: 30px;
  width: 100%;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-width: 3px;
  border-color: #f2f2f2;
}
.table-bordered > thead > tr > th {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
}
.table-bordered > thead > tr > th {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
}
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th {
  color: #791c59;
  padding: 15px;
}
.table-bordered > thead > tr > th {
  white-space: nowrap;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  padding: 10px 15px;
}
.table-bordered > tbody > tr > th {
  color: #434350;
  white-space: nowrap;
}
.table-bordered.resp > tbody > tr > th {
  white-space: normal;
}
.table-bordered > tbody > tr > td {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
}
/*.table-block {
    margin: 20px 0;
}*/
.ratesColumnFour {
  padding-bottom: 0!important;
}
.ratesColumnFour:last-of-type .table-block:last-of-type {
  padding-bottom: 40px;
}
.table-block p {
  margin-bottom: 30px;
}
.tab {
  padding: 15px 0 25px 0 !important;
}
.tab .btn-group .btn.btn-default {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
  height: 40px;
  padding-top: 10px;
  text-decoration: none !important;
}
.tab .btn-group .btn.btn-default:not(:last-of-type) {
  border-right: 2px solid #c9c8cd;
  margin-right: 1px;
}
.table-bordered.big > tbody > tr > th {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 20px;
  color: #791c59;
  vertical-align: middle;
  white-space: nowrap;
}
.table-bordered.big > tbody > tr > td {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: #434350;
  text-align: left;
  vertical-align: middle;
}
.table-bordered.big > tbody > tr > th,
.table-bordered.big > tbody > tr > td {
  padding: 25px;
}
.table-bordered.big > tbody > tr > td > .btn.btn-default {
  height: 40px;
  line-height: 31px;
  font-family: 'Open Sans' !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}
.list-group {
  margin-top: 20px;
}
.list-group-item {
  border: none !important;
  border-top: 3px solid #f2f2f2 !important;
  padding: 9px 3px !important;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
.list-group-item:hover {
  cursor: pointer;
  background: #9cbb2a !important;
  color: #ffffff !important;
  margin-left: -10px;
  position: relative;
  border-top: none !important;
  padding-left: 13px !important;
  border-top: 3px solid #9cbb2a !important;
}
.list-group-item:hover + a,
.list-group-item.active + a {
  border-top: solid 3px #9cbb2a !important;
  margin-left: -10px;
  padding-left: 13px !important;
}
.list-group-item:hover + a span {
  padding-left: 3px !important;
}
.list-group-item:last-child {
  border-bottom: none;
}
.list-group-item.link:after {
  color: #9cbb2a;
}
.list-group-item:last-child,
.list-group-item:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #9cbb2a !important;
  border-color: #9cbb2a !important;
  margin-left: -10px;
  padding-left: 13px !important;
}
.list-group-item.active.link:after,
.list-group-item:hover.link:after {
  color: #FFF;
}
.list-group-item:hover > span > .fa,
.list-group-item:hover > span {
  color: #FFF !important;
  padding-left: 3px;
}
.list-group-item.active > span > .fa,
.list-group-item.active > span {
  color: #FFF !important;
}
.list-group-item > span > .fa {
  color: #c9c8cd !important;
  top: 2px;
  position: relative;
  left: 4px;
  font-weight: normal;
  padding: 0 5px;
}
.list-group-item > span {
  position: absolute;
  right: 0;
  top: 2px;
  color: #c9c8cd !important;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  min-width: 37%;
}
.floatbutton {
  position: relative;
  bottom: -16px;
  left: 0;
  right: 0;
  text-align: center;
}
.col-centered {
  float: none !important;
  margin: auto;
}
#klantenservice_contact .col-centered > div {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  -webkit-flex-flow: wrap row;
}
#klantenservice_contact h2.green {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 40px;
}
#klantenservice_contact .row .col-centered div {
  margin-top: 0px;
}
#klantenservice_contact .row .col-centered > div > div > div {
  background-color: #f5f5f7;
  margin: 15px;
  padding: 0px 30px 20px 30px;
}
#klantenservice_contact .row .col-centered > div > div > div h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px !important;
}
#klantenservice_contact .row .col-centered > div > div > div p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
}
#klantenservice_contact .row .col-centered > div a {
  margin: 5px 0;
  text-align: center;
}
#klantenserviceWIDE,
#klantenservice,
#klantenserviceAnswer {
  padding-top: 20px;
}
#klantenservice_contact {
  padding-bottom: 100px !important;
}
#klantenserviceWIDE p,
#klantenservice p,
#klantenserviceAnswer p,
#klantenservice .searchresults {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 20px;
  color: #7f7f88;
  line-height: 30px;
}
/*#klantenserviceAnswer .row.buttonField,
#klantenservice #Answer .row.buttonField{
    margin-bottom:15px;
}*/
#klantenserviceAnswer .buttonField .fa,
#klantenservice .buttonField .fa {
  vertical-align: text-bottom;
  color: #434350;
}
#klantenserviceAnswer .row,
#klantenservice #Answer .row {
  margin: 0;
}
#klantenserviceAnswer .row > div,
#klantenservice #Answer .row > div {
  background-color: #f5f7e9 !important;
  padding: 10px 30px 30px 30px;
  border-radius: 4px;
}
#klantenserviceAnswer .row > div > h3,
#klantenservice #Answer .row > div > h3 {
  margin-bottom: 0px;
}
#klantenserviceAnswer .row > div > p,
#klantenservice #Answer .row > div > p {
  margin-top: 10px;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  width: 60%;
}
#klantenservice_contact .btn.btn-default {
  font-size: 13px;
}
#klantenserviceHeader ul li {
  display: flex;
  display: -webkit-flex;
}
#klantenserviceHeader ul li a {
  padding-top: 5px;
  font-weight: 400;
  font-family: 'Open Sans';
  font-size: 14px;
}
.animate-if.ng-enter {
  -webkit-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 200ms;
  -moz-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 200ms;
  -o-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 200ms;
  transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 200ms;
  position: absolute;
}
.animate-if.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 300ms;
  -moz-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 300ms;
  -o-transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 300ms;
  transition: all cubic-bezier(0.25, 0.25, 0.75, 0.75) 200ms;
  position: relative;
}
.animate-if.ng-enter {
  top: 0;
  left: 100%;
}
.animate-if.ng-enter.animate-if.ng-enter-active {
  left: 0;
  top: 0;
}
.animate-if.ng-leave {
  left: 0;
  top: 0;
}
.animate-if.ng-leave.animate-if.ng-leave-active {
  left: -100%;
  top: 0;
}
/*.animate-if.ng-enter, .animate-if.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.25s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.25s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
  }*/
.BackToQuestions {
  margin-bottom: 10px !important;
}
.loader {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
}
.faq-icon {
  font-size: 85px;
  color: #c9c8cd;
}
.flipIcon {
  display: inline-block !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.icon.clear {
  font-size: 25px !important;
  padding-right: 10px;
  padding-top: 7px;
}
.icon.clear:hover {
  cursor: pointer;
}
.form-group.summary {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.form-group.summary > div {
  background-color: #f9d0c7;
  padding: 0 15px;
  border-radius: 5px;
}
.summary > div p {
  padding: 20px 25px;
}
p.errorLabel,
.summary p {
  margin: 0;
}
p.errorLabel {
  margin-top: 5px;
  color: #ec5d3c !important;
}
.radio label.error,
.form .form-group label.error {
  color: #ec5d3c !important;
}
.form-control.error {
  border: 1px solid #ec5d3c !important;
}
div.has-error .select2-container--default .select2-selection--single {
  border: 1px solid #ec5d3c !important;
}
.has-error .form-control {
  border-color: #ec5d3c;
}
.form-control:focus {
  border-color: #7f7f88 !important;
}
.form-control.text:hover + .icon,
.icon + .icon {
  color: #9cbb2a !important;
}
.form-control.text:focus + .icon,
.icon + .icon {
  color: #791c59 !important;
}
select2-choice {
  color: pink !important;
}
.validationIcon {
  font-size: 40px;
}
.validationIcon:not(.norm) {
  position: absolute;
  right: -37px;
  top: 3px;
}
.validationIcon.icon-Attention {
  color: #ec5d3c;
}
.validationIcon.icon-Valid {
  color: #9cbb2a;
}
div.back + div {
  position: absolute;
  right: -7px;
}
div.back + div p {
  margin-top: 6px;
}
.form-block .form-group > div:nth-child(3) {
  position: absolute;
  right: -125px;
}
.faq-list a.list-group-item div {
  width: 90%;
}
.faqarrow {
  position: absolute !important;
  right: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 !important;
}
a:hover .faqarrow,
a.active .faqarrow {
  color: inherit !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #bodyArticle .selector .selector-options div .selector-item.active .euro {
    top: 104px;
  }
  .table-bordered > tbody > tr > td,
  .table-bordered > thead > tr > th {
    white-space: normal;
  }
  .table-bordered > tbody > tr > td,
  .table-bordered > tbody > tr > th {
    white-space: normal;
  }
  #prices .block.small {
    margin-right: 0px;
  }
  #prices .block.big {
    margin-right: 0px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
  #combine .selection .block .blockButton {
    padding-bottom: 10px !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #bodyArticle .selector .selector-options div .selector-item.active .euro {
    top: 104px;
  }
}

/*Only for Edge*/
@supports (-ms-ime-align: auto) {
  
    .navbar-default#subMenu {
        display: block;
        margin-left: 200px;
    }

    .container.menu-container {
        display: block;
    }
}

/*Only for IE 10 & 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .navbar-default#subMenu {
        display: block;
        margin-left: 200px;
    }

    .container.menu-container {
        display: block;
    }
}

/*Only for Firefox*/
@-moz-document url-prefix() { 

    .navbar-default#subMenu {
        display: block;
        margin-left: 200px;
    }

    .container.menu-container {
        display: block;
    }
}

/*# sourceMappingURL=style.css.map */