.checkbox{
    padding-left:20px
}
.checkbox label{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding-left:5px
}
.checkbox label:before{
    content:"";
    width:17px;
    height:17px;
    border:1px solid #ccc;
    border-radius:3px;
    background-color:#fff;
    -webkit-transition:border .15s ease-in-out,color .15s ease-in-out;
    transition:border .15s ease-in-out,color .15s ease-in-out
}
.checkbox label:after,.checkbox label:before{
    display:inline-block;
    position:absolute;
    left:0;
    margin-left:-20px
}
.checkbox label:after{
    width:16px;
    height:16px;
    top:0;
    padding-left:3px;
    padding-top:1px;
    font-size:11px;
    color:#555
}
.checkbox input[type=checkbox],.checkbox input[type=radio]{
    opacity:0;
    z-index:1;
    cursor:pointer
}
.checkbox input[type=checkbox]:focus+label:before,.checkbox input[type=radio]:focus+label:before{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=radio]:checked+label:after{
    font-family:FontAwesome;
    content:"\F00C"
}
.checkbox input[type=checkbox]:indeterminate+label:after,.checkbox input[type=radio]:indeterminate+label:after{
    display:block;
    content:"";
    width:10px;
    height:3px;
    background-color:#555;
    border-radius:2px;
    margin-left:-16.5px;
    margin-top:7px
}
.checkbox input[type=checkbox]:disabled,.checkbox input[type=radio]:disabled{
    cursor:not-allowed
}
.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{
    opacity:.65
}
.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=radio]:disabled+label:before{
    background-color:#eee;
    cursor:not-allowed
}
.checkbox.checkbox-circle label:before{
    border-radius:50%
}
.checkbox.checkbox-inline{
    margin-top:0
}
.checkbox-primary input[type=checkbox]:checked+label:before,.checkbox-primary input[type=radio]:checked+label:before{
    background-color:#337ab7;
    border-color:#337ab7
}
.checkbox-primary input[type=checkbox]:checked+label:after,.checkbox-primary input[type=radio]:checked+label:after{
    color:#fff
}
.checkbox-danger input[type=checkbox]:checked+label:before,.checkbox-danger input[type=radio]:checked+label:before{
    background-color:#d9534f;
    border-color:#d9534f
}
.checkbox-danger input[type=checkbox]:checked+label:after,.checkbox-danger input[type=radio]:checked+label:after{
    color:#fff
}
.checkbox-info input[type=checkbox]:checked+label:before,.checkbox-info input[type=radio]:checked+label:before{
    background-color:#5bc0de;
    border-color:#5bc0de
}
.checkbox-info input[type=checkbox]:checked+label:after,.checkbox-info input[type=radio]:checked+label:after{
    color:#fff
}
.checkbox-warning input[type=checkbox]:checked+label:before,.checkbox-warning input[type=radio]:checked+label:before{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.checkbox-warning input[type=checkbox]:checked+label:after,.checkbox-warning input[type=radio]:checked+label:after{
    color:#fff
}
.checkbox-success input[type=checkbox]:checked+label:before,.checkbox-success input[type=radio]:checked+label:before{
    background-color:#5cb85c;
    border-color:#5cb85c
}
.checkbox-success input[type=checkbox]:checked+label:after,.checkbox-success input[type=radio]:checked+label:after{
    color:#fff
}
.checkbox-primary input[type=checkbox]:indeterminate+label:before,.checkbox-primary input[type=radio]:indeterminate+label:before{
    background-color:#337ab7;
    border-color:#337ab7
}
.checkbox-primary input[type=checkbox]:indeterminate+label:after,.checkbox-primary input[type=radio]:indeterminate+label:after{
    background-color:#fff
}
.checkbox-danger input[type=checkbox]:indeterminate+label:before,.checkbox-danger input[type=radio]:indeterminate+label:before{
    background-color:#d9534f;
    border-color:#d9534f
}
.checkbox-danger input[type=checkbox]:indeterminate+label:after,.checkbox-danger input[type=radio]:indeterminate+label:after{
    background-color:#fff
}
.checkbox-info input[type=checkbox]:indeterminate+label:before,.checkbox-info input[type=radio]:indeterminate+label:before{
    background-color:#5bc0de;
    border-color:#5bc0de
}
.checkbox-info input[type=checkbox]:indeterminate+label:after,.checkbox-info input[type=radio]:indeterminate+label:after{
    background-color:#fff
}
.checkbox-warning input[type=checkbox]:indeterminate+label:before,.checkbox-warning input[type=radio]:indeterminate+label:before{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.checkbox-warning input[type=checkbox]:indeterminate+label:after,.checkbox-warning input[type=radio]:indeterminate+label:after{
    background-color:#fff
}
.checkbox-success input[type=checkbox]:indeterminate+label:before,.checkbox-success input[type=radio]:indeterminate+label:before{
    background-color:#5cb85c;
    border-color:#5cb85c
}
.checkbox-success input[type=checkbox]:indeterminate+label:after,.checkbox-success input[type=radio]:indeterminate+label:after{
    background-color:#fff
}
.radio{
    padding-left:20px
}
.radio label{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding-left:5px
}
.radio label:before{
    content:"";
    width:17px;
    height:17px;
    left:0;
    border:1px solid #ccc;
    border-radius:50%;
    background-color:#fff;
    -webkit-transition:border .15s ease-in-out;
    transition:border .15s ease-in-out
}
.radio label:after,.radio label:before{
    display:inline-block;
    position:absolute;
    margin-left:-20px
}
.radio label:after{
    content:" ";
    width:11px;
    height:11px;
    left:3px;
    top:3px;
    border-radius:50%;
    background-color:#555;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition:transform .1s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33)
}
.radio input[type=radio]{
    opacity:0;
    z-index:1;
    cursor:pointer
}
.radio input[type=radio]:focus+label:before{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.radio input[type=radio]:checked+label:after{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio input[type=radio]:disabled{
    cursor:not-allowed
}
.radio input[type=radio]:disabled+label{
    opacity:.65
}
.radio input[type=radio]:disabled+label:before{
    cursor:not-allowed
}
.radio.radio-inline{
    margin-top:0
}
.radio-primary input[type=radio]+label:after{
    background-color:#337ab7
}
.radio-primary input[type=radio]:checked+label:before{
    border-color:#337ab7
}
.radio-primary input[type=radio]:checked+label:after{
    background-color:#337ab7
}
.radio-danger input[type=radio]+label:after{
    background-color:#d9534f
}
.radio-danger input[type=radio]:checked+label:before{
    border-color:#d9534f
}
.radio-danger input[type=radio]:checked+label:after{
    background-color:#d9534f
}
.radio-info input[type=radio]+label:after{
    background-color:#5bc0de
}
.radio-info input[type=radio]:checked+label:before{
    border-color:#5bc0de
}
.radio-info input[type=radio]:checked+label:after{
    background-color:#5bc0de
}
.radio-warning input[type=radio]+label:after{
    background-color:#f0ad4e
}
.radio-warning input[type=radio]:checked+label:before{
    border-color:#f0ad4e
}
.radio-warning input[type=radio]:checked+label:after{
    background-color:#f0ad4e
}
.radio-success input[type=radio]+label:after{
    background-color:#5cb85c
}
.radio-success input[type=radio]:checked+label:before{
    border-color:#5cb85c
}
.radio-success input[type=radio]:checked+label:after{
    background-color:#5cb85c
}
input[type=checkbox].styled:checked+label:after,input[type=radio].styled:checked+label:after{
    font-family:FontAwesome;
    content:"\F00C"
}
input[type=checkbox] .styled:checked+label:after,input[type=checkbox] .styled:checked+label:before,input[type=radio] .styled:checked+label:after,input[type=radio] .styled:checked+label:before{
    color:#fff
}
.switch{
    position:relative;
    display:inline-block;
    width:59px;
    height:31px
}
.switch input{
    display:none!important
}
.switch input:checked+.slider{
    background-color:#86ad50
}
.switch input:focus+.slider{
    -webkit-box-shadow:0 0 1px #2196f3;
    box-shadow:0 0 1px #2196f3
}
.switch input:checked+.slider:before{
    -webkit-transform:translateX(28px);
    transform:translateX(28px)
}
.switch .slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ccc;
    -webkit-transition:.4s;
    transition:.4s
}
.switch .slider.round{
    border-radius:30px
}
.switch .slider.round:before{
    border-radius:50%
}
.switch .slider:before{
    position:absolute;
    content:"";
    height:23px;
    width:23px;
    left:4px;
    bottom:4px;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s
}
 /* Customize the label (the container) */
.radiocontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.customcheckmark {
  position: absolute;
  top: 0;
  left: 33px;
  height: 30px;
  width: 30px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .customcheckmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .customcheckmark {
  background-color: #86AD50;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.customcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .customcheckmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .customcheckmark:after {
  top: 9px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
} 


body{
    font-family:postnlweb,arial,sans-serif
}
@media (max-width:767px){
    body{
        padding-top:50px
    }
}
body:before{
    content:"";
    position:fixed;
    top:-200px;
    left:0;
    width:100%;
    height:200px;
    z-index:100
}
iframe{
    max-width:100%
}
h1,h2,h3,h4,h5,h6{
    color:#66728a;
    font-family:postnlweb,arial,sans-serif;
    font-weight:500!important
}
h1{
    font-size:2.2em
}
h4{
    font-size:1.5em
}
@media (max-width:767px){
    .affix{
        position:relative
    }
}
.checkbox{
    margin-top:0!important
}
.flex-sm{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (max-width:767px){
    .flex-sm{
        display:block
    }
}
.hr-no-line{
    border:0;
    margin-top:40px
}
.home .initiatief{
    right:0;
    left:0;
    position:fixed;
    top:100px;
    z-index:999
}
@media (max-width:767px){
    .home .initiatief{
        top:56px
    }
}
.home .initiatief--scrolled{
    top:70px;
    z-index:999
}
@media (max-width:767px){
    .home .initiatief--scrolled{
        left:inherit;
        right:55px;
        top:10px
    }
}
.home .initiatief--scrolled img{
    width:130px
}
@media (max-width:767px){
    .home .initiatief img{
        width:100px
    }
}
.page .initiatief{
    display:none
}
.jumbotron{
    border:0 solid #b8b8b8;
    border-radius:0!important
}
.jumbotron p{
    font-size:1.2em
}
@media (min-width: 992px) {
  .modal-medium {
    max-width: 650px;
  }
}
@media (min-width:768px) and (max-width:991px){
    .modal-dialog{
        width:750px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .modal-dialog{
        width:750px
    }
}
@media (min-width:1200px){
    .modal-dialog{
        width:750px
    }
}
.no-padding{
    padding-left:0;
    padding-right:0
}
.page.logged_in .navbar{
    background-color:#86ad50!important;
    background-color:rgba(134,173,80,.3);
    -webkit-transition:background-color .2s linear;
    transition:background-color .2s linear;
    height:70px
}
@media (max-width:767px){
    .page.logged_in .navbar{
        height:auto
    }
}


.page.logged_in .navbar .navbar-header .navbar-brand{
    padding-top:10px
}
@media (max-width:767px){
    .page.logged_in .navbar .navbar-header .navbar-brand{
        padding-top:10px
    }
}
.page.logged_in .navbar .navbar-header .navbar-brand img:first-child{
    max-height:40px
}
.progress-bar-success{
    background-color:#86ad50
}
.table-borderless td{
    border:none!important;
    font-size:14px;
    padding:4px 0!important
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute
}
.font-weight-200{
    font-weight:200!important
}
.text-green{
    color:#86ad50
}
#footer{
    background-color:#86ad50;
    padding-top:40px;
}
#footer,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{
    color:#fff
}
@media (max-width:767px){
    #footer{
        padding:20px;
        padding-bottom:20px;
        padding-top:40px
    }
}
@media (min-width:768px) and (max-width:991px){
    #footer{
        padding:15px
    }
}
#footer h4{
    font-size:1.5em;
    margin-bottom:1em
}
#footer h5{
    font-size:1.0em;
}
#footer ul{
    margin:0px;
    padding:0
}
#footer ul li{
    margin:0;
    padding:0
}
#footer ul li{
    line-height:1.8em;
    list-style-type:none
}
#footer a,#footer ul li a{
    color:#fff
}
#footer a{
    border-bottom:1px solid hsla(0,0%,100%,.2)
}
#footer a:hover{
    border-bottom:1px solid hsla(0,0%,100%,.7);
    text-decoration:none
}
#footer .disclaimer{
    margin-top:2em
}
#footer .disclaimer a{
    border-bottom:0
}
#footer .disclaimer a:before{
    content:"|";
    margin-left:10px;
    margin-right:10px
}
#footer .disclaimer a:hover{
    text-decoration:underline
}
a[aria-expanded=false] span.glyphicon-chevron-down,a[aria-expanded=true] span.glyphicon-chevron-right{
    display:none
}
.bg-grey{
    background-color:#d2d2d2
}
.container-padding{
    min-height: calc(100vh - 70px - 279px - 25px);
    padding-bottom:50px;
    padding-top:100px
}
@media (max-width:767px){
    .container-padding{
        padding-bottom:20px;
        padding-top:20px
    }
}
.container-order{
    padding-bottom:20px;
    padding-top:60px
}
.content{
    margin:3em 0;
}
.content h1{
    margin-top:0!important
}
.content h1,.content h2{
    text-transform:uppercase
}
.content h3{
    color:#86ad50
}
.content p{
    font-size:1.15em
}
.content .lead{
    font-size:1.55em
}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{
    margin-top:1.7em
}
#explain{
    background:url("../gfx/main/roses.jpg") 50% 0 fixed
}
#growers{
    background:url("../gfx/main/kweker.jpg") 50% 0;
    background-size:cover
}
#sidebar>.lead{
    margin-top:40px;
    margin-bottom:5px;
    font-size:21px;
    font-weight:700;
    color:#86ad50
}
#sidebar hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #aec0ce;
    margin:10px 20px 10px 0;
    padding:0
}
.expand-closed .tag{
    display:none
}
.filter{
    border-radius:0;
    margin:0 0 20px;
    width:100%
}
.filter .lead{
    display:inline-block;
    margin-bottom:0;
    color:#86ad50;
    font-weight:600;
    font-size:16px;
    text-transform:uppercase
}
.filter label{
    color:#204d74;
    font-weight:600;
    font-size:14px;
    margin-left:8px
}
.filter .category{
    display:inline-block;
    padding-right:20px;
    width:100%
}
.filter .category .sub{
    padding-left:20px;
    display:none
}
.filter .category .more a span{
    color:#86ad50;
    text-decoration:underline
}
.filter .category .more a i{
    color:#86ad50;
    margin-left:5px
}
.filter .category a{
    color:#204d74;
    font-weight:600;
    margin-bottom:15px
}
.filter .category a .expand{
    color:#86ad50;
    float:right
}
.filter .category a .expand:hover{
    color:#66728a
}
.filter .category>a span{
    font-size:10px
}
.filter .category>a span i{
    color:#86ad50;
    margin-right:5px;
    line-height:22px
}
.filter .category a:hover{
    text-decoration:none
}
.filter .expand--tag{
    color:#86ad50;
    margin-right:35px
}
.filter__search{
    margin-bottom:15px

}
.filter__search #search-button{
    border:1px solid #337ab7
}
.filter .tag{
    display:inline-block;
    padding-right:20px;
    width:100%
}
@media (max-width:767px){
    .filter{
        margin-left:0;
        margin-top:0;
        width:100%
    }
}
@media (max-width:767px){
    .filter-affix{
        position:relative
    }
}
@media (min-width:768px) and (max-width:991px){
    .filter-affix{
        position:relative
    }
}
@media (min-width:992px) and (max-width:1199px){
    .filter-affix{
        width:213px
    }
}
@media (min-width:1200px){
    .filter-affix{
        width:262px
    }
}
.filter-explain{
    margin-top:0px;
    border:1px solid #f1f1f1;
    padding:15px;
    background:#fff
}
.filter-explain h4{
    font-weight:600!important;
    font-size:1.1em;
    margin-bottom:0
}
.filter-explain p{
    margin-bottom:2em
}
#no-results{
    padding:25px
}
.page-tab{
    background-color:#eee;
    border:0 solid #b8b8b8;
    border-radius:0;
    margin:40px 0 20px;
    padding:20px;
    width:100%
}
.page-tab .lead{
    color:#86ad50
}
.page-tab .lead,.page-tab label{
    font-weight:600;
    text-transform:uppercase
}
.page-tab label{
    color:#204d74
}
@media (max-width:767px){
    .page-tab{
        margin-left:0;
        margin-top:0;
        width:100%
    }
}
.icon-cirle{
    background-color:#86ad50;
    color:#fff;
    margin-top:1em
}
#loading{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    display:none;
    opacity:.7;
    background-color:#fff;
    z-index:99;
    text-align:center
}
#loading #loading-image{
    position:absolute;
    top:100px;
    left:40%;
    z-index:100
}
@media (max-width:767px){
    #loading #loading-image{
        left:0
    }
}
.search-query{
    margin-top:40px
}
.tab-product .nav li{
    color:#86ad50;
    position:relative;
    z-index:2
}
@media (max-width:767px){
    .tab-product .nav li{
        border:1px solid #b8b8b8!important;
        width:100%
    }
}
@media (max-width:767px){
    .tab-product .nav li+li{
        margin-left:0!important
    }
}
.tab-product .nav li a{
    border-radius:0;
    color:#86ad50;
    text-transform:uppercase
}
@media (max-width:767px){
    .tab-product .nav li a{
        border-radius:0
    }
}
.tab-product .nav li a:active,.tab-product .nav li a:focus,.tab-product .nav li a:hover{
    color:#86ad50
}
.tab-product .nav li.active{
    border:1px solid #b8b8b8!important;
    border-bottom:1px solid #fff!important
}
.tab-product .nav li.active a{
    background-color:#fff
}
@media (max-width:767px){
    .tab-product .nav li.active a{
        background-color:#86ad50;
        color:#fff
    }
}
.tab-product .nav li.active a:hover{
    color:#86ad50
}
@media (max-width:767px){
    .tab-product .nav li.active a:hover{
        color:#fff
    }
}
.tab-product .nav li.active a:active{
    color:#86ad50
}
@media (max-width:767px){
    .tab-product .nav li.active a:active{
        color:#fff
    }
}
.tab-product .tab-content{
    border:1px solid #b8b8b8!important;
    padding:25px;
    position:relative;
    top:-2px;
    z-index:1
}
.form-control{
    border-radius:0
}
#gevondenNamelijk{
    margin-top:15px
}
#verstuur[disabled]{
    display:none
}
.btn,.btn-back{
    border-radius:0;
    border:2px solid #fff;
    text-transform:uppercase
}
.btn-back{
    background-color:#8c95a7;
    color:#fff;
    font-weight:500;
    opacity:.8;
    padding:10px 50px
}
.btn-back,.btn-back:hover{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.btn-back:hover{
    opacity:1
}
@media (max-width:767px){
    .btn-back{
        padding:10px 20px
    }
}
.btn-info-product,.btn-select_all_products{
    background-color:#204d74;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-weight:500;
    opacity:.8;
    padding:10px 50px;
    text-transform:uppercase
}
.btn-info-product,.btn-select_all_products,.btn-info-product:hover{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.btn-info-product:hover{
    opacity:1
}
@media (max-width:767px){
    .btn-info-product{
        padding:10px 20px
    }
}
.btn-info-product{
  margin-bottom:2px;
}
.btn-login{
    font-family:postnlweb,arial,sans-serif;
    padding:10px 30px
}
.btn-success{
    background-color:#86ad50;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-weight:500;
    opacity:.8;
    padding:10px 50px;
    text-transform:uppercase;
    opacity:1
}
.btn-success,.btn-success:hover{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.btn-success:hover{
    opacity:1
}
@media (max-width:767px){
    .btn-success{
        padding:10px 20px
    }
}
.btn-delete{
    background-color:#d9534f;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-weight:500;
    opacity:.8;
    padding:10px 50px;
    text-transform:uppercase
}
.btn-delete,.btn-delete:hover{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.btn-delete:hover{
    opacity:1
}
@media (max-width:767px){
    .btn-delete{
        padding:10px 20px
    }
}
.btn-green{
    background-color:#86ad50;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-weight:500;
    opacity:.8;
    padding:10px 50px;
    text-transform:uppercase
}
.btn-green,.btn-green:hover{
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.btn-green:hover{
    opacity:1
}
@media (max-width:767px){
    .btn-green{
        padding:10px 20px
    }
}
.btn-sm{
    font-size:11px;
    padding:10px
}
.btn-xl{
    font-size:1.4em
}
@media (max-width:767px){
    .btn-xl{
        font-size:1em
    }
}
.btn-circle{
    width:30px;
    height:30px;
    text-align:center;
    padding:6px 0;
    font-size:12px;
    line-height:1.428571429;
    border-radius:15px;
    margin-left:auto;
    margin-right:auto
}
.btn-circle.btn-lg{
    width:50px;
    height:50px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.33;
    border-radius:25px
}
.btn-circle.btn-xl{
    width:80px;
    height:80px;
    padding:16px 10px;
    font-size:2.5em;
    line-height:1.33;
    border-radius:40px
}
.navbar{
    background-color:transparent;
    -webkit-transition:background-color .2s linear;
    transition:background-color .2s linear;
    border-width:0;
    color:#fff
}
@media (max-width:767px){
    .navbar{
        background-color:#86ad50!important
    }
}
.navbar .navbar-brand{
    color:#fff;
    font-weight:800;
    font-size:2em
}
.navbar .navbar-brand img{
    max-width:300px
}
.navbar .navbar-brand img:last-child{
    float:right;
    max-width:180px
}
@media (max-width:767px){
    .navbar .navbar-brand img:last-child{
        display:none
    }
}
@media (max-width:767px){
    .navbar .navbar-brand img{
        float:left;
        height:30px;
        margin-right:20px;
        max-width:140px!important
    }
}
@media (max-width:767px){
    .navbar .navbar-brand{
        padding-top:10px
    }
}
.navbar .navbar-collapse{
    border-color:#86ad50
}
.navbar .navbar-toggle{
    background-color:#fff;
    border:0
}
.navbar .navbar-toggle .icon-bar{
    background-color:#86ad50
}
@media (max-width:767px){
    .navbar .nav{
        margin:0 -15px
    }
}
.navbar .nav li a{
    color:#fff;
    float:left;
    font-family:postnlweb,arial,sans-serif;
    font-weight:500;
    padding-bottom:40px;
    padding-top:48px;
    text-transform:uppercase;
    text-decoration: none;

}
@media (max-width:767px){
    .navbar .nav li a{
        padding-bottom:10px;
        padding-top:10px;
        width:100%
    }
}
.navbar .nav li a:hover{
    text-decoration:none;
    color: #fff;
}

a.animating-link {
    position: relative;
    color: #fff;
    text-decoration: none;
}
a.animating-link:hover {
    color: #fff;
}
a.animating-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.2em;
    bottom: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a.animating-link:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.navbar .nav li:after{
    content:"|";
    float:left;
    padding-bottom:40px;
    padding-left:25px;
    padding-right:25px;
    padding-top:48px
}
@media (max-width:767px){
    .navbar .nav li:after{
        display:none
    }
}
.navbar .nav li:last-child:after{
    display:none
}
.navbar--scrolled{
    background-color:#86ad50;
    -webkit-transition:background-color .2s linear;
    transition:background-color .2s linear;
    height:70px
}
@media (max-width:767px){
    .navbar--scrolled{
        height:auto
    }
}
.navbar--scrolled .nav li a{
    padding-bottom:7px;
    margin-bottom:13px;
    padding-top:25px;
    margin-left:10px;
    margin-right:10px;
}
.navbar--scrolled .nav li a:before{
    bottom:0
}
.navbar--scrolled .nav li:after{
    padding-bottom:7px;
    margin-bottom:13px;
    padding-top:25px
}
.navbar--scrolled .navbar-header .navbar-brand{
    padding-top:10px
}
@media (max-width:767px){
    .navbar--scrolled .navbar-header .navbar-brand{
        padding-top:10px
    }
}
.navbar--scrolled .navbar-header .navbar-brand img:first-child{
    max-height:40px
}
.initiatief-logo{
    bottom:20px;
    position:fixed;
    right:20px;
    z-index: 10
}
.assortiment-overview .pagination-container ul{
    margin-bottom:0
}
.assortiment-overview .pagination-container{
    height:57px
}
.pagination-container{
    text-align:right
}
.pagination-container .pagination li.active span{
    background:#fff;
    color:#337ab7;
    font-weight:700
}
.pagination-container .pagination>li>a,.pagination-container .pagination>li>span{
    background:none;
    border:none
}

.carousel-flora-control-prev {
  justify-content: left;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  width: 15%;
  color:#fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease;
}
.carousel-flora-control-next {
  justify-content: right;
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  width: 15%;
  color:#fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease;

}
.carousel-flora-control-prev-icon {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237ec319' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") no-repeat 50%/100% 100%;
}
.carousel-flora-control-next-icon {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237ec319' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") no-repeat 50%/100% 100%;
}
.carousel-flora-control-prev-icon,.carousel-flora-control-next-icon {
    display: inline-block;
    width: 40px;
    height: 100%;
    background-color:#dadada;
}
@media (min-width:992px) and (max-width:1199px){
    .carousel .carousel-inner .item{
        max-height:650px
    }
}
@media (min-width:768px) and (max-width:991px){
    .carousel .carousel-inner .item{
        max-height:650px
    }
}
@media (min-width:1200px){
    .carousel .carousel-inner .item{
        max-height:650px
    }
}
.carousel .carousel-inner .item:after{
    content:"";
    position:absolute;
    bottom:0;
    z-index:1;
    width:100%;
    height:300px;
    -webkit-box-shadow:inset 0 -150px 200px -150px #000;
    box-shadow:inset 0 -150px 200px -150px #000
}
.carousel .carousel-inner .item img{
    min-width:100%
}
.carousel .carousel-inner .item .carousel-caption{
    text-shadow:0 0 0 transparent;
    bottom:5%
}
.carousel .carousel-inner .item .carousel-caption h3{
    color:#fff;
    font-size:2.2em;
    margin-bottom:1em
}
@media (max-width:767px){
    .carousel .carousel-inner .item .carousel-caption h3{
        font-size:1.8em
    }
}
@media (max-width:767px){
    .carousel .carousel-inner .item .carousel-caption{
        bottom:5%;
        left:5%;
        right:5%
    }
}
@media (min-width:768px) and (max-width:991px){
    .carousel .carousel-inner .item .carousel-caption{
        padding-bottom:80px
    }
}
.carousel-showmanymoveone .carousel-control{
    width:4%;
    background-image:none
}
.carousel-showmanymoveone .carousel-control.left{
    margin-left:0
}
.carousel-showmanymoveone .carousel-control.right{
    margin-right:0
}
.carousel-showmanymoveone .cloneditem-1,.carousel-showmanymoveone .cloneditem-2,.carousel-showmanymoveone .cloneditem-3{
    display:none
}
.carousel .item .col-xs-12{
    padding:0
}
@media only screen and (max-width:992px){
    .carousel .item .col-xs-12:nth-last-child(-n+2){
        display:none
    }
}
@media (min-width:768px){
    .carousel-showmanymoveone .carousel-inner>.active.left,.carousel-showmanymoveone .carousel-inner>.prev{
        left:-50%
    }
    .carousel-showmanymoveone .carousel-inner>.active.right,.carousel-showmanymoveone .carousel-inner>.next{
        left:50%
    }
    .carousel-showmanymoveone .carousel-inner>.active,.carousel-showmanymoveone .carousel-inner>.left,.carousel-showmanymoveone .carousel-inner>.prev.right{
        left:0
    }
    .carousel-showmanymoveone .carousel-inner .cloneditem-1{
        display:block
    }
}
@media (min-width:768px) and (transform-3d),all and (min-width:768px) and (-webkit-transform-3d){
    .carousel-showmanymoveone .carousel-inner>.item.active.right,.carousel-showmanymoveone .carousel-inner>.item.next{
        -webkit-transform:translate3d(50%,0,0);
        transform:translate3d(50%,0,0);
        left:0
    }
    .carousel-showmanymoveone .carousel-inner>.item.active.left,.carousel-showmanymoveone .carousel-inner>.item.prev{
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0);
        left:0
    }
    .carousel-showmanymoveone .carousel-inner>.item.active,.carousel-showmanymoveone .carousel-inner>.item.left,.carousel-showmanymoveone .carousel-inner>.item.prev.right{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        left:0
    }
}
@media (min-width:992px){
    .carousel-showmanymoveone .carousel-inner>.active.left,.carousel-showmanymoveone .carousel-inner>.prev{
        left:-33%
    }
    .carousel-showmanymoveone .carousel-inner>.active.right,.carousel-showmanymoveone .carousel-inner>.next{
        left:33%
    }
    .carousel-showmanymoveone .carousel-inner>.active,.carousel-showmanymoveone .carousel-inner>.left,.carousel-showmanymoveone .carousel-inner>.prev.right{
        left:0
    }
    .carousel-showmanymoveone .carousel-inner .cloneditem-2,.carousel-showmanymoveone .carousel-inner .cloneditem-3{
        display:block
    }
}
@media (min-width:992px) and (transform-3d),all and (min-width:992px) and (-webkit-transform-3d){
    .carousel-showmanymoveone .carousel-inner>.item.active.right,.carousel-showmanymoveone .carousel-inner>.item.next{
        -webkit-transform:translate3d(33%,0,0);
        transform:translate3d(33%,0,0);
        left:0
    }
    .carousel-showmanymoveone .carousel-inner>.item.active.left,.carousel-showmanymoveone .carousel-inner>.item.prev{
        -webkit-transform:translate3d(-33%,0,0);
        transform:translate3d(-33%,0,0);
        left:0
    }
    .carousel-showmanymoveone .carousel-inner>.item.active,.carousel-showmanymoveone .carousel-inner>.item.left,.carousel-showmanymoveone .carousel-inner>.item.prev.right{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        left:0
    }
}
.modal .modal-dialog .modal-content .modal-header{
    background-color:#d2d2d2
}
.modal .modal-dialog .modal-content .modal-header--product{
    background-color:hsla(0,0%,72%,.7);
    position:absolute;
    top:0;
    width:100%;
    z-index:1
}
.modal .modal-dialog .modal-content .modal-body h3{
    color:#86ad50;
    text-transform:uppercase
}
.modal .modal-dialog .modal-content .modal-product{
    padding-top:0
}
.modal .modal-dialog .modal-content .close{
    color:#fff;
    font-size:25px;
    opacity:1;
    text-shadow:0 0 0 #fff
}
.modal .modal-dialog .modal-content .close:hover{
    color:#000
}
.product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
.product__item{
    margin-top:30px
}
@media (max-width:767px){
    .product__item{
        width:49%
    }
}
.product__item .thumbnail{
    border:3px solid #d2d2d2;
    height:480px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    overflow:hidden
}
.product__item .thumbnail .corner-ribbon{
    width:200px;
    background:#e1b82e;
    position:absolute;
    top:25px;
    left:-60px;
    text-align:center;
    line-height:30px;
    letter-spacing:1px;
    color:#f0f0f0;
    text-transform:uppercase;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.product--unavailable .thumbnail .corner-ribbon {
  top:57px
}
.product--unavailable-selected .thumbnail .corner-ribbon {
  top:57px
}
.product--tempunavailable .thumbnail .corner-ribbon {
  top:57px
}
.product--tempunavailable-selected .thumbnail .corner-ribbon {
  top:57px
}
.product__item .thumbnail .inactive-ribbon{
    background:#ef3636;
    position:absolute;
    top:0px;
    left:0px;
    text-align:center;
    line-height:30px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
    width: 100%;
    padding-right: 15px;
    font-size: 0.7em;
    padding-left: 15px;
    z-index:2;
}
.product__item .thumbnail .temp-inactive-ribbon{
    background:#e7b419;
    position:absolute;
    top:0px;
    left:0px;
    text-align:center;
    line-height:30px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
    width: 100%;
    padding-right: 15px;
    font-size: 0.7em;
    padding-left: 15px;
    z-index:2;
}
.btn-invisible{
  background-color:rgba(255,255,255,0);
}
.product__item .thumbnail .btn-add{
    display:inline-block
}
.product__item .thumbnail .btn-delete{
    display:none
}
.product__item .thumbnail .caption{
    margin-top:auto;
    position:relative
}
@media (min-width:992px) and (max-width:1199px){
    .product__item .thumbnail .caption .btn{
        font-size:1.1em;
        width:50px
    }
}
@media (min-width:768px) and (max-width:991px){
    .product__item .thumbnail .caption .btn{
        font-size:1.1em;
        width:50px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .product__item .thumbnail .caption .btn span{
        display:none
    }
}
@media (min-width:768px) and (max-width:991px){
    .product__item .thumbnail .caption .btn span{
        display:none
    }
}
.product__item .thumbnail img{
    #max-height:300px;
    width: 100%;
    height:auto;
    vertical-align:middle;
    padding-left:1px;
    padding-right:1px;
}
.product__item .thumbnail h3{
    height:75px;
    font-size:1.4em
}
@media (min-width:992px) and (max-width:1199px){
    .product__item .thumbnail h3{
        font-size:1.2em
    }
}
@media (min-width:768px) and (max-width:991px){
    .product__item .thumbnail h3{
        height:85px;
        font-size:1.2em
    }
}
@media (max-width:767px){
    .product__item .thumbnail h3{
        font-size:1.2em
    }
}
@media (min-width:992px) and (max-width:1199px){
    .product__item .thumbnail h4{
        font-size:1.2em
    }
}
@media (min-width:768px) and (max-width:991px){
    .product__item .thumbnail h4{
        font-size:1em
    }
}
@media (max-width:767px){
    .product__item .thumbnail h4{
        font-size:.85em
    }
}
@media (max-width:767px){
    .product__item .thumbnail .btn{
        margin-bottom:10px;
        width:100%
    }
}
.product__item .fa-check,.product__item .fa-times{
    display:none;
}
.product--active-selected .thumbnail{
    background-color:rgba(134,173,80,.2);
    border:3px solid #86ad50
}
.product--active-selected .thumbnail .btn-add{
    display:none
}
.product--active-selected .thumbnail .btn-delete{
    display:inline-block
}
.product--active-selected .fa-check{
    background-color:#86ad50;
    border-radius:20px;
    display:block;
    font-size:2em;
    height:40px;
    position:absolute;
    padding:5px;
    right:0;
    text-align:center;
    top:-20px;
    width:40px;
    z-index:3;
}
.product--active-selected .fa-check:before{
    color:#fff
}
.product--tempunavailable .thumbnail{
    background-color:rgba(231, 180, 25,.2);
    border:3px solid #e7b419
}
.product--tempunavailable .thumbnail .btn-add{
    display:inline-block
}
.product--tempunavailable .thumbnail .btn-delete{
    display:none
}


.product--tempunavailable-selected .thumbnail{
    background-color:rgba(231, 180, 25,.2);
    border:3px solid #e7b419
}
.product--tempunavailable-selected .thumbnail .btn-add{
    display:none
}
.product--tempunavailable-selected .thumbnail .btn-delete{
    display:inline-block
}
.product--tempunavailable-selected .fa-check{
    background-color:#e7b419;
    border-radius:20px;
    display:block;
    font-size:2em;
    height:40px;
    position:absolute;
    padding:5px;
    right:0;
    text-align:center;
    top:-20px;
    width:40px;
    z-index:3;
}
.product--tempunavailable-selected .fa-check:before{
    color:#fff
}
.product--unavailable .thumbnail{
    background-color:rgba(239,54,54,.2);
    border:3px solid #ef3636
}

.product--unavailable .fa-times:before{
    color:#fff
}
.product--unavailable .thumbnail .btn-delete{
    display:none
}
.product--unavailable .thumbnail .btn-add{
    display:none
}
.product--unavailable-selected .thumbnail{
    background-color:rgba(239,54,54,.2);
    border:3px solid #ef3636
}
.product--unavailable-selected .fa-times{
    background-color:#ef3636;
    border-radius:20px;
    display:block;
    font-size:2em;
    height:40px;
    position:absolute;
    padding:5px;
    right:0;
    text-align:center;
    top:-20px;
    width:40px;
    z-index:3;
}
.product--unavailable-selected .fa-times:before{
    color:#fff
}
.product--unavailable-selected .thumbnail .btn-delete{
    display:inline-block
}
#productCarousel .carousel-control i{
    background-color:hsla(0,0%,72%,.7);
    font-size:1.2em;
    padding:8px;
    height:40px;
    width:40px
}
.parallax{
    color:#fff;
    height:auto;
    margin:0 auto;
    width:100%;
    position:relative;
    padding:100px 0!important
}
@media (max-width:767px){
    .parallax{
        padding:20px 0!important
    }
}
.parallax h1,.parallax h2,.parallax h3,.parallax h4,.parallax h5,.parallax h6{
    color:#fff;
    text-shadow:0 4px 6px rgba(0,0,0,.6)
}
.parallax p{
    font-size:1.4em
}
.parallax h2{
    text-shadow:0 0 0
}
#user_form fieldset:not(:first-of-type){
    display:none
}
#password_forgot .help-block,#password_reset .help-block{
    color:#333;
    margin:0 0 10px;
    font-size:12px
}
.account .page-tab{
    margin-top:0;
    margin-bottom:10px;
    padding:0
}
.account .page-tab .lead{
    margin-bottom:0;
    font-size:16px;
    display:block;
    cursor:pointer;
    padding:10px 25px
}
.account .page-tab .lead.active,.account .page-tab .lead:hover{
    background-color:#86ad50;
    color:#fff;
    text-decoration:none;
    width:100%;
}
.page-tab:hover{
    background-color:#86ad50;
    color:#fff;
    text-decoration:none;
    width:100%;
    cursor:pointer;
}
.stepicon{
  float:left;
  font-size:1.4em;
  color:white;
  padding-left:10px;
  top:2px;
  position:relative;
}
.pager-top{
    position: relative;
    top: 20px;
    right: 15px;
    display: flex; 
    justify-content: flex-end;
}
.account .blocks,.account .page-tab:first-child{
    margin-top:40px
}
.account .blocks .jumbotron{
    padding:30px
}
.account .blocks .jumbotron p{
    font-size:1em;
    font-weight:400
}
.account .blocks .jumbotron h2{
    margin-top:0
}
.account .blocks .jumbotron .btn-success{
    padding:10px 30px
}
.account .blocks .jumbotron hr{
    border-top:2px solid #fff
}
.account .blocks .jumbotron .spacer{
    height:20px;
    background-color:#fff;
    margin:30px -30px
}
.account .blocks .jumbotron table th{
    font-weight:400
}
.account .blocks .jumbotron table i{
    padding-right:7px
}
.account .blocks .jumbotron table i.fa-exclamation-triangle{
    color:#ffc107
}
.account .blocks .jumbotron table i.fa-check-circle{
    color:#86ad50
}
.account .blocks .jumbotron table a.delete-webhook,.account .blocks .jumbotron table a.test-webhook{
    color:#bbb
}
.account .blocks .jumbotron table a.delete-webhook:hover,.account .blocks .jumbotron table a.test-webhook:hover{
    text-decoration:none;
    color:#333
}
.account .blocks .jumbotron table a.edit-webhook{
    color:#333;
    cursor:pointer
}
.account .blocks .jumbotron #webhook-details .btn-sm{
    padding:10px 20px;
    font-size:12px
}
.account .blocks .jumbotron #webhook-details .btn-back:hover{
    color:#fff
}
.account .blocks .jumbotron #webhook-details .switch,.account .blocks .jumbotron #webhook-details .webhook-state{
    float:left
}
.account .blocks .jumbotron #webhook-details .webhook-state{
    margin-left:20px;
    line-height:2.3;
    font-weight:700
}
.account .blocks .jumbotron #add-webhook-form,.account .blocks .jumbotron #edit-webhook-form{
    padding:30px;
    background-color:#ccc
}
.account .blocks .jumbotron #add-webhook-form .content-type,.account .blocks .jumbotron #edit-webhook-form .content-type{
    padding:0 20px
}
.account .blocks .jumbotron #webhook-secret label{
    margin-right:10px
}
.account .blocks .jumbotron #webhook-secret a{
    margin-left:10px;
    color:#333;
    text-decoration:underline;
    font-weight:700;
    margin-bottom:2px;
    cursor:pointer
}
.account .blocks .jumbotron #webhook-secret a i{
    padding-right:7px;
    font-size:2rem
}
.account .blocks .alert{
    border-radius:0;
    border:none;
    color:#fff
}
.account .blocks .alert i{
    font-size:25px
}
.account .blocks .alert span{
    position:relative;
    top:-3px;
    margin-left:10px
}
.account .blocks .alert-success{
    background-color:#28a745
}
.account .blocks .alert-warning{
    background-color:#ffc107
}
.confirm-signup .checkbox,.confirm-signup .form-group{
    margin-bottom:0
}
.assortiment{
    background:#f5f5f5;
    border-radius:0 3px 3px 3px
}
.assortiment .assortiment-filter .checkbox:last-child{
    margin-bottom:20px
}
.assortiment .view-types{
    margin:50px 0 0
}
.assortiment .view-types li.active{
    background:#fff
}
.assortiment .view-types li{
    margin:0;
    background:none;
    font-weight:500;
    font-family:postnlweb,arial,sans-serif;
    font-size:20px;
    border:none;
    border-radius:3px 3px 0 0
}
.assortiment .view-types li a{
    color:#66728a;
    display:block;
    padding:10px 25px
}
@media (max-width:767px){
    .assortiment .view-types li a{
        font-size:.7em;
        padding:10px 20px
    }
}
.assortiment .assortiment-overview{
    background:#fff
}
.sidebar-container{
    margin-bottom:15px
}
.question-title{
    margin-top:0
}
.specs .row{
    margin-bottom:5px
}
.carousel .carousel-inner .item.prev:after{
    -webkit-box-shadow:none;
    box-shadow:none
}
#maintenance-page{
    padding-top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100%
}
#maintenance-page header{
    width:100%;
    height:170px;
    background-color:#9ebd73;
    padding-top:70px
}
@media (min-width:992px){
    #maintenance-page header{
        padding-left:90px
    }
}
#maintenance-page header img{
    width:330px;
    height:auto;
    margin:0 auto
}
@media (min-width:992px){
    #maintenance-page header img{
        margin:0
    }
}
#maintenance-page main{
    color:#66728a;
    font-weight:300;
    font-family:Arial;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:center;
    padding-top:50px
}
@media (min-width:992px){
    #maintenance-page main{
        padding-top:0;
        text-align:left
    }
}
#maintenance-page main .row{
    position:relative
}
#maintenance-page main .image{
    position:absolute;
    bottom:-120px
}
@media (max-width:991px){
    #maintenance-page main .image{
        position:relative
    }
    #maintenance-page main .image img{
        margin-left:50px
    }
}
#maintenance-page main .text h1{
    font-size:90px;
    font-family:Arial;
    margin-bottom:30px
}
#maintenance-page main .text h4{
    font-size:34px;
    font-weight:300!important;
    font-family:Arial
}
#maintenance-page main .text p{
    font-size:18px;
    line-height:1.8;
    font-family:Arial;
    margin-bottom:30px
}
#maintenance-page footer{
    background-color:#e0e3e8;
    height:300px;
    position:relative;
    z-index:-1;
    padding-top:140px
}
#maintenance-page footer img{
    position:relative;
    margin:0 auto;
    display:block
}
@media (min-width:992px){
    #maintenance-page footer img{
        position:absolute;
        right:50px;
        top:50px
    }
}

