/*Cannawijzer css*/
.stelling{overflow:hidden}
div.iradio_square-green,div.icheckbox_square-green{float:left; margin-right:20px;margin-top:5px }
.iradio_square-green + label,.icheckbox_square-green +label{padding-top:5px;padding-bottom:5px; font-weight:600;padding-left:42px; color:#000}
.panel h2,.panel h3,.panel h4{line-height:1.4}
.grafiekje{position:relative;overflow:visible;  border:1px solid #999; background:#fff;height:60px;margin-bottom:2px;top:-20px  }
.grafiekje div{position:absolute; bottom:0;width:19px;}
.grafiekje div:hover{box-shadow:0 0 1px #000}
.colorado{background-color:green}
.social_clubs{background-color:rgb(102,51,255)}
.washington_d_c_{background-color:rgb(153,51,102)}
.washington_state{background-color:rgb(51,255,204)}
.uruguay{background-color:rgb(51,102,102)}
.jamaica{background-color:rgb(204,204,0)}
.doede_model{background-color:red}
.veilingmodel{background-color:blue}
.california_1996{background-color:orange}
.modellen .color{width:1em;height:1em;display:inline-block; vertical-align:middle; }
.noUiSlider, .noUiSlider *{-webkit-box-sizing:border-box;   -moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;  -moz-user-select:none;-ms-user-select:none;display:block;cursor:default;}
.noUiSlider{position:relative;}
.noUiSlider a{position:absolute;z-index:1;}
.noUiSlider a:nth-child(2){background:inherit !important;box-shadow:inherit}
.noUiSlider.vertical a{width:100%;bottom:0;}
.noUiSlider.horizontal a{height:100%;right:0;  background-color:rgba(255,20,20,0.62);}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.noUiSlider:before, body.TOUCH, .noUiSlider div{-ms-touch-action:none;}
.noUiSlider:before{display:block;position:absolute;width:150%;left:-25%;height:400%;top:-150%;content:"";z-index:-1;}
.noUiSlider.vertical:before{width:400%;left:-150%;height:150%;top:-25%;}
}
/* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}
.noUi-target{position:relative;direction:ltr;}
.noUi-base{width:100%;height:100%;position:relative;z-index:1;
/* Fix 401 */
}
.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0;}
.noUi-origin{position:absolute;height:0;width:0;}
.noUi-handle{position:relative;z-index:1;}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;}
.noUi-state-drag *{cursor:inherit !important;}
/* Painting and performance; * Browsers can paint handles in their own layer. */
.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
/* Slider size and handle placement; */
.noUi-horizontal{height:18px;}
.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px;  background-color:rgb(67,172,106); font-weight:700}
.noUi-vertical{width:18px;}
.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px;}
/* Styling; */
.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;}
.noUi-connect{background:#777;box-shadow:inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition:background 450ms;transition:background 450ms;}
/* Handles and cursors; */
.noUi-draggable{cursor:w-resize;}
.noUi-vertical .noUi-draggable{cursor:n-resize;}
.noUi-handle{border:1px solid rgb(0,76,1);border-radius:3px;background:rgb(0,76,1);cursor:default;box-shadow:inset 0 0 1px rgb(0,76,1),inset 0 1px 7px 1px rgb(0,76,1),0 3px 6px -3px 1px rgb(0,76,1);}
.noUi-active{box-shadow:inset 0 0 1px rgb(0,76,1),inset 0 1px 7px #000,0 3px 6px -3px #000;}
/* Handle stripes; */
.noUi-handle:after{left:17px;}
.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px;}
.noUi-vertical .noUi-handle:after{top:17px;}
/* Disabled state; */
[disabled] .noUi-connect{background:rgb(47,120,79)}
[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed;}
.noUi-tooltip{display:block;position:absolute;color:#fff;padding:2px;text-align:center;}
.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);    transform:translate(-50%,0);    left:50%;    bottom:0;}
.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);    transform:translate(0,-50%);    top:50%;    right:120%;}
#stelling_24 .options input{visibility:hidden}
.noUi-tooltip{font-size:1.3em}
.submenu.selectbox p{font-size:0.9em;min-height:70px}
nutton{margin-top:10px}
#nbrowser{padding:1px 0;  vertical-align:middle;text-align:center}
#nbrowser ul{position:relative;padding:0;margin:20px auto; font-size:0.9rem;display:inline-block;width:100%}
#nbrowser img{display:none}
#nbrowser li{position:relative;height:16px; white-space:nowrap}
#nbrowser li:before{content:"";left:0;top:0;bottom:0;background-color:#aaa; position:absolute; right:0; border-radius:8px;}
#nbrowser ol{display:inline-block;position:absolute; top:1px;left:0;margin:0;background:rgb(67,172,106);border-radius:8px;height:16px;z-index:1}
#nbrowser a.active{border:2px solid #aaa;  border-radius:20px;visibility:visible;  font-size:16px;  height:40px;  line-height:36px;  text-align:center;  top:-12px;width:40px;  background:#fff;margin-left:-20px;  position:absolute;z-index:2}
 .button.right{margin-top:5px}
