.kondom-ikon{
  width:64px;
}
.kondom-ikon img{
  height:64px;
}

.media{
  align-items:center;
}

.media figure{
  position: relative;
}

.media img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

input[type="radio"]{
  visibility: hidden;
}

input[type="radio"] + label:hover article,
input[type="radio"]:checked + label:hover article,
input[type="radio"]:checked + label article{
  background: none;
  background-color:#fff;
  box-shadow: rgb(0, 209, 178) 0 0 0 8px;
}

input[type="checkbox"]{
  visibility: hidden;
}

input[type="checkbox"] + label:hover article,
input[type="checkbox"]:checked + label:hover article,
input[type="checkbox"]:checked + label article{
  background: none;
  background-color:#fff;
  box-shadow: rgb(0, 209, 178) 0 0 0 8px;
}

.antall-velger{
  display: none;
  margin-bottom:0!important;
}

input[type="checkbox"]:checked + label .antall-velger{
  display: block;
}

.success{
  background: #00d1b2;
}

.success h2,
.success h3{
  color:#fff;
}

.error{
  background: #ff3860;
}

.error h2,
.error h3{
  color:#fff;
}

.footer img{
  vertical-align: middle;
}
.footer .w150{
  width:150px;
}
.footer .w100{
  width:100px;
}
.footer .w80{width: 80px;vertical-align: top;}

.control > .icon, .control > .help{
 visibility: hidden;
 opacity: 0;
}
.control > .is-danger + .icon{
  visibility: visible;
  opacity: 1;
}


.error a{
  color:#fff;
  font-weight:700;
  text-decoration: underline;
}


.border{
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
}

.border:after, .border:before{
  content: '';
  width: 10%;
  height: 2px;
  background: #00d1b2;
  display: block;
  position: absolute;
  top: 50%;

}

.border:before{
  left: 55%;
}

.border:after{
  right: 55%;
}



.visible-checkbox input[type="checkbox"]{
  visibility: visible!important;
}

.flag{text-align:right;}
.flag img,.flag svg{
  max-width: 50px;
  height: auto;
  padding: .3rem;
}


.sporsmal{
  text-align: center;
}
.sporsmal a{
  color: #00d2b2;
  border: 1px solid white;
  padding: 1rem;
  text-align: center;
  background: white;
  border-radius: 5px;
  width: 100%;
  font-size: 1rem;
  display:inline-block;
}

.sporsmal a:hover{
  background: transparent;
  border:2px solid white;
  color:white;
}