.product_bold{
  font-weight:700;
}
.text-green{
  color:#86ad50;
}
.text-red{
  color:red;
}
.text-white{
  color:#fff;
}
.bg-green{
  background-color:#86ad50;
}
.button_text{
  font-size:11px;
  font-weight:500;
}
.card-header a:hover{
  text-decoration:underline;
  text-decoration-color: #fff;
  text-decoration-thickness:0.1em;
}
.price_tag-single {
	display: inline-block;
  
  width: auto;
	height: 38px;
	
	background-color: #86ad50;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	
	border-left: 1px solid #86ad50;

	/* This makes room for the triangle */
	margin-left: 19px;
	
	position: relative;
	
	color: white;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	line-height: 38px;

	padding: 0 10px 0 10px;
}

.price_tag-single_div {
  text-align: left;
  position: absolute;
  z-index: 3;
  bottom: 50px;
  left: -23px;
}
.price_tag {
	display: inline-block;
  
  width: auto;
	height: 38px;
	
	background-color: #5d9967;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	
	border-left: 1px solid #5d9967;

	/* This makes room for the triangle */
	margin-left: 19px;
	
	position: relative;
	
	color: white;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	line-height: 38px;

	padding: 0 10px 0 10px;
}

/* Makes the triangle */
.price_tag:before {
	content: "";
	position: absolute;
	display: block;
	left: -19px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid #5d9967;
}