.uitkomst .picholder{display:inline-block; padding-right:5px;float:left}
.uitkomst h3{margin:0}  

.uitkomst .abstract{font-size:1em;line-height:1.35}
.uitkomst .vlak{width:auto; background-color:#fff; overflow:hidden; }
#sliderbrowser{overflow:hidden; text-align:center; clear:both; }
#sliderbrowser{overflow:hidden;  margin:0 auto;max-width:800px; padding:0 50px}
#sliderbrowser ul{}
.panel  h4{color:#777}
.bx-controls-direction{margin:0 -20px}
#sliderbrowser  .bx-wrapper .bx-prev{left:-39px;}
#sliderbrowser  .bx-wrapper .bx-next{right:-29px;}
.expanded nav#access li{display:block;  float:none;  width:auto;}
#mainlogo div{vertical-align:middle;  float:left}
 #mainlogo{float:none}
#mainlogo #websitenaam{line-height:80px;}
.pts{float:right;font-weight: bold; font-size:0.4em; color: #fff; background-color: #00B200}
#access ul{margin:0;  padding:0;}
.enquete h2.header {min-height:20px; margin-bottom: 5px}
.enquete .abstract { font-size: 1em}
h1{text-transform:none;color:#484e50; font-weight:500}
.text_only p{color:#484e50}
.options{min-height:105px}
label{font-weight:600}
.panel{margin-top:20px}
.noUiSlider{margin:40px 0 20px 0}
#bronzesilver .color{height:155px}
#bronzesilver  h1 {font-size:1.4em;}
#sliderbrowser> h1,
#bronzesilver  >h1{margin-top: 15px; font-size: 1.8em;margin: 35px 0 20px 0}
 iframe {max-width: 560px}
#bronzesilver .vlak p{font-size:1em}
.uitkomst .color{display:inline-block;  float:left;  height:348px;  left:-12px;  position:relative;  width:12px;}
 @media only screen and (max-width:657px){
 .grafiekje{top:0}
 .buttonholder {text-align: center}
 .buttonholder button.right {float: none !important; margin-right: 0}

 }
 @media only screen and (min-width:640px) and (max-width:800px){
 #bronzesilver .vlak p{font-size:0.8em}
 #bronzesilver .vlak h1{font-size:1em}
 }
 .wijzer .sm{display:none}
.noUiSlider:before{content:"laag";  position:absolute;  top:-25px;}
.noUiSlider:after{content:"hoog";  position:absolute;  top:-25px; right:0}
.uitkomst #bronzesilver h2{margin-top:20px}
#bronzesilver .columns:nth-child(1) .columns .vlak{margin-right:5px}
#bronzesilver .columns:nth-child(2) .columns .vlak{margin-left:5px}
.vlak a{white-space:nowrap}
.uitkomst #sliderbrowser{margin:20px auto}
.uitkomst #sliderbrowser li{width:150px; text-align:center}
.options h4{font-size:18px; font-weight:normal;margin-bottom:20px;color:#333}
.options textarea#opt_109{height:50px}
.uitkomst h1, .uitkomst h2{text-align:center; margin-bottom:20px}
.resultaatbuttons{clear:both;padding:20px 0 0 0;text-align: center}
.selectbox span{color:#333333;  display:block;  font-size:1.2em;  font-style:normal;  font-weight:bold;  padding:5px 1px;  text-transform:none;  white-space:nowrap;}
.wijzer .menu-action { display:none}
.menu-action {
   position: absolute;
  right: 10px;
  top: 16px;
}
.fullpage {padding-top: 20px}
h4.maak_een_keuze {display:none}
.dark-tooltip.medium {
  font-size: 13px;
}

.quiz-medal {
  position: relative;
    width: 60px;
    float: right;
    top: -3px;
}

.quiz-medal__circle {
  font-family:  'Montserrat',"Open Sans",'Helvetica Neue',Arial;;
  font-size: 28px;
  font-weight: 500;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  color: white;
  text-align: center;
  line-height: 46px;
  vertical-align: middle;
  position: relative;
  border-width: 0.2em;
  border-style: solid;
  z-index: 1;
  box-shadow: inset 0 0 0 #b67d05, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #fadd40;
  text-shadow: 0 0 4px #9d6c04;
  background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%);
}                                  .
.quiz-medal  .quiz-medal__circle {
  box-shadow: inset 0 0 0 #b67d05, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #fadd40;
  text-shadow: 0 0 4px #9d6c04;
  background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%);
}

#bronzesilver  .quiz-medal  div.quiz-medal__circle,
#bronzesilver .quiz-medal .quiz-medal__circle,
.quiz-medal__circle.quiz-medal__circle--silver,
.quiz-medal::nth-child(2) .quiz-medal__circle {
  box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #edeff1;
  text-shadow: 0px 0px 4px #98a6ad;
  background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%);
}
#bronzesilver div:nth-child(2) .quiz-medal   div.quiz-medal__circle,
.quiz-medal__circle.quiz-medal__circle--bronze,
 .quiz-medal::nth-child(3)  .quiz-medal__circle {
  box-shadow: inset 0 0 0 #955405, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #f7bb23;
  text-shadow: 0 0 4px #7d4604;
  background: linear-gradient(to bottom right, #df7e08 50%, #c67007 50%);
}

.quiz-medal__ribbon {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 6px 10px;
  width: 0;
  height: 20px;
  top: 50px;
}

.quiz-medal__ribbon--left {
  border-color: #FC402D #FC402D transparent #FC402D;
  left: 8px;
  transform: rotate(20deg) translateZ(-32px);
}

.quiz-medal__ribbon--right {
  left: 28px;
  border-color: #f31903 #f31903 transparent #f31903;
  transform: rotate(-20deg) translateZ(-48px);
}

#bronzesilver div.medium-6.columns {min-height: 125px}

  #shareBtn {display: inline-table}
 .uitkomst .canvas {position: relative;text-align: center;min-height: 220px} 
 .uitkomst img {max-width: 77%;margin: 25% auto;z-index: 2}
 .overeenkomst {font-size: 90%;text-align: center;margin-bottom: 20px;max-width:220px}
  .pie, .peity {position: absolute;left:0;z-index: 0} 
 .uitkomst .center {
  background: #fff;
  position: absolute;
    top: 25px;
    left: 25px;
    height: 169px;
    width: 170px;
    border-radius: 50%;
}
.mk-css-icon-close, .mk-css-icon-menu{display:inline-block;  height:36px;vertical-align:middle;  width:36px}
.mk-css-icon-close div, .mk-css-icon-menu div{background-color:#fff}
.mk-css-icon-close div, .mk-css-icon-menu div{display:block;  height:3px;  border-radius:3px;  margin-bottom:3px;  position:relative;}
.mk-css-icon-menu-line-1, .mk-css-icon-menu-line-3{transform:rotate3d(0,0,1,0deg);  -webkit-transition:all .2s ease;  -ms-transition:all .2s ease;  -o-transition:all .2s ease;  transition:all .2s ease;}
.mk-css-icon-menu-line-2{-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-ms-transition:opacity .1s ease;-o-transition:opacity .1s ease;transition:opacity .1s ease;}
.active .mk-css-icon-menu-line-2{opacity:0}
.active .mk-css-icon-menu-line-1{top:6px;   transform:rotate3d(0,0,1,-45deg); -webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);}
.active .mk-css-icon-menu-line-3{top:-6px;   transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);}