#wido_map {
  height: calc(100% - 2.5rem);
  width: 100%;
  display:block;
  margin: 2.5rem 0 0 0;
  padding: 0px;
  position:absolute;
}
.has-ads-bottom #wido_map{
  height: calc(100% - 120px - 2.5rem);
}
html, body{
  min-height:100%;
  min-width:100%;
  position:absolute;
  font-family: 'Varela Round', sans-serif;
  overflow: hidden;
}

a:link{
  color:#3498DB;
  text-decoration:none;
}
a:hover{
  color:#AD520E;
}
a:active{
  color:#34495E;
}
a:visited{
  color:#2C3E50;
}

body{
  line-height:1.6rem;
  font-size: 62.5%;
	/*overflow:hidden;*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
h1, h2{
  line-height:1.4rem;
}
#page{
  height:100%;
  width:100%;
  display:block;
  background-color:#fff;
  position:absolute;
  overflow:auto;
}
#header{
  height:2.5rem;
  font-size:1.2rem;
  line-height:2.5rem;
  color:#fff;
  background-color:#3498DB;
  width:100%;
  position:absolute;
  z-index:100;
}
#jPanelMenu-menu{
  background-color:#34495E;
  color:#fff;
  min-height:100%;
  position:absolute;
}
#jPanelMenu-menu ul:not(:last-child){
  list-style:none;
  padding:0;
  margin:0;
  font-size:1.2rem;
  line-height:1.6rem;
  border-bottom:0.1rem solid #fff;
}
#jPanelMenu-menu ul li ul li a{
  padding-left:2rem;
}
#jPanelMenu-menu ul li ul li ul li a{
  padding-left:3rem;
}
#jPanelMenu-menu ul li{
  display:block;
  line-height:2rem;
}
#jPanelMenu-menu ul li:last-child{
  border:0;
}
#jPanelMenu-menu ul li.active{
  background-color:#2C3E50;
}
#jPanelMenu-menu ul li a{
  text-decoration:none;
  color:#fff;
  display:block;
  padding-left: 1rem;
}
#jPanelMenu-menu ul li a:hover{
  background-color:#2C3E50;
}

#toggle{
  background-color:#fff;
  color:#3498DB;
  text-align:center;
  width:1rem;
  height:1rem;
  padding:0.5rem;
  margin: 0.25rem 1rem 0.25rem  0.25rem;
  display:inline-block;
  float: left;
  font-size: 1rem;
}
#name{
  display:inline;
  font-weight:bold;
  max-width:80%;
  overflow:hidden;
}

#logo{
  font-size:2rem;
  line-height:1.2rem;
  padding: 2rem 1rem;
  text-align:center;
  text-transform: uppercase;
  font-weight:bold;
}
.title{
  background-color:#3498DB;
  padding:0.5rem 0;
  margin:0.5rem;
}
.title a{
  color:#fff;
}
#logo .circle{
  margin:0.5rem auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color:#3498DB;
  height:5rem;
  width:5rem;
  max-height:10%;
  background-image:url(/img/carrot.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:3rem 3rem;
}

#content{
  font-size:1.6rem;
  margin-top:3rem;
  padding:0 2rem;
  line-height:1.4rem;
  max-height:90%;
  overflow:auto;
}

#footer{
  margin-top:1rem;
  line-height:1rem;
  text-align:center;
  color:#2C3E50;
  font-size:0.8rem;
}
#footer a{
  font-weight:bold;
  color:#2C3E50;
}


#modal, #wido_message{
  position:absolute;
  display:block;
  z-index:100;
  height:100%;
  width:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:0;
  padding:0;
  background-color:rgba(255, 255, 255, 0.7);
  font-size:2em;
}
#modal .content, #wido_message .content{
  position:absolute;
  color:#3498DB;
  text-align:center;
  height:2rem;
  line-height:1.6rem;
  width:100%;
  margin: -4rem auto auto auto;
  top:50%;
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5);
}
#modal .content small{
  margin-top:0.5rem;
  display:block;
}
#modal .content i{
  color:#34495E;
}

.gps_ring {
    border: 3px solid #fff;
    -webkit-border-radius: 30px;
    display:inline-block;
    height: 28px;
    width: 28px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.2;}
    100% {-webkit-transform: scale(1.5, 1.5); opacity: 0.0;}
}

.beheerTable{
  width:100%;
}
.beheerTable tr:first-child{
  background-color:#000;
  color:#fff;
}
.beheerTable textarea{
  width:90%;
  margin-right:10px;
}

.contactTable{
  width:100%;
}
.contactTable tr td:first-child{
  width:20%;
}
input, textarea{
  padding:0.5rem;
  background-color:#f0f0f0;
  margin:0.2rem 0;
  border:none;
  font-family: 'Varela Round', sans-serif;
}
input[type=submit]{
  background-color:#3498DB;
  color:#fff;
  width:100%;
  max-width:100%;

}
input[type=submit]:hover{
  background-color:#AD520E;
}
textarea{
  height:5rem;
}
.melding{
  color:#fff;
  background-color:#34495E;
  padding:1rem;
  margin-bottom:1rem;
}
.theForm{
  display:none;
}

.gps_ring {
    border: 3px solid #2980B9;
    -webkit-border-radius: 30px;
    display:block;
    margin:auto;
    height: 28px;
    width: 28px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    margin-bottom:50px;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.2;}
    100% {-webkit-transform: scale(1.5, 1.5); opacity: 0.0;}
}

#location_select{
  padding:1em;
  max-width:80%;
  margin:2rem auto;
}
#location_select .option{
  padding:1rem;
}

#removeLocation{
  cursor:pointer;
  display:block;
  position:absolute;
  left:50%;
  bottom:-3rem;
  margin-left:-12rem;
  font-size:1.5rem;
  padding:1rem;
  height:1rem;
  text-align:center;
  max-width:100%;
  width:24rem;
  background-color:#34495E;
  color:#fff;
  z-index:10;
  transition: bottom 1s;
}
#removeLocation.active{
  bottom:0;
}
 
 
 
/* ADDS */
.ads_bottom{
  display:none;
}
.has-ads-bottom  .ads_bottom{
  display: block;
  height: 100px;
  padding: 10px 0;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 11;
}
.bx-viewport{
  padding: 0;
}

.page_container, .poll_container{
  background-color: #eee;
  position: absolute;
  left: 0;
  top: 2.5rem;
  height: calc(100% - 2.5rem - 50px);
  width: calc(100% - 50px);
  z-index:15;
  padding: 25px;
  display:none;
}
.page_content, .poll_content{
  font-size: 1.2rem;
  line-height: 1.6rem;
  height: 100%;
  width: 100%;                        
  position: relative;
  overflow-y: auto;
}
.has-ads-bottom .page_container, .has-ads-bottom .poll_container{
  height: calc(100% - 2.5rem - 50px);
}
.page_close, .poll_close{
  font-size: 2rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem;
  z-index:20;
  cursor: pointer;
  background-color: #eee;
}
.pagetitle{
  margin: 0 0 1rem 0;
  font-size: 2rem;
}

/* LOADING */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.page_loadercontainer, .poll_loadercontainer{
  position: absolute;
  height:100%;
  width:100%;
  background-color: rgba(255,255,255,0.7);
  top:0;
  left:0;
  z-index:5;
}
.page_loader, .poll_loader{
  border: 5px solid transparent;
  border-top: 5px solid #3498DB;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
  position: absolute;
  z-index: 20;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}

.poll_trigger{
  position: absolute;
  font-size: 1.4rem;
  /*transform: rotate(90deg);*/
  width: 100px;
  height: 100px;
  line-height: 100px;
  right: 1rem;
  text-align:center;
  top: 3.5rem;
  background-color: #000;
  color: #fff;
  z-index: 15;
  cursor:pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;  
}

.poll_groep{
  border: 1px solid #fff;
  padding: 20px;
}
.polOpties{
  margin: 0px 0 20px 0;
}
.polOpties label{
  padding-left: 10px;
  display:inline-block;
}
@media (max-width: 320px) {
  .polOpties label{
    padding-left: 0px;
  }
}

.poll_optie{
  padding: 5px 10px;
  position:relative;
}
.poll_description{
  font-size: 1rem;
}
.page_spacer, .poll_space{ 
  padding: 20px;
  max-width: 500px;
  margin:10px auto;
}
a.poll_link{
  display:block;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #fff !important;  
}
.poll_link.fb{
  background-color: #3b5998;
}
.poll_link.gg{
  background-color: #db4437;
}
.poll_link.tw{
  background-color: #1da1f2;
}
.poll_link.in{
  background-color: #e4405f;
}
.poll_link.em{
  background-color: #3498DB;
}
.copy{
  font-size: 12px;
  text-align: center;
  display:block;
}

.poll_optie{
  background-color: #fff;
  color: #000; 
}
.poll_optie label{
  display: inline-block;
}
.poll_option-radio{
  width: 15px;
}
.poll_toggle{
  float: right;
  margin-right: 2px;
  padding: 0 10px;
  line-height: 1.3rem;
  height: 1.4rem;
  width: 1rem;
  position: absolute;
  right: 0;
  top: 5px;
}
.poll_toggle:before{
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content: "\f078";  
}
.poll_toggle.active:before{
  content: "\f077";  
}
.poll_description{
  display: none;
  padding: 10px 10px 10px 25px;
}
.poll_filter{
  padding: 5px;
  margin: 10px 0 0 0;
  width: calc(100% - 12px);
  display:block;
  border: 1px solid #000;
  border-bottom:0;
}
.poll_filter:focus{
  outline:0;
}
.poll_cat_title{
  display: inline-block;
  margin: 0 20px 0 0;
  
}
.pollPage_spacer{
  padding: 0;
}
.pollPageContent{
  margin: 50px 20px 20px 20px;
  width: calc(100% - 40px);
  height: calc(100% - 70px);
  position:absolute;
}

@media (max-width: 320px) {
  .poll_toggle{
    padding: 0 5px 0 10px;
  }
  .page_container, .poll_container{
    padding:10px;
    width: calc(100% - 20px);
  }
  .has-ads-bottom .page_container, .has-ads-bottom .poll_container{
    height: calc(100% - 180px);
  }
}
@media only screen and (min-width: 675px) {
  .pollPageContent{
    transform: translate(-50%, 0);
    left:50%; 
  }
}
@media only screen and (max-width: 500px) {
  .pollPageContent{
    left: 0;
    transform: none;
  }
}
.pollHeader{
  padding-left: 30px;
}
.page_scroller, .poll_scroller{
  margin: auto;
  width: 100%;
}
.footerlogo{
  margin: 20px auto;
  max-width:90%;
  display:block;
}
.linkbutton{
  display: block;
  text-align: center;
  padding: 1rem;
  margin-top: 1rem;
}
.poll_icon{
  text-align: center;
  margin: 20px 0;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:1rem;
    height:1rem;
    margin:-3px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

input[type="radio"] + label span {
     background-color: #fff;
}

input[type="radio"]:checked + label span{
     background-color:#f00;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}
.poll_uitleg{
  padding-top:15px;
}

.sc__list{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sc__list-option{
  display:block;
  position: relative;
}
.sc__list-name{
  padding: 10px;
  width: calc(100% - 50px);
}
.sc__list-toggle{
  position: absolute;
  top: 0px;
  right: 0px;
  padding:10px;
  cursor: pointer;
}
.sc__list-desc{
  padding: 10px;
  display:none;
}
.sc__list-option.active .sc__list-desc{
  display: block;
}

.splash_screen{
  height: calc(100% - 2.5rem);
  width: 100%;
  top: 2.5rem; 
  position: absolute;
  display: block;
  background-color: #ccc;
  z-index: 20;
  display: none;
}
.advert{
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

#countdown {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 40px;
  width: 40px;
  text-align: center;
}

#countdown-number {
  color: white;
  display: inline-block;
  line-height: 40px;
  font-size: 1rem;
}
#splashCloseBtn{
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.5rem;
  font-size: 1rem;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 3px;
  position: absolute;
  top: 1rem;
  right: 5rem;
  outline: none;
}

.countdownsvg {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

.countdownsvg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: white;
  fill: none;
}
.countdown-active .countdownsvg  circle{
  animation: countdown 5s linear forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}

/* POLL */
.poll_knoppen{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.poll_sm{
  color: #fff;
  border: none;
  width: 8rem;
  height: 8rem;
  outline: none;
  margin: 0.5rem;
  -webkit-flex: 1 1 40%;
	flex: 1 1 40%;
}
.poll_sm:last-of-type{
  max-width: calc(50% - 1rem);
}
.poll_sm i{
  font-size: 3rem;
}
.poll_sm.instagram{
  background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.poll_sm.twitter{
  background-color: #1DA1F2;
}
.poll_sm.facebook{
  background-color: #3b5998;
}
.poll_sm.google{
  background-color: #d62d20;
}
.profilePic{
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display:block;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -1rem;
  left: -1rem;
}

.pollModal{
  position: absolute;
  height:100%;
  width:100%;
  background-color: rgba(255,255,255,0.7);
  top:0;
  left:0;
  z-index:5;
}
.pollForm{
  position:relative;
}
.pollLoadcontent{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alert-danger{
  color: red;
}
.alert-success{
  color: green;
}
.logo-icon{
  height: 1.5rem;
  display: inline-block;
  width: 1.5rem;
}
.logo-kleur1{
  color:#34495E;
}
.logo-kleur2{
  color:#fff;
}

.reqRouteBtn{
  padding: 0.5rem;
  display: block;
  text-align: center;
  background-color:#3498DB;
  color:#fff;
  border: none; 
}