/* Makes the circle */
.price_tag:after {
	content: "";
	background-color: white;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -9px;
	top: 17px;
}
.price_tag_div {
  text-align: left;
  position: absolute;
  z-index: 3;
  bottom: 50px;
  right: -10px;
}
div.center-helper320{
  height:320px;
  white-space: nowrap;
  text-align: center;
}
span.center-helper320{
   display:inline-block;
   height:320px;
   vertical-align: middle;
}
.cursor_infoicon {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMwSURBVEhLpVdNaxUxFM2bVt0U1KK1giAoFvzChUj/gYLoTrEr3Qlt0Z0Ll63/oBS7FlyopSC40pUbFbRvoRY/ChV38vq0QruRp8x4TnLzmsmbTFI9cMjk3pNkMvm4dxoqDdvBc2Sj0TiN8hA4CBJr4BelisWiUM/w/BTs0PE/2IWBpsE2WCQSWjXNtqaLagRnnGXZWFEUM3jcaywaOfgB/Ah+pwHYAx4Fj4EZDYI22t9E+cBU4+jHW895s/gE+wQ4pBXVoG+CWq/tHOz9WlEDDrrgNFrHzMdh7zPuEo6DXHf/k1I7zrZOPwuwhQeHwJ3pZ5hGjKcHM47uB+qjxlzCCPtwdHfFXgbX1BFx0GHj6cGoo7N8LT4fw/AtWx3qY8a8Ce7eVRGsox6aKXHVduSQRyoEztx+9lXUN5cGBh4Z3YmsaR2OQPfb6oVPxFeJLNNrbrVTYlY7ULHnlLu3aiP5uAbtT2nzAvUDxhxEH/sWfRt1Xkjqohi4BjwyqeAu3W0ekzDpjHOBF8gsKpMocxz4/Si5Dj2A5g6KUyAbuuig3S2UX001iCH08Q0lL5lZdviKbwG+1+4wbkPzHPwj+i7hi+0LDWiXpM1LVlpSeST+WkD3WPTuwOeNtx7QzkubFqdto4y9e2MYkNJFU8oYuLGIQfdST8VJKS24bi3zmA4ObA8/o0wM+0A/ULyVMgU20q1xYARxDYa2GE5I6eKdlCmwY6xg4GJRKoyndWGP97n/mRWOUuw0WLBvO3Azk3SF4OwvmcdqFEXeMzCQOuPLoN5TeFmmR+lXJvxvRGe5AbPuLILKKxMdqm6QQDV4GcC/YXVCpkApYGZi++8GCSIpLMLXEY0ltQfBM3ieR2nvBBfhsCiIJgKw33c0HtVDSPzPXkoEsDmviL0MON3UZxkmf+YDsN8Df4kmB5dgvw76GStn2h0UrE59BBXJnl5zf8MxJO4Et+laGdRyTdOTPUEovWXojKW3jLl+esuZ9gxa9wvDNa9K6LmTSXvh08+LgXTXmEf0Rp7nXPstg7t9CtzSLwza8cj82y+MBx74s+iUCTx/2g6D7k/bCtiUG4k3YeSnTam/zfshNW5jm6sAAAAASUVORK5CYII), auto;	
}
.signup_errors {
  color: red;
  display: none;
}
.page-item.active .page-link{
  background-color:#204d74;
  border-color:#204d74;
}
.page-link{
    color: #204d74;
}
.page-item.active:hover{
  transition: all .4s ease 0s;
  background-color:#204d74;
  #border: 2px solid #fff;
  border-radius: 0;
  color:#fff;
  #font-weight: 500;
  opacity: .8;
}
#search-button{
  background-color:#204d74;
}
#search-button:hover{
  transition: all .4s ease 0s;
  background-color:#204d74;
  opacity: .8;
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-bold-webfont.eot);
    src:url(../fonts/postnl/postnlweb-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-bold-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-bold-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-bold-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-bold-webfont.svg#postnlwebbold) format("svg");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-bolditalic-webfont.eot);
    src:url(../fonts/postnl/postnlweb-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-bolditalic-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-bolditalic-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-bolditalic-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-bolditalic-webfont.svg#postnlwebbold_italic) format("svg");
    font-weight:700;
    font-style:italic
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-italic-webfont.eot);
    src:url(../fonts/postnl/postnlweb-italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-italic-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-italic-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-italic-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-italic-webfont.svg#postnlwebitalic) format("svg");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-light-webfont.eot);
    src:url(../fonts/postnl/postnlweb-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-light-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-light-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-light-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-light-webfont.svg#postnlweblight) format("svg");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-lightitalic-webfont.eot);
    src:url(../fonts/postnl/postnlweb-lightitalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-lightitalic-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-lightitalic-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-lightitalic-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-lightitalic-webfont.svg#postnlweblight_italic) format("svg");
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-mediumitalic-webfont.eot);
    src:url(../fonts/postnl/postnlweb-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-mediumitalic-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-mediumitalic-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-mediumitalic-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-mediumitalic-webfont.svg#postnlwebmedium_italic) format("svg");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:postnlweb;
    src:url(../fonts/postnl/postnlweb-regular-webfont.eot);
    src:url(../fonts/postnl/postnlweb-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-regular-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-regular-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-regular-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-regular-webfont.svg#postnlwebregular) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:postnlweb_poster;
    src:url(../fonts/postnl/postnlweb-poster-webfont.eot);
    src:url(../fonts/postnl/postnlweb-poster-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/postnl/postnlweb-poster-webfont.woff2) format("woff2"),url(../fonts/postnl/postnlweb-poster-webfont.woff) format("woff"),url(../fonts/postnl/postnlweb-poster-webfont.ttf) format("truetype"),url(../fonts/postnl/postnlweb-poster-webfont.svg#postnlweb_posterregular) format("svg");
    font-weight:400;
    font-style:normal
}