@import url('https://hello.myfonts.net/count/2ebdf1');
@font-face {
  font-family: 'ketnet_proxima_novaextrabold';
  src: url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.eot');
  src: url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.woff2') format('woff2'), url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.woff') format('woff'), url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.ttf') format('truetype'), url('../fonts/ketnet_proxnova/ketnet-proxnova-extrabold-webfont.svg#ketnet_proxima_novaextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/2EBDF1_5_0.eot');
  src: url('../fonts/2EBDF1_5_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2EBDF1_5_0.woff2') format('woff2'), url('../fonts/2EBDF1_5_0.woff') format('woff'), url('../fonts/2EBDF1_5_0.ttf') format('truetype');
}
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../fonts/2EBDF1_4_0.eot');
  src: url('../fonts/2EBDF1_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2EBDF1_4_0.woff2') format('woff2'), url('../fonts/2EBDF1_4_0.woff') format('woff'), url('../fonts/2EBDF1_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'ProximaNova-BoldIt';
  src: url('../fonts/2EBDF1_A_0.eot');
  src: url('../fonts/2EBDF1_A_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2EBDF1_A_0.woff2') format('woff2'), url('../fonts/2EBDF1_A_0.woff') format('woff'), url('../fonts/2EBDF1_A_0.ttf') format('truetype');
}
@font-face {
  font-family: 'ProximaNova-RegularIt';
  src: url('../fonts/2EBDF1_B_0.eot');
  src: url('../fonts/2EBDF1_B_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2EBDF1_B_0.woff2') format('woff2'), url('../fonts/2EBDF1_B_0.woff') format('woff'), url('../fonts/2EBDF1_B_0.ttf') format('truetype');
}
@font-face {
  font-family: "ketneticons10";
  src: url('../fonts/ketneticons/ketneticons20.eot');
  src: url('../fonts/ketneticons/ketneticons20.eot?#iefix') format("embedded-opentype"), url('../fonts/ketneticons/ketneticons20.woff') format("woff"), url('../fonts/ketneticons/ketneticons20.ttf') format("truetype"), url('../fonts/ketneticons/ketneticons20.svg#ketneticons20') format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OvinkUltraBlack';
  src: url('../fonts/ovink/ovink-black-webfont.eot');
  src: url('../fonts/ovink/ovink-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ovink/ovink-black-webfont.woff') format('woff'), url('../fonts/ovink/ovink-black-webfont.ttf') format('truetype'), url('../fonts/ovink/ovink-black-webfont.svg#OvinkBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OvinkBold';
  src: url('../fonts/ovink/ovink-bold-webfont.eot');
  src: url('../fonts/ovink/ovink-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ovink/ovink-bold-webfont.woff') format('woff'), url('../fonts/ovink/ovink-bold-webfont.ttf') format('truetype'), url('../fonts/ovink/ovink-bold-webfont.svg#OvinkBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "ketneticons10" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ketneticons10" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icoon-clock:before {
  content: "a";
}
.icon-icoon-zoek:before {
  content: "p";
}
.icon-icoon-hoek8:before {
  content: "k";
}
.icon-icoon-hot-l:before {
  content: "n";
}
.icon-icoon-like:before {
  content: "y";
}
.icon-icoon-menu:before {
  content: "B";
}
.icon-icoon-hoek7:before {
  content: "d";
}
.icon-icoon-pijl3:before {
  content: "e";
}
.icon-icoon-pijl2:before {
  content: "g";
}
.icon-icoon-webshop:before {
  content: "i";
}
.icon-icoon-pijl4:before {
  content: "j";
}
.icon-icoon-commentfeed:before {
  content: "m";
}
.icon-icoon-close-btn:before {
  content: "l";
}
.icon-icoon-hot-r:before {
  content: "r";
}
.icon-icoon-info:before {
  content: "v";
}
.icon-icoon-plus:before {
  content: "w";
}
.icon-icoon-plus-btn:before {
  content: "x";
}
.icon-icoon-heart-uns:before {
  content: "A";
}
.icon-icoon-heart-sel:before {
  content: "z";
}
.icon-icoon-message:before {
  content: "E";
}
.icon-icoon-nieuwsbrief:before {
  content: "L";
}
.icon-icoon-profiel:before {
  content: "M";
}
.icon-icoon-ok:before {
  content: "K";
}
.icon-icoon-pencil:before {
  content: "J";
}
.icon-icoon-hoek4:before {
  content: "H";
}
.icon-icoon-close:before {
  content: "b";
}
.icon-icoon-down:before {
  content: "t";
}
.icon-icoon-down-rnd:before {
  content: "u";
}
.icon-icoon-hoek1:before {
  content: "F";
}
.icon-icoon-hoek2:before {
  content: "I";
}
.icon-icoon-hoek3:before {
  content: "G";
}
.icon-icoon-hoek5:before {
  content: "Q";
}
.icon-icoon-pijl1:before {
  content: "R";
}
.icon-icoon-vetophetnet:before {
  content: "P";
}
.icon-icoon-smiley-rnd:before {
  content: "O";
}
.icon-icoon-smiley3:before {
  content: "N";
}
.icon-icoon-prikbord:before {
  content: "C";
}
.icon-icoon-pretext:before {
  content: "D";
}
.icon-icoon-play-btn:before {
  content: "q";
}
.icon-icoon-vetophetnet2:before {
  content: "f";
}
.icon-icoon-vragen:before {
  content: "h";
}
.icon-icoon-webshop2:before {
  content: "s";
}
.icon-icoon-hoek6:before {
  content: "c";
}
.icon-icoon-play:before {
  content: "o";
}
.icon-penseel:before {
  content: "S";
}
.icon-camera:before {
  content: "T";
}
.corner {
  background: url('../images/corners_sprite.png') 0 0 no-repeat;
  display: block;
}
.corner-xl {
  height: 50px;
  width: 100px;
}
.corner-l {
  height: 44px;
  width: 88px;
}
.corner-m {
  height: 25px;
  width: 50px;
}
.corner-s {
  height: 18px;
  width: 35px;
}
.corner-xs {
  height: 15px;
  width: 29px;
}
.corner-xl-bright-blue {
  background-position: -492px -1064px;
}
.corner-l-bright-blue {
  background-position: -504px -1114px;
}
.corner-m-bright-blue {
  background-position: -542px -1158px;
}
.corner-s-bright-blue {
  background-position: -557px -1183px;
}
.corner-xs-bright-blue {
  background-position: -563px -1201px;
}
.corner-xl-light-blue {
  background-position: -492px -912px;
}
.corner-l-light-blue {
  background-position: -504px -962px;
}
.corner-m-light-blue {
  background-position: -542px -1006px;
}
.corner-s-light-blue {
  background-position: -557px -1031px;
}
.corner-xs-light-blue {
  background-position: -563px -1049px;
}
.corner-xl-blue {
  background-position: -492px -760px;
}
.corner-l-blue {
  background-position: -504px -810px;
}
.corner-m-blue {
  background-position: -542px -854px;
}
.corner-s-blue {
  background-position: -557px -879px;
}
.corner-xs-blue {
  background-position: -563px -897px;
}
.corner-xl-yellow {
  background-position: -492px -608px;
}
.corner-l-yellow {
  background-position: -504px -658px;
}
.corner-m-yellow {
  background-position: -542px -702px;
}
.corner-s-yellow {
  background-position: -557px -727px;
}
.corner-xs-yellow {
  background-position: -563px -745px;
}
.corner-xl-green {
  background-position: -492px -456px;
}
.corner-l-green {
  background-position: -504px -506px;
}
.corner-m-green {
  background-position: -542px -550px;
}
.corner-s-green {
  background-position: -557px -575px;
}
.corner-xs-green {
  background-position: -563px -593px;
}
.corner-xl-red {
  background-position: -492px -304px;
}
.corner-l-red {
  background-position: -504px -354px;
}
.corner-m-red {
  background-position: -542px -398px;
}
.corner-s-red {
  background-position: -557px -423px;
}
.corner-xs-red {
  background-position: -563px -441px;
}
.corner-xl-purple {
  background-position: -492px -152px;
}
.corner-l-purple {
  background-position: -504px -202px;
}
.corner-m-purple {
  background-position: -542px -246px;
}
.corner-s-purple {
  background-position: -557px -271px;
}
.corner-xs-purple {
  background-position: -563px -289px;
}
.corner-xl-dark-blue {
  background-position: -492px 0px;
}
.corner-l-dark-blue {
  background-position: -504px -50px;
}
.corner-m-dark-blue {
  background-position: -542px -94px;
}
.corner-s-dark-blue {
  background-position: -557px -119px;
}
.corner-xs-dark-blue {
  background-position: -563px -137px;
}
.corner-left {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.corner-right {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.corner-up {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.corner-down {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* Reset default classes */
.ui-widget-content {
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.ui-widget-overlay {
  opacity: 1;
}
.ui-dialog {
  border-radius: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  background: none;
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  background: #22d2f9;
  color: #012069;
}
.ui-dialog .btnCloseBox {
  color: #012069;
}
.btnCloseBox {
  color: #012069;
  float: right;
  font-size: 22px;
  margin-left: 15px;
}
.formHeader {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 15px 20px;
}
.login-popup .formHeader {
  padding: 0;
}
.flash_upload .ui-dialog-content {
  background: none;
  overflow: hidden;
}
.flash_upload #flash_fallback {
  background: #22d2f9;
  color: #012069;
  font-size: 14px;
  height: auto;
  overflow: hidden;
  padding: 10px;
  margin: 0 auto;
  position: relative;
  width: 280px;
}
.flash_upload #flash_fallback .version-info {
  display: none;
}
.flash_upload #flash_fallback #flash_close {
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-size: 20px;
  text-decoration: none;
}
.flash_upload #flash_fallback #no_flash {
  color: #ffffff;
  font-size: 22px;
  line-height: 30px;
  padding: 50px 25px;
}
.flash_upload #flash_fallback #no_flash a {
  color: #ffffff;
}
.flash_upload #flash_fallback h2 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0;
  padding: 0;
  text-shadow: none;
}
.flash_upload #flash_fallback h3 {
  padding: 20px 0 5px 0;
  text-align: center;
}
.flash_upload #flash_fallback .column-wrapper {
  overflow: hidden;
}
.flash_upload #flash_fallback .column-wrapper .left {
  width: 211px;
  margin-left: 40px;
  margin-top: 20px;
}
.flash_upload #flash_fallback .column-wrapper .right {
  width: 210px;
  margin-left: 40px;
  margin-top: 20px;
}
.flash_upload #flash_fallback label {
  font-size: 14px;
  margin-left: 5px;
}
.flash_upload #flash_fallback .upload_button {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 10px auto;
  text-align: center;
  text-transform: uppercase;
  width: 145px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.flash_upload #flash_fallback #flash_fallback_step_2 .upload_button {
  padding-left: 0;
  text-align: center;
}
.flash_upload #flash_fallback .file-fields {
  overflow: hidden;
  padding: 20px;
}
.flash_upload #flash_fallback .file-fields .form-file {
  width: 180px;
}
.flash_upload #flash_fallback #flash_fallback_step_1 {
  display: block;
}
.flash_upload #flash_fallback #flash_fallback_step_1 .txt-input,
.flash_upload #flash_fallback #flash_fallback_step_1 select {
  border: 1px solid #049db5;
}
.flash_upload #flash_fallback #flash_fallback_step_1 .left select,
.flash_upload #flash_fallback #flash_fallback_step_1 .right .txt-input {
  padding: 5px;
  width: 190px;
}
.flash_upload #flash_fallback #flash_fallback_step_2 {
  display: none;
}
.flash_upload #flash_fallback #fallback-loader-overlay {
  background: url("../images/overlay_bg.png");
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.flash_upload #flash_fallback #fallback-loader {
  color: #ffffff;
  left: 50%;
  margin: -110px 0 0 -82px;
  position: absolute;
  top: 50%;
}
#confirmOverlay {
  text-align: center;
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#confirmOverlay h1 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
}
#confirmOverlay p {
  margin: 0 0 15px 0;
}
#confirmOverlay #confirmButtons {
  overflow: hidden;
}
#confirmOverlay #confirmButtons .confirm,
#confirmOverlay #confirmButtons .cancel {
  border: none;
  display: inline-block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 0 15px;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#confirmOverlay #confirmButtons .confirm {
  background: #671e75;
  color: #66ff99;
}
#confirmOverlay #confirmButtons .cancel {
  background: #66ff99;
  color: #671e75;
}
#abuseForm {
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#abuseForm .formHeader {
  padding: 15px 20px 0 0;
}
#abuseForm h4 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
}
#abuseForm .abuse-orb {
  background: #671e75;
  color: #c2a4c7;
  display: block;
  font-size: 30px;
  height: 40px;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#abuseForm .content {
  padding: 10px 20px;
}
#abuseForm p {
  margin: 0 0 10px 0;
}
#abuseForm .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 10px auto;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.webshop-popup {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.webshop-popup .content {
  padding: 10px 20px;
  text-align: center;
}
.webshop-popup .button .yes {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 10px auto;
  text-align: center;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#ketnet-change-pwd,
#ketnet-change-pwd-wrapper {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-video-popup {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-video-popup .video_description {
  padding: 10px 20px;
}
.communitytv-dialog {
  color: #012069;
}
.communitytv-dialog a {
  color: #012069;
}
.communitytv-dialog .has-relation {
  background: #012069;
  color: #ffffff;
}
.communitytv-dialog .ui-dialog-content {
  padding: 10px;
}
.communitytv-dialog p {
  margin: 0 0 10px 0;
}
.communitytv-dialog .ui-dialog-titlebar {
  background: #22d2f9;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 10px 20px;
}
.communitytv-dialog .ui-dialog-titlebar a {
  color: #ffffff;
}
.overlay_dialog {
  max-width: 100%;
}
.overlay_dialog .ui-dialog-content {
  border-radius: 0;
  position: relative;
}
.overlay_dialog .ui-dialog-titlebar {
  background: #671e75;
  border: none;
  color: #fbe121;
  display: block;
  font: 18px "ketnet_proxima_novaextrabold";
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.overlay_dialog .ui-state-hover {
  background: none;
  border: none;
}
.overlay_dialog .ui-dialog-titlebar-close {
  color: #ffffff;
  float: right;
  font: 16px "ketnet_proxima_novaextrabold";
  padding: 0;
  width: 80px;
}
.overlay_dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  background: none;
  text-indent: 0;
  width: 80px;
}
.overlay_dialog .iframe_wrapper {
  height: 100%;
  overflow: auto;
  position: absolute;
  width: 100%;
}
.overlay_dialog h1,
.overlay_dialog .like,
.overlay_dialog #sidebar {
  display: none;
}
.overlay_dialog .node-wrapper {
  margin: 0 !important;
  max-width: 100%;
}
#external-link-popup {
  background: #22d2f9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #012069;
  font-size: 12px;
  left: 0;
  padding: 30px 20px 20px 20px;
  position: fixed;
  top: 50px;
  width: auto;
  z-index: 1002;
}
#external-link-popup p {
  padding: 0 0 10px 0;
}
#external-link-popup .external-close {
  background: none;
  border: none;
  color: #012069;
  cursor: pointer;
  float: right;
  margin: -25px -15px 0 0;
  text-transform: uppercase;
}
#external-link-popup .external-continue {
  background: #671e75;
  border: none;
  color: #fbe121;
  cursor: pointer;
  padding: 3px 10px;
  text-transform: uppercase;
}
#external-link-popup .external-exit {
  background: #ff2355;
  border: none;
  color: #fbe121;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 0 15px;
  padding: 3px 10px;
  text-transform: uppercase;
}
#info-popup {
  background: #22d2f9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #012069;
  font-size: 12px;
  padding: 30px 20px 20px 20px;
  position: absolute;
  width: 260px;
  z-index: 101;
}
#info-popup .info-close {
  background: none;
  border: none;
  color: #012069;
  cursor: pointer;
  float: right;
  font-size: 14px;
  margin: -25px -15px 0 0;
  text-transform: uppercase;
}
#location-popup {
  background: #22d2f9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #012069;
  font-size: 12px;
  padding: 30px 20px 20px 20px;
  position: absolute;
  width: auto;
  z-index: 101;
}
#location-popup img {
  max-width: 100% !important;
  width: auto !important;
}
#location-popup strong {
  font-size: 14px;
  text-transform: uppercase;
}
#location-popup .location-close {
  background: none;
  border: none;
  color: #012069;
  cursor: pointer;
  float: right;
  font-size: 14px;
  margin: -25px -15px 0 0;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  #external-link-popup {
    left: 50%;
    margin: 0 0 0 -110px;
    position: fixed;
    top: 45%;
    width: 280px;
  }
  #location-popup {
    width: 500px;
  }
}
@media screen and (min-width: 660px) {
  #abuseForm .content {
    padding: 10px 50px;
  }
  .webshop-popup {
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .webshop-popup .content {
    padding: 10px 50px;
  }
}
@media screen and (max-width: 950px) {
  .ui-dialog {
    width: 300px !important;
  }
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: #671e75;
  font: 14px 'ProximaNova-Regular';
}
a {
  outline: none;
  text-decoration: none;
}
img {
  height: auto;
  max-width: 100%;
}
button,
input[type=submit],
input[type=button],
input[type=search] {
  -webkit-appearance: none;
}
.form-item {
  margin: 0;
}
label,
.form-item label {
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
}
strong {
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a,
a:visited {
  color: #012069;
}
button {
  cursor: pointer;
}
#page-wrapper {
  background: #4fdbfa;
}
.kaatje-page #page-wrapper {
  background: #4fdbfa;
}
.profiel #page-wrapper {
  background: #fbe121;
}
#overlay-bg,
.ui-widget-overlay {
  background: url('../images/overlay_bg.png');
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
}
#overlay-bg {
  display: none;
}
.login-popup {
  background: #22d2f9;
  height: 100% !important;
  position: absolute !important;
  width: 100% !important;
}
.ui-dialog-titlebar {
  display: none;
}
.teaser-box {
  margin: 0 0 10px 0;
}
#menu ul {
  list-style: none;
}
#menu li {
  margin: 10px 10px 0 10px;
}
#menu a {
  background: #ff2355;
  color: #fbe121;
  display: block;
  font: 22px 'ProximaNova-Bold';
  padding: 10px 20px;
  text-transform: lowercase;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#cookie-bar-wrapper {
  background: rgba(96, 35, 118, 0.85);
  bottom: 0;
  color: #eaf2fa;
  font: 14px 'ProximaNova-Regular';
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 10001;
}
#cookie-bar-wrapper #cookie-bar {
  padding: 25px 40px 25px 18px;
  position: relative;
}
#cookie-bar-wrapper #verder_gaan_cookie {
  color: #66ff99;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
#cookie-bar-wrapper #vet_op_het_net_cookie {
  display: none;
}
#cookie-bar-wrapper a {
  color: #fbe121;
}
.loginForm {
  height: 100% !important;
  overflow: scroll;
  padding: 10px 20px !important;
}
.loginForm label {
  color: #eaf2fa;
  display: none;
  font-size: 20px;
  font-weight: normal;
  text-transform: lowercase;
}
.loginForm label .form-required {
  color: #eaf2fa;
}
.loginForm .form-text {
  border: none;
  color: #99a6c3;
  font: 20px 'ProximaNova-Regular';
  margin: 10px 0 0 0;
  padding: 10px 20px;
  width: calc(100% - 40px);
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.loginForm h4 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
}
.loginForm .btnCloseBox {
  color: #012069;
  font-size: 22px;
  float: right;
  margin: -40px 0 0 0;
}
.loginForm .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 0 auto;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.loginForm .form-submit span {
  float: right;
  margin: 2px 5px 0 0;
}
.loginForm .bottomButtonsContainer {
  margin: 50px 0 30px 0;
}
.loginForm .bottomButtonsContainer a {
  background: #4fdbfa;
  color: #012069;
  display: inline-block;
  font: 15px/31px 'ketnet_proxima_novaextrabold';
  height: 31px;
  margin: 0 9px 9px 0;
  padding: 0 12px 0 40px;
  position: relative;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.loginForm .bottomButtonsContainer a .circle {
  background: #eaf2fa;
  color: #012069;
  display: block;
  font-size: 16px;
  height: 31px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.loginForm .bottomButtonsContainer a .circle [class^="icon-"]::before,
.loginForm .bottomButtonsContainer a .circle [class*=" icon-"]::before {
  line-height: 31px;
}
.loginForm .ketnet-form-errors span {
  background: #ff2355;
  color: #eaf2fa;
  display: block;
  font: 14px 'ProximaNova-Bold';
  margin: 5px 0 10px 0;
  padding: 10px 15px;
  text-align: center;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.ui-dialog .registerForm {
  color: #344d86;
  font-size: 14px;
  padding: 10px 20px;
  text-align: center;
}
.ui-dialog .registerForm h4 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
}
.ui-dialog .registerForm p {
  margin: 0 0 1em 0;
}
.ui-dialog .registerForm .btnCloseBox {
  color: #012069;
  font-size: 22px;
  float: right;
  margin: -40px 0 0 0;
}
.ui-dialog .registerForm .btnCreateProfile {
  background: #671e75;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 0 auto;
  text-transform: uppercase;
  width: 205px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.ui-dialog .registerForm .btnCreateProfile span {
  float: right;
  margin: 2px 5px 0 0;
}
.ui-dialog .registerForm .bottomButtonsContainer {
  margin: 50px 0 30px 0;
}
.ui-dialog .registerForm .bottomButtonsContainer a {
  background: #4fdbfa;
  color: #012069;
  display: inline-block;
  font: 15px/31px 'ketnet_proxima_novaextrabold';
  height: 31px;
  margin: 0 9px 9px 0;
  padding: 0 12px 0 40px;
  position: relative;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.ui-dialog .registerForm .bottomButtonsContainer a .circle {
  background: #eaf2fa;
  color: #012069;
  display: block;
  font-size: 16px;
  height: 31px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.ui-dialog .registerForm .bottomButtonsContainer a .circle [class^="icon-"]::before,
.ui-dialog .registerForm .bottomButtonsContainer a .circle [class*=" icon-"]::before {
  line-height: 31px;
}
.tooltip {
  background: #671e75;
  color: #fbe121;
  padding: 20px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index: 1;
}
.imagePopup .content {
  text-align: center;
}
.contextual-links-region {
  outline: #999 dashed 1px;
}
a.contextual-links-trigger {
  display: block;
  background-color: azure;
  width: 80px;
}
.element-invisible {
  display: none;
}
#ketnet-loader-wrapper {
  background: rgba(1, 21, 67, 0.82);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
#ketnet-loader-wrapper #ketnet-loader {
  line-height: 0;
  left: 50%;
  overflow: hidden;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
@media screen and (min-width: 600px) {
  .login-popup {
    height: 400px !important;
    margin: 0 auto;
    width: 600px !important;
    top: 100px !important;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .ui-dialog .loginForm {
    background: #22d2f9 url('../images/wrappers_aanmelden.png') 310px 38px no-repeat !important;
    overflow: hidden;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .ui-dialog .loginForm h4 {
    margin-top: 20px;
  }
  .ui-dialog .loginForm .btnCloseBox {
    margin-top: -60px;
  }
  .ui-dialog .loginForm .form-text {
    width: 260px;
  }
  .ui-dialog .loginForm .form-submit {
    margin: 10px 0 0 85px;
  }
  .ui-dialog .loginForm .bottomButtonsContainer {
    margin: 30px 0;
  }
  .ui-dialog .loginForm .ketnet-form-errors span {
    max-width: 270px;
  }
  .ui-dialog .registerForm .content {
    font-size: 18px;
    padding: 0 70px;
  }
  .ui-dialog .registerForm h4 {
    font-size: 28px;
    margin-top: 20px;
  }
  .ui-dialog .registerForm .btnCloseBox {
    margin-top: -60px;
  }
  .ui-dialog .registerForm .bottomButtonsContainer {
    margin: 30px 0;
  }
}
@media screen and (min-width: 660px) {
  #content-wrapper {
    margin: 0 auto;
    width: 660px;
  }
  #sidebar {
    float: left;
    width: 230px;
  }
  .activityStreamL #main-content,
  .activityStreamM #main-content,
  .activityStreamS #main-content {
    float: right;
    min-height: 20px;
    width: 410px;
  }
}
@media screen and (min-width: 950px) {
  #content-wrapper {
    width: 950px;
  }
  #sidebar {
    float: left;
    width: 280px;
  }
  .activityStreamL #main-content,
  .activityStreamM #main-content,
  .activityStreamS #main-content {
    width: 620px;
  }
}
.container-block {
  background: #671e75;
  color: #ffffff;
  margin: 0 auto;
  max-width: 450px;
  padding: 20px;
}
.container-block h2 {
  color: #fbe121;
  font: 18px 'ketnet_proxima_novaextrabold';
}
.container-block .form-radios,
.container-block p {
  margin: 1em 0;
}
.container-block input[type=submit],
.container-block button {
  background: #ff2355;
  border: none;
  color: #fbe121;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font: 16px 'ProximaNova-Bold';
  padding: 10px 20px;
  text-transform: lowercase;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.container-block label {
  color: #ffffff;
  font-size: 16px;
  margin: 0 0 5px 0;
  text-align: center;
}
.container-block .form-text {
  border: none;
  display: block;
  font: 18px 'ProximaNova-Regular';
  margin: 15px auto;
  max-width: 270px;
  padding: 10px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.container-block .ajax-progress {
  display: block;
  margin: 0 auto;
  width: 160px;
}
.container-block .ajax-progress .throbber {
  background: url('/sites/all/themes/ketnet/images/loader.gif') no-repeat center center;
  background-size: contain;
  display: inline-block;
  float: none;
  margin: 0 10px 0 0;
  height: 20px;
  width: 20px;
}
.container-block .ajax-progress .message {
  display: inline;
  padding: 0;
}
@media screen and (min-width: 980px) {
  #wrapper {
    background: url('../images/wrapper_bg_default.png') center 0 no-repeat;
    min-height: 540px;
  }
  .karrewiet-page #wrapper {
    background: url('../images/wrapper_bg_karrewiet.png') center 0 no-repeat;
  }
  .kaatje-page #wrapper {
    background: url('../images/wrapper_bg_junior.png') center 0 no-repeat;
  }
  #content-wrapper {
    min-height: 300px;
  }
  #cookie-bar-wrapper {
    bottom: 10px;
    left: 10px;
    width: 400px;
  }
  #menu {
    font-size: 16px;
    left: 344px;
    position: absolute;
    top: 22px;
  }
  #menu ul {
    list-style: none;
    vertical-align: top;
  }
  #menu li {
    padding: 0.6em;
    display: block;
    float: left;
    list-style: none;
    margin: 10px 0 0;
  }
  #menu li a {
    background: none;
    display: block;
    font-family: 'ProximaNova-Regular', Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    font-size: 0.8125em;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  #menu li a:hover {
    color: #75d489;
  }
  #menu li img {
    border: none;
  }
  #menu .label {
    display: block;
  }
}
#header {
  background: url('../images/mobile_header_default.png') center bottom no-repeat;
  padding: 0 0 60px 0;
}
#header #toggle-bar {
  padding: 20px 20px 10px;
  position: relative;
}
#header #toggle-bar #toggle-bar-logo {
  max-width: 60px;
}
#header #toggle-bar #toggle-menu {
  background: #344d86;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font: 16px 'ketnet_proxima_novaextrabold';
  height: 31px;
  padding: 0 12px;
  position: absolute;
  right: 63px;
  top: 20px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#header #toggle-bar #toggle-menu span {
  font-size: 10px;
}
#header #toggle-bar #toggle-search {
  background: #22d2f9;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  height: 31px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#header #header-inner {
  background: #012069;
  bottom: 0;
  display: none;
  left: 0;
  max-width: 300px;
  position: fixed;
  right: 20px;
  top: 0;
  z-index: 20;
}
#header #header-content {
  height: 100%;
  overflow: scroll;
  position: relative;
  width: 100%;
}
#header #logo {
  left: 20px;
  max-width: 60px;
  position: absolute;
  top: 20px;
}
#header #menu-close {
  background: none;
  border: none;
  color: #23d1f9;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
}
#header .userBox,
#header .profiel_userBox {
  background: #344d86;
  color: #fbe121;
  font: 15px/15px 'ProximaNova-Bold';
  margin: 10px;
  min-height: 90px;
  padding: 10px 10px 10px 80px;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
#header .userBox .img,
#header .profiel_userBox .img {
  display: none;
}
#header .userBox .alert,
#header .profiel_userBox .alert {
  border: 1px solid #ffffff;
  background: #ff2355;
  color: #ffffff;
  font-size: 18px;
  height: 22px;
  left: 55px;
  padding: 4px 0 0 0;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 26px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
#header .userBox .username,
#header .profiel_userBox .username {
  color: #eaf2fa;
}
#header .userBox ul,
#header .profiel_userBox ul {
  list-style: none;
  margin: 3px 0 0 -2px;
}
#header .userBox li,
#header .profiel_userBox li {
  display: inline-block;
  font: 12px/11px 'ProximaNova-Bold';
  text-align: center;
  width: 23px;
}
#header .userBox li a,
#header .profiel_userBox li a {
  color: #fbe121;
}
#header .userBox li span,
#header .profiel_userBox li span {
  font-size: 14px;
}
#header .userBox .icon-icoon-heart-sel,
#header .profiel_userBox .icon-icoon-heart-sel {
  color: #ff2355;
}
#header .userBox .icon-icoon-message,
#header .profiel_userBox .icon-icoon-message {
  color: #eaf2fa;
}
#header .userBox .icon-icoon-profiel,
#header .profiel_userBox .icon-icoon-profiel {
  color: #22d2f9;
}
#header .userBox .btnAfmelden,
#header .profiel_userBox .btnAfmelden {
  background: #012069;
  color: #22d2f9;
  font: 12px 'ketnet_proxima_novaextrabold';
  float: left;
  margin: -2px 0 0 0;
  padding: 5px 10px 4px;
  text-transform: uppercase;
  width: 78px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
#header .userBox .btnAfmelden span,
#header .profiel_userBox .btnAfmelden span {
  float: right;
  font-size: 9px;
  margin: 2px 0 0 0;
}
#header .userBox .btnWall,
#header .profiel_userBox .btnWall {
  color: #012069;
}
#header .btnWall,
#header .btnLogin,
#header .btnRegister {
  background: #22d2f9;
  display: block;
  font: 13px 'ketnet_proxima_novaextrabold';
  margin: 0 0 9px 10px;
  padding: 5px 12px 3px;
  text-transform: uppercase;
  width: 100px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#header .btnWall span,
#header .btnLogin span,
#header .btnRegister span {
  float: right;
  font-size: 9px;
  margin: 3px 0 0 0;
}
#header .btnWall {
  margin: 8px 0 9px 0;
  width: 115px;
}
#header .btnLogin {
  color: #671e75;
}
#header .btnRegister {
  color: #012069;
  margin-bottom: 0;
}
#header .breadcrumb {
  display: none;
}
#header .goto-junior a {
  background: #22d2f9;
  color: #fbe121;
  display: block;
  font: 22px 'ProximaNova-Bold';
  margin: 10px 10px 0;
  padding: 10px 20px;
  text-transform: lowercase;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#header .goto-junior .icon {
  color: #2d87a2;
  font-size: 50px;
  margin: -9px 0 0 0;
}
#header .goto-junior .corner {
  margin-left: 10px;
}
#header .search-form {
  display: none;
  padding: 0 20px 30px;
}
#header .search-form .container-inline div {
  display: block;
}
#header .search-form .corner-s-dark-blue {
  display: none;
}
#header .search-form .form-text {
  background: #22d2f9;
  border: none;
  color: #ffffff;
  font: 18px 'ProximaNova-Regular';
  padding: 7px 12px;
  width: 100%;
  width: calc(100% - 24px);
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#header .search-form .form-text::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#header .search-form .form-text::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#header .search-form .form-text:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#header .search-form .form-submit {
  display: none;
}
.karrewiet-page #header {
  background: url('../images/mobile_header_karrewiet.png') center bottom no-repeat;
  padding: 0 0 60px 0;
}
@media screen and (min-width: 980px) {
  #header-wrapper {
    height: 230px;
    margin: 0 auto;
    position: relative;
    width: 980px;
  }
  .karrewiet-page #header {
    background: none;
  }
  #header {
    background: none;
    padding: 0;
  }
  #header #toggle-bar {
    display: none;
  }
  #header #header-inner {
    background: none;
    display: block;
    max-width: 100%;
    position: static;
    z-index: 20;
  }
  #header #header-content {
    overflow: auto;
    position: static;
  }
  #header #logo {
    left: 0;
    max-width: 155px;
    position: absolute;
    top: 21px;
    z-index: 2;
  }
  #header #menu-close {
    display: none;
  }
  #header .userBox,
  #header .profiel_userBox {
    font: 15px/18px 'ProximaNova-Bold';
    margin: 21px 0 0 0;
    height: 105px;
    padding: 45px 0 0 160px;
    position: relative;
    width: 160px;
    z-index: 1;
    -webkit-border-radius: 150px;
    border-radius: 150px;
  }
  #header .userBox .img,
  #header .profiel_userBox .img {
    border: 2px solid #66ff99;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 54px;
    border-radius: 54px;
  }
  #header .userBox .alert,
  #header .profiel_userBox .alert {
    left: auto;
    right: -10px;
    top: 42px;
  }
  #header .userBox ul,
  #header .profiel_userBox ul {
    margin: 10px 0 0 -2px;
  }
  #header .userBox .btnAfmelden,
  #header .profiel_userBox .btnAfmelden {
    display: block;
    float: none;
    margin: 8px 0 0 0;
  }
  #header .btnLogin,
  #header .btnRegister {
    background: #22d2f9;
    display: block;
    font: 13px 'ketnet_proxima_novaextrabold';
    margin: 0 0 9px 10px;
    padding: 5px 12px 3px;
    text-transform: uppercase;
    width: 100px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
  #header .btnLogin span,
  #header .btnRegister span {
    float: right;
    font-size: 9px;
    margin: 3px 0 0 0;
  }
  #header .btnLogin {
    color: #671e75;
  }
  #header .btnRegister {
    color: #012069;
    margin-bottom: 0;
  }
  #header .breadcrumb {
    color: #22d2f9;
    display: block;
    font: 13px/15px 'ProximaNova-Bold';
    left: 368px;
    height: 45px;
    overflow: hidden;
    padding: 0 20px 0 0;
    position: absolute;
    top: 165px;
    width: 250px;
  }
  #header .breadcrumb a {
    color: #22d2f9;
  }
  #header .goto-junior a {
    background: url('../images/logo_ketnet_junior.png') no-repeat;
    background-size: 100%;
    background-position-y: -17px;
    display: block;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 156px;
    width: 149px;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  #header .goto-junior .corner {
    display: none;
  }
  #header .search-form {
    background: #344d86;
    display: block;
    height: 40px;
    left: 620px;
    padding: 0;
    position: absolute;
    top: 157px;
    width: 175px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #header .search-form .container-inline div {
    display: inline-block;
  }
  #header .search-form .corner-s-blue {
    display: none;
  }
  #header .search-form .corner-s-dark-blue {
    display: block;
    position: absolute;
    top: 40px;
  }
  #header .search-form .form-text {
    background: none;
    border: none;
    color: #fbe121;
    font: 14px 'ProximaNova-Regular';
    padding: 10px 12px 2px;
    width: 138px;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 36px;
  }
  #header .search-form .form-text::-webkit-input-placeholder {
    color: #fbe121;
    opacity: 1;
  }
  #header .search-form .form-text::-moz-placeholder {
    color: #fbe121;
    opacity: 1;
  }
  #header .search-form .form-text:-ms-input-placeholder {
    color: #fbe121;
    opacity: 1;
  }
  #header .search-form .form-submit {
    background: url('../images/icon_search.png') 0 0 no-repeat;
    background-size: 24px 24px;
    border: none;
    display: block;
    height: 24px;
    position: absolute;
    right: 8px;
    text-indent: -9999px;
    top: 8px;
    width: 24px;
  }
  .logged-in #header .userBox,
  .logged-in #header .profiel_userBox {
    background: #344d86;
    height: 127px;
    padding: 23px 0 0 160px;
  }
}
/*
Color mapping (old colors -> new colors).
pink -> red
orange -> yellow
green -> green
darkgreen -> darkgreen
blue -> blue
purple -> purple
bord -> darkblue
*/
a.orange,
.orange {
  color: #ff2355;
}
a.orange a,
.orange a {
  color: #ff2355;
}
a.orange h1,
.orange h1,
a.orange h2,
.orange h2,
a.orange .description,
.orange .description,
a.orange .subnav,
.orange .subnav {
  background: #fbe121;
}
a.orange .odd,
.orange .odd {
  background: #ffe521;
}
a.orange .description span,
.orange .description span {
  color: #671e75;
}
a.orange .description .bold,
.orange .description .bold {
  color: #ff2355;
}
a.orange .description .heart_like,
.orange .description .heart_like,
a.orange .description .heart_like span,
.orange .description .heart_like span {
  color: #ff2355;
}
a.orange .corner-xs,
.orange .corner-xs {
  background-position: -563px -745px;
}
a.pink,
.pink {
  color: #fbe121;
}
a.pink a,
.pink a {
  color: #fbe121;
}
a.pink h1,
.pink h1,
a.pink h2,
.pink h2,
a.pink .description,
.pink .description,
a.pink .subnav,
.pink .subnav {
  background: #ff2355;
}
a.pink .description span,
.pink .description span {
  color: #ffffff;
}
a.pink .description .bold,
.pink .description .bold {
  color: #fbe121;
}
a.pink .description .heart_like,
.pink .description .heart_like,
a.pink .description .heart_like span,
.pink .description .heart_like span {
  color: #ffffff;
}
a.pink .odd,
.pink .odd {
  background: #de2c54;
}
a.pink .corner-xs,
.pink .corner-xs {
  background-position: -563px -441px;
}
.zone-carrousel .pink a {
  color: #ff2355;
}
a.darkgreen,
.darkgreen,
a.green,
.green {
  color: #012069;
}
a.darkgreen a,
.darkgreen a,
a.green a,
.green a {
  color: #012069;
}
a.darkgreen h1,
.darkgreen h1,
a.green h1,
.green h1,
a.darkgreen h2,
.darkgreen h2,
a.green h2,
.green h2,
a.darkgreen .description,
.darkgreen .description,
a.green .description,
.green .description,
a.darkgreen .subnav,
.darkgreen .subnav,
a.green .subnav,
.green .subnav {
  background: #66ff99;
}
a.darkgreen .description span,
.darkgreen .description span,
a.green .description span,
.green .description span {
  color: #012069;
}
a.darkgreen .description .heart_like,
.darkgreen .description .heart_like,
a.green .description .heart_like,
.green .description .heart_like,
a.darkgreen .description .heart_like span,
.darkgreen .description .heart_like span,
a.green .description .heart_like span,
.green .description .heart_like span {
  color: #ff2355;
}
a.darkgreen .odd,
.darkgreen .odd,
a.green .odd,
.green .odd {
  background: #85ffac;
}
a.darkgreen .corner-xs,
.darkgreen .corner-xs,
a.green .corner-xs,
.green .corner-xs {
  background-position: -563px -593px;
}
a.blue,
.blue {
  color: #671e75;
}
a.blue a,
.blue a {
  color: #671e75;
}
a.blue h1,
.blue h1,
a.blue h2,
.blue h2,
a.blue .description,
.blue .description,
a.blue .subnav,
.blue .subnav {
  background: #22d2f9;
}
a.blue .description span,
.blue .description span {
  color: #ffffff;
}
a.blue .description .bold,
.blue .description .bold {
  color: #671e75;
}
a.blue .description .heart_like,
.blue .description .heart_like,
a.blue .description .heart_like span,
.blue .description .heart_like span {
  color: #ff2355;
}
a.blue .odd,
.blue .odd {
  background: #55befc;
}
a.blue .corner-xs,
.blue .corner-xs {
  background-position: -563px -897px;
}
a.purple,
.purple {
  color: #fbe121;
}
a.purple a,
.purple a {
  color: #fbe121;
}
a.purple h1,
.purple h1,
a.purple h2,
.purple h2,
a.purple .description,
.purple .description,
a.purple .subnav,
.purple .subnav {
  background: #671e75;
}
a.purple .description span,
.purple .description span {
  color: #ffffff;
}
a.purple .description .bold,
.purple .description .bold {
  color: #fbe121;
}
a.purple .description .heart_like,
.purple .description .heart_like,
a.purple .description .heart_like span,
.purple .description .heart_like span {
  color: #ff2355;
}
a.purple .odd,
.purple .odd {
  background: #854a91;
}
a.purple .corner-xs,
.purple .corner-xs {
  background-position: -563px -289px;
}
.zone-carrousel .purple a {
  color: #671e75;
}
a.bord,
.bord {
  color: #fbe121;
}
a.bord a,
.bord a {
  color: #fbe121;
}
a.bord h1,
.bord h1,
a.bord h2,
.bord h2,
a.bord .description,
.bord .description,
a.bord .subnav,
.bord .subnav {
  background: #012069;
}
a.bord .description span,
.bord .description span {
  color: #ffffff;
}
a.bord .description .bold,
.bord .description .bold {
  color: #fbe121;
}
a.bord .description .heart_like,
.bord .description .heart_like,
a.bord .description .heart_like span,
.bord .description .heart_like span {
  color: #ff2355;
}
a.bord .odd,
.bord .odd {
  background: #021f63;
}
a.bord .corner-xs,
.bord .corner-xs {
  background-position: -563px -137px;
}
.zone-carrousel .bord a {
  color: #012069;
}
/**
 * Mosaic
 */
.zone5 {
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone5 .block {
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}
.zone5 h2 {
  font: 14px 'ProximaNova-Bold';
}
.zone5 .articleSmall,
.zone5 .articleML,
.zone5 .articleSL {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone5 .description {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
}
.zone5 .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.zone5 .articleSmall {
  height: 180px;
}
.zone5 .articleSmall .articleSmall_img {
  margin: -32px 0 0 0;
}
.zone5 .articleSmall .articleSmall_img img {
  min-height: 180px;
}
.zone5 .articleML {
  height: 180px;
}
.zone5 .articleML img {
  min-height: 180px;
}
.zone5 .articleML .description {
  left: 45%;
  padding: 10px;
  top: 0;
  right: 0;
}
.zone5 .articleML .description h2 {
  padding-right: 50px;
}
.zone5 .articleML .description .corner {
  left: -22px;
  position: absolute;
  top: 7px;
}
.zone5 .articleSL {
  height: 370px;
}
.zone5 .articleSL img {
  min-height: 370px;
}
.zone5 .articleSL .description {
  padding: 10px;
}
.zone5 .articleSL h2 {
  padding-right: 50px;
}
.zone5 .intro {
  display: block;
  margin: 8px 0 0 0;
}
@media screen and (min-width: 410px) {
  .zone5 {
    max-width: none;
    width: 410px;
  }
  .zone5 .articleSmall {
    float: left;
    width: 200px;
  }
  .zone5 .articleSmall:first-child {
    margin-right: 10px;
  }
  .zone5 .articleSmall .articleSmall_img {
    margin: 0;
  }
  .zone5 .articleSmall .articleSmall_img img {
    min-height: 0;
  }
  .zone5 .articleML {
    clear: both;
    height: 180px;
    width: 410px;
  }
  .zone5 .articleML img {
    min-height: 0;
  }
  .zone5 .articleSL {
    height: 200px;
    text-align: right;
  }
  .zone5 .articleSL img {
    margin-top: -124px;
    min-height: 0;
  }
  .zone5 .articleSL .description {
    text-align: left;
    top: 0;
    right: 50%;
  }
  .zone5 .articleSL .description .corner {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: auto;
    right: -22px;
    top: 7px;
  }
}
@media screen and (min-width: 950px) {
  .zone5 {
    height: 370px;
    overflow: hidden;
    width: 620px;
  }
  .zone5 .mozaik_left {
    width: 410px;
  }
  .zone5 .left {
    float: left;
  }
  .zone5 .right {
    float: right;
  }
  .zone5 .articleSL {
    height: 370px;
    text-align: left;
    width: 200px;
  }
  .zone5 .articleSL img {
    margin-top: 0;
    min-height: 0;
  }
  .zone5 .articleSL .description {
    min-height: 75px;
    right: 0;
    top: auto;
  }
  .zone5 .articleSL .description .corner {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    left: 0;
    right: auto;
    top: -15px;
  }
}
/**
 * 2 Articles small
 */
.zone4 {
  overflow: hidden;
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone4 .block {
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone4 h2 {
  font: 14px 'ProximaNova-Bold';
}
.zone4 .description {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px 10px 10px 10px;
  position: absolute;
  right: 0;
}
.zone4 .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.zone4 .top3 {
  background: #ffffff;
}
.zone4 .top3 h2 {
  font-size: 18px;
  padding: 5px 0;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone4 .top3 h3 {
  color: #671e75;
  font: 16px 'ProximaNova-Bold';
}
.zone4 .top3 .form-checkboxes,
.zone4 .top3 .form-radios {
  margin: 0;
}
.zone4 .top3 .form-item-choice {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.zone4 .top3 .form-item-choice .form-radio,
.zone4 .top3 .form-item-choice .form-checkbox {
  float: left;
  margin: 2px 5px 2px 0;
}
.zone4 .top3 .form-item-choice .option {
  float: left;
}
.zone4 .top3 .results {
  overflow: hidden;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
}
.zone4 .top3 .results .text {
  clear: both;
  padding: 5px 0 5px 0;
}
.zone4 .top3 .results .bar,
.zone4 .top3 .results .percent {
  float: left;
}
.zone4 .top3 .results .bar {
  background: #def8fd;
  height: 12px;
  width: 80%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.zone4 .top3 .results .bar .foreground {
  background: #22d2f9;
  height: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.zone4 .top3 .results .percent {
  color: #22d2f9;
  font: 12px 'ProximaNova-Bold';
  text-align: right;
  width: 20%;
}
.zone4 .top3 .poll-wrapper {
  color: #671e75;
  padding: 10px 15px;
}
.zone4 .top3 .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  cursor: pointer;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 10px auto 0 auto;
  padding: 5px 12px 3px;
  width: 100px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.zone4 .intro {
  display: block;
  margin: 8px 0 0 0;
}
@media screen and (min-width: 410px) {
  .zone4 {
    max-width: none;
    width: 410px;
  }
  .zone4 .block {
    margin: 0;
    float: left;
    height: 217px;
    padding: 0 0 0px 0;
    width: 200px;
  }
  .zone4 .block:first-child {
    margin-right: 10px;
  }
}
@media screen and (min-width: 950px) {
  .zone4 {
    height: 250px;
    width: 620px;
  }
  .zone4 .block {
    height: 250px;
    padding: 0;
    width: 305px;
  }
  .zone4 .top3 {
    margin: 0 10px 0 0;
    width: 305px;
  }
  .zone4 .poll-right .top3 {
    float: right;
    margin: 0;
  }
}
/**
 * 2/1 Article(s) big
 */
.zone3 {
  overflow: hidden;
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone3 .block {
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone3 .block:first-child {
  margin-bottom: 10px;
}
.zone3 h2 {
  font: 14px 'ProximaNova-Bold';
}
.zone3 .img {
  line-height: 0;
}
.zone3 .description {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px 10px 10px 10px;
  right: 0;
}
.zone3 .description .corner {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  left: 0;
  position: absolute;
  margin: -25px 0 0 0;
}
.zone3 .intro {
  display: block;
  margin: 8px 0 0 0;
}
@media screen and (min-width: 410px) {
  .zone3 {
    max-width: none;
    width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .zone3 {
    width: 620px;
  }
  .zone3 .block {
    height: 225px;
    padding: 0;
    width: 620px;
  }
  .zone3 .description {
    bottom: 0;
    display: block;
    left: 420px;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .zone3 .description .corner {
    -ms-transform: rotate(-90deg);
    -moz-transform: scaleY(-1) scaleX(-1) rotate(-90deg);
    -o-transform: scaleY(-1) scaleX(-1) rotate(-90deg);
    -webkit-transform: scaleY(-1) scaleX(-1) rotate(-90deg);
    transform: scaleY(-1) scaleX(-1) rotate(-90deg);
    filter: FlipV FlipH;
    -ms-filter: "FlipV FlipH";
    left: -22px;
    margin: 0;
    position: absolute;
    top: 8px;
  }
  .zone3 .image-right {
    text-align: right;
  }
  .zone3 .image-right .description {
    left: 0;
    text-align: left;
    right: 420px;
  }
  .zone3 .image-right .description .corner {
    left: auto;
    margin: 0;
    position: absolute;
    right: -22px;
    top: 7px;
    -ms-transform: rotate(-90deg);
    -moz-transform: scaleY(-1) rotate(-90deg);
    -o-transform: scaleY(-1) rotate(-90deg);
    -webkit-transform: scaleY(-1) rotate(-90deg);
    transform: scaleY(-1) rotate(-90deg);
    filter: FlipV;
    -ms-filter: "FlipV";
  }
}
/**
 * Top 3 article
 */
.zone2 {
  overflow: hidden;
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone2 .block {
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone2 h2 {
  font: 18px 'ketnet_proxima_novaextrabold';
}
.zone2 .top3 {
  background: #ffffff;
}
.zone2 .top3 h2 {
  padding: 5px 0;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone2 .top3 h3 {
  font: 16px 'ProximaNova-Bold';
}
.zone2 .top3 .form-checkboxes,
.zone2 .top3 .form-radios {
  margin: 0;
}
.zone2 .top3 .form-item-choice {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.zone2 .top3 .form-item-choice .form-radio,
.zone2 .top3 .form-item-choice .form-checkbox {
  float: left;
  margin: 2px 5px 2px 0;
}
.zone2 .top3 .form-item-choice .option {
  float: left;
}
.zone2 .top3 .results {
  overflow: hidden;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
}
.zone2 .top3 .results .text {
  clear: both;
  padding: 5px 0 5px 0;
}
.zone2 .top3 .results .bar,
.zone2 .top3 .results .percent {
  float: left;
}
.zone2 .top3 .results .bar {
  background: #def8fd;
  height: 12px;
  width: 80%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.zone2 .top3 .results .bar .foreground {
  background: #22d2f9;
  height: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.zone2 .top3 .results .percent {
  color: #22d2f9;
  font: 12px 'ProximaNova-Bold';
  text-align: right;
  width: 20%;
}
.zone2 .top3 .poll-wrapper {
  padding: 10px 15px;
}
.zone2 .top3 .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  cursor: pointer;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 10px auto 0 auto;
  padding: 5px 12px 3px;
  width: 100px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.zone2 .intro {
  display: block;
  margin: 8px 0 0 0;
}
@media screen and (min-width: 410px) {
  .zone2 {
    max-width: none;
    width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .zone2 {
    height: 250px;
    width: 620px;
  }
  .zone2 .block {
    float: left;
    height: 250px;
    margin: 0;
    padding: 0;
    width: 400px;
  }
  .zone2 .top3 {
    margin: 0 10px 0 0;
    width: 210px;
  }
  .zone2 .poll-right .top3 {
    float: right;
    margin: 0;
  }
}
.imageflow {
  height: 145px;
  margin: 0 auto 15px auto;
  overflow: hidden;
  position: relative;
  width: 300px;
}
.imageflow .slide {
  display: none;
  position: absolute;
}
.imageflow a {
  display: block;
  height: 145px;
  position: relative;
  width: 220px;
}
.imageflow a .description {
  bottom: 0;
  font: 14px/16px 'ProximaNova-Bold';
  height: 32px;
  display: block;
  left: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  width: 200px;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.imageflow a .corner {
  bottom: 42px;
  left: 0;
  position: absolute;
}
.imageflow button {
  background: #671e75;
  border: none;
  color: #66ff99;
  cursor: pointer;
  font-size: 20px;
  height: 34px;
  line-height: 15px;
  outline: none;
  position: absolute;
  top: 100px;
  width: 35px;
}
.imageflow .previous-slide {
  left: 0;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
.imageflow .next-slide {
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.imageflow .prev,
.imageflow .next {
  display: block;
  height: 116px;
  overflow: hidden;
  position: absolute;
  top: 16px;
  width: 35px;
}
.imageflow .prev .corner,
.imageflow .next .corner {
  display: none;
}
.imageflow .prev {
  left: 0;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
.imageflow .next {
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.imageflow .main {
  display: block;
  left: 50%;
  margin: 0 0 0 -110px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index: 5;
}
.imageflow .main img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 410px) {
  .imageflow {
    height: 200px;
    overflow: visible;
    width: 410px;
  }
  .imageflow a {
    height: 200px;
    width: 330px;
  }
  .imageflow a .description {
    width: 310px;
  }
  .imageflow .main {
    margin: 0 0 0 -165px;
    width: 330px;
  }
  .imageflow .prev,
  .imageflow .next {
    height: 170px;
  }
  .imageflow button {
    top: 152px;
  }
}
@media screen and (min-width: 950px) {
  .imageflow {
    height: 200px;
    width: auto;
  }
  .imageflow a {
    height: 200px;
    width: 330px;
  }
  .imageflow a .description {
    width: 310px;
  }
  .imageflow .main {
    margin: 0 0 0 -165px;
    width: 330px;
  }
  .imageflow .prev-1,
  .imageflow .next-1 {
    display: block;
    height: 145px;
    overflow: hidden;
    top: 35px;
    width: 65px;
  }
  .imageflow .prev-1 .corner,
  .imageflow .next-1 .corner {
    display: none;
  }
  .imageflow .prev-1 .description,
  .imageflow .next-1 .description {
    bottom: 55px;
    text-indent: -9999px;
  }
  .imageflow .prev-1 {
    left: 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
  }
  .imageflow .next-1 {
    right: 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
  }
  .imageflow .prev {
    left: 70px;
  }
  .imageflow .next {
    right: 70px;
  }
  .imageflow .prev,
  .imageflow .next {
    display: block;
    height: 160px;
    top: 25px;
    width: 66px;
  }
  .imageflow .prev .description,
  .imageflow .next .description {
    bottom: 40px;
    text-indent: -9999px;
  }
  .imageflow button {
    background: #66ff99;
    color: #671e75;
    font-size: 18px;
    height: 31px;
    top: 84px;
    width: 31px;
  }
  .imageflow .previous-slide {
    left: 5px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
  }
  .imageflow .next-slide {
    right: 5px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
  }
  .imageflow .next-slide span {
    margin-left: 3px;
  }
}
@media screen and (min-width: 980px) {
  .imageflow .previous-slide {
    left: -16px;
  }
  .imageflow .next-slide {
    right: -16px;
  }
}
.zone-carrousel {
  margin: 0 auto 15px auto;
  max-width: 320px;
  position: relative;
}
.zone-carrousel h2 {
  font: 18px "ketnet_proxima_novaextrabold";
  padding: 10px 25px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-carrousel .viewport {
  background: #ffffff;
  height: 173px;
  overflow: scroll;
  position: relative;
  width: 100%;
}
.zone-carrousel .viewport .content {
  height: 125px;
  padding: 10px 5px;
  position: absolute;
  top: 0;
  width: 100%;
}
.zone-carrousel .viewport .content .item {
  float: left;
  height: 125px;
  margin: 0 5px;
  width: 192px;
}
.zone-carrousel .carrousel-next,
.zone-carrousel .carrousel-prev {
  display: none;
}
@media screen and (min-width: 410px) {
  .zone-carrousel {
    max-width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .zone-carrousel {
    max-width: 620px;
  }
  .zone-carrousel .viewport {
    overflow: hidden;
  }
  .zone-carrousel .viewport .content .item {
    margin: 0 6px;
  }
  .zone-carrousel .carrousel-next,
  .zone-carrousel .carrousel-prev {
    background: #fbe121;
    border: none;
    color: #671e75;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 40px;
    line-height: 15px;
    outline: none;
    position: absolute;
    top: 100px;
    width: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
  }
  .zone-carrousel .carrousel-prev {
    left: 0;
  }
  .zone-carrousel .carrousel-next {
    right: 0;
  }
  .zone-carrousel .carrousel-next span {
    margin-left: 3px;
  }
}
@media screen and (min-width: 980px) {
  .zone-carrousel .carrousel-prev {
    left: -20px;
  }
  .zone-carrousel .carrousel-next {
    right: -20px;
  }
}
.prog_header {
  margin: 0 auto 15px auto;
  max-width: 320px;
  position: relative;
  text-align: center;
}
.prog_header .progTitle {
  display: inline-block;
  position: relative;
}
.prog_header .progTitle h1 {
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 5px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.prog_header .progImg {
  line-height: 0;
  margin: -8px 0 0 0;
  position: relative;
}
.prog_header .progImg img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.prog_header .buttons {
  margin: -10px 0 0 0;
  overflow: hidden;
  position: relative;
}
.prog_header .buttons .blue {
  background: #a7ecfc;
  color: #ff2355;
  float: left;
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 10px 0 15px 0;
  text-align: center;
  width: 50%;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
.prog_header .buttons .blue .orb {
  background: #ff2355;
  color: #fbe121;
  display: block;
  font-size: 16px;
  height: 23px;
  margin: 0 auto;
  padding: 8px 0 0 1px;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.prog_header .buttons .blue a {
  color: #ff2355;
}
.prog_header .buttons .geel .epg-widget {
  background: #ff2355;
  color: #012069;
  float: left;
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 10px 0 15px 0;
  text-align: center;
  width: 50%;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.prog_header .buttons .geel .epg-widget .widget-nextbroadcast-title {
  color: #fbe121;
}
.prog_header .buttons .geel .epg-widget .widget-nextbroadcast-time,
.prog_header .buttons .geel .epg-widget .widget-nextbroadcast-date {
  font-size: 13px;
  line-height: 13px;
}
.subnav {
  font: 14px 'ProximaNova-Bold';
  margin: -21px auto 15px auto;
  max-width: 320px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.subnav a {
  display: block;
  padding: 11px 14px;
}
@media screen and (min-width: 410px) {
  .prog_header,
  .subnav {
    max-width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .prog_header {
    max-width: 620px;
    text-align: left;
  }
  .prog_header .progTitle {
    display: inline-block;
    margin: 0;
    z-index: 10;
  }
  .prog_header .corner-xs {
    margin: -1px 0 0 0;
  }
  .prog_header .progImg {
    position: relative;
    z-index: 10;
  }
  .prog_header .buttons {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
  }
  .prog_header .buttons .blue {
    float: none;
    padding: 10px 0 5px 0;
    width: 70px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .prog_header .buttons .geel .epg-widget {
    float: none;
    min-height: 66px;
    padding: 5px 0;
    width: 70px;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .subnav {
    max-width: 620px;
    position: relative;
    z-index: 11;
  }
  .subnav .odd {
    background: none;
  }
  .subnav .nav_el {
    display: inline-block;
  }
  .subnav .nav_el a {
    padding: 11px 14px;
  }
}
/**
 * Marketing header
 */
.zone9 {
  margin: 0 auto 15px auto;
  max-width: 320px;
  position: relative;
}
.zone9 .header-item {
  line-height: 0;
}
.zone9 .header-item img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 410px) {
  .zone9 {
    max-width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .zone9 {
    max-width: 620px;
  }
}
/**
 * Custom zone
 */
.zone-custom {
  overflow: hidden;
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone-custom .block {
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-custom h2 {
  font: 14px 'ProximaNova-Bold';
}
.zone-custom .description {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px 10px 10px 10px;
  position: absolute;
  right: 0;
}
.zone-custom .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.zone-custom img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-custom .row {
  overflow: hidden;
}
@media screen and (min-width: 410px) {
  .zone-custom {
    max-width: none;
    width: 410px;
  }
}
@media screen and (min-width: 660px) {
  .zone-custom .left,
  .zone-custom .right {
    width: 48%;
  }
  .zone-custom .left {
    float: left;
  }
  .zone-custom .right {
    float: right;
  }
}
@media screen and (min-width: 950px) {
  .zone-custom {
    width: 100%;
  }
  .zone-custom .split-zone {
    height: 250px;
  }
  .zone-custom .split-zone .article-left,
  .zone-custom .split-zone .article-right {
    width: 305px;
  }
  .zone-custom .split-zone .article-left {
    float: left;
  }
  .zone-custom .split-zone .article-right {
    float: right;
  }
  .zone-custom .left,
  .zone-custom .right {
    width: 464px;
  }
  .zone-custom .block {
    height: 250px;
    margin: 0;
    padding: 0;
    width: 305px;
  }
}
/**
 * Title zone
 */
.title-grid {
  margin: 0 auto 15px auto;
}
.title-grid img,
.title-grid h2 {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.title-grid h2 {
  font: 18px "ketnet_proxima_novaextrabold";
  padding: 10px 25px;
}
/**
 * Zone grid
 */
.zone-grid {
  clear: both;
  overflow: hidden;
  margin: 0 auto 15px auto;
  max-width: 320px;
}
.zone-grid .title h2 {
  display: inline-block;
  font: 20px 'ketnet_proxima_novaextrabold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-grid a {
  display: block;
  margin: -5px 0 15px 0;
  overflow: hidden;
  position: relative;
  width: 320px;
}
.zone-grid a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-grid a .description {
  bottom: 0;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.zone-grid a .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
@media screen and (min-width: 410px) {
  .zone-grid {
    max-width: 410px;
  }
  .zone-grid a {
    display: inline-block;
    float: left;
    margin: -5px 5px 15px 5px;
    width: 195px;
  }
}
@media screen and (min-width: 950px) {
  .zone-grid {
    margin: 0 0 15px -10px;
    max-width: 630px;
    width: 630px;
  }
  .zone-grid .title {
    margin: 0 0 0 10px;
  }
  .zone-grid a {
    display: inline-block;
    float: left;
    margin: 0 0 10px 10px;
    width: 200px;
  }
}
.zone-chatbox {
  overflow: hidden;
  margin: 0 auto 20px;
  max-width: 320px;
}
.zone-chatbox h2 {
  font: 22px 'ProximaNova-Bold';
  padding: 10px 25px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-chatbox #chatbox-messages-wrapper {
  background: #ffffff;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-messages {
  height: 200px;
  overflow: auto;
  word-break: break-all;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-messages div {
  color: #671e75;
  padding: 15px 20px;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-messages div:nth-child(odd) {
  background: #def8fd;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-messages div .author {
  color: #ff2355;
  font: 14px 'ProximaNova-Bold';
  margin-right: 10px;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-new-messages {
  background: #671e75;
  bottom: 0;
  color: #fbe121;
  display: none;
  font: 12px 'ProximaNova-Bold';
  left: 50%;
  margin: 0 0 0 -75px;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  width: 150px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-chatbox #chatbox-messages-wrapper #chatbox-new-messages .icon {
  font-size: 10px;
  margin-left: 10px;
}
.zone-chatbox #chatbox-wrapper {
  background: #dbe2e9;
  color: #671e75;
  padding: 20px 12px;
}
.zone-chatbox #chatbox-wrapper #chatbox-user {
  float: left;
  height: 54px;
  width: 54px;
}
.zone-chatbox #chatbox-wrapper #chatbox-user img {
  border: 2px solid #66ff99;
  display: block;
  -webkit-border-radius: 54px;
  border-radius: 54px;
}
.zone-chatbox #chatbox-wrapper #chatbox-done,
.zone-chatbox #chatbox-wrapper #chatbox-message {
  border: none;
  margin: 0 0 0 20px;
  padding: 10px 20px;
  width: 180px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.zone-chatbox #chatbox-wrapper #chatbox-done {
  display: none;
  float: left;
}
.zone-chatbox #chatbox-wrapper #chatbox-send {
  background: #ff2355;
  border: none;
  color: #fbe121;
  cursor: pointer;
  font: 16px 'ketnet_proxima_novaextrabold';
  height: 31px;
  float: right;
  margin: 10px 0 0 0;
  padding: 0 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.zone-chatbox #chatbox-wrapper #chatbox-loading {
  background: url('../images/chatbox_loader.gif') 0 0 no-repeat;
  display: none;
  height: 30px;
  float: right;
  margin: 10px 20px 0 0;
  width: 30px;
}
.zone-chatbox #chatbox-wrapper .info {
  clear: both;
  display: block;
  padding: 10px 0 0;
}
@media screen and (min-width: 410px) {
  .zone-chatbox {
    max-width: none;
    width: 410px;
  }
  .zone-chatbox #chatbox-wrapper #chatbox-done,
  .zone-chatbox #chatbox-wrapper #chatbox-message {
    margin-top: 8px;
  }
  .zone-chatbox #chatbox-wrapper #chatbox-send {
    margin: 10px 0 0 0;
  }
  .zone-chatbox #chatbox-wrapper #chatbox-loading {
    margin: 10px 20px 0 0;
  }
}
@media screen and (min-width: 950px) {
  .zone-chatbox {
    width: 620px;
  }
  .zone-chatbox #chatbox-wrapper #chatbox-done,
  .zone-chatbox #chatbox-wrapper #chatbox-message {
    width: 380px;
  }
  .zone-chatbox #chatbox-wrapper .info {
    padding: 0 0 0 74px;
  }
}
#activityStream h2 {
  background: #671e75;
  color: #66ff99;
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 10px;
  position: relative;
  text-align: center;
}
#activityStream h2 .text {
  display: inline-block;
  text-align: center;
  width: 150px;
}
#activityStream h2 .icon-icoon-hot-l,
#activityStream h2 .icon-icoon-hot-r {
  color: #fbe121;
  display: inline-block;
  font-size: 25px;
  left: 50%;
  position: absolute;
  top: 8px;
}
#activityStream h2 .icon-icoon-hot-l {
  margin-left: -100px;
}
#activityStream h2 .icon-icoon-hot-r {
  margin-left: 75px;
}
#activityStream .label {
  display: block;
  position: absolute;
  left: 7px;
  top: 7px;
}
#activityStream .label img {
  border: 4px solid #ffffff;
  background-color: white;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
#activityStream .stream-item {
  height: 175px;
  float: left;
  margin: 10px 5px;
  position: relative;
  width: 210px;
}
#activityStream .stream-item:first-child {
  margin-left: 10px;
}
#activityStream .stream-item .img {
  height: 160px;
  overflow: hidden;
  width: 210px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#activityStream .stream-item .img img {
  max-width: 210px;
}
#activityStream .stream-item .description {
  bottom: 15px;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 10px 10px 10px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#activityStream .stream-item .corner {
  float: left;
}
#activityStream .stream-item .corner-down {
  float: right;
}
#activityStream .viewport {
  background: #22d2f9;
  height: 195px;
  overflow: scroll;
  position: relative;
  width: 100%;
}
.activityStreamL #activityStream .content {
  height: 195px;
  position: absolute;
  top: 0;
  width: 1770px;
}
.activityStreamM #activityStream .content {
  height: 195px;
  position: absolute;
  top: 0;
  width: 1110px;
}
.activityStreamS #activityStream .content {
  height: 195px;
  position: absolute;
  top: 0;
  width: 890px;
}
@media screen and (min-width: 660px) {
  #activityStream h2 {
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #activityStream .viewport {
    background: #22d2f9;
    height: auto;
    overflow: visible;
    padding: 0 5px;
    position: relative;
    width: auto;
  }
  #activityStream .stream-item {
    float: none;
  }
  #activityStream .stream-item:first-child {
    margin-left: 5px;
  }
  .activityStreamL #activityStream .content {
    height: auto;
    position: static;
    width: 100%;
  }
  .activityStreamM #activityStream .content {
    height: auto;
    position: static;
    width: 100%;
  }
  .activityStreamS #activityStream .content {
    height: auto;
    position: static;
    width: 100%;
  }
}
@media screen and (min-width: 950px) {
  #activityStream .viewport {
    padding: 10px 15px;
  }
  #activityStream .stream-item {
    height: 205px;
    width: 240px;
  }
  #activityStream .stream-item:first-child {
    margin-left: 5px;
  }
  #activityStream .stream-item .img {
    height: 190px;
    overflow: hidden;
    width: 240px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #activityStream .stream-item .img img {
    max-width: 240px;
  }
}
#footer-top {
  background: url('../images/small_footer_top.png') center 0 no-repeat;
  height: 65px;
}
#footer-wrapper {
  background: #671e75;
}
#footer {
  color: #eaf2fa;
  font: 11px 'ProximaNova-Regular';
  padding: 20px 30px 20px;
}
#footer a {
  color: #eaf2fa;
}
#footer .corner {
  display: none;
}
#footer #noa-ketnet-radio {
  min-height: 60px;
  padding: 0 0 10px 60px;
  position: relative;
}
#footer #noa-ketnet-radio #listen-live {
  left: 0;
  position: absolute;
  top: 5px;
}
#footer #noa-ketnet-radio #listen-live a {
  color: #ff2355;
  display: block;
  font-size: 38px;
  height: 38px;
  position: relative;
  width: 38px;
}
#footer #noa-ketnet-radio #listen-live a .fill {
  background: #fbe121;
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 20px;
  z-index: 1;
}
#footer #noa-ketnet-radio #listen-live a .icon-icoon-play-btn {
  position: relative;
  z-index: 10;
}
#footer #noa-ketnet-radio #myNoaProgrammeDiv {
  color: #fbe121;
  font: 16px/16px 'ketnet_proxima_novaextrabold';
  text-transform: lowercase;
}
#footer #noa-ketnet-radio #myNoaArtistDiv,
#footer #noa-ketnet-radio #myNoaTitleDiv {
  color: #eaf2fa;
  font: 12px/14px 'ProximaNova-Regular';
}
#footer #noa-ketnet-radio #radioLink {
  display: none;
}
#footer .search-form {
  background: #854a91;
  display: block;
  height: 40px;
  padding: 0;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#footer .search-form .container-inline div {
  display: inline-block;
}
#footer .search-form .form-text {
  background: none;
  border: none;
  color: #fbe121;
  font: 14px 'ProximaNova-Regular';
  padding: 10px 12px 2px;
  width: 165px;
  border-radius: 0;
  -webkit-border-radius: 0;
}
#footer .search-form .form-text::-webkit-input-placeholder {
  color: #fbe121;
  opacity: 1;
}
#footer .search-form .form-text::-moz-placeholder {
  color: #fbe121;
  opacity: 1;
}
#footer .search-form .form-text:-ms-input-placeholder {
  color: #fbe121;
  opacity: 1;
}
#footer .search-form .form-submit {
  background: url('../images/icon_search.png') 0 0 no-repeat;
  background-size: 24px 24px;
  border: none;
  display: block;
  height: 24px;
  position: absolute;
  right: 12px;
  text-indent: -9999px;
  top: 8px;
  width: 24px;
}
#footer .search-form label {
  display: none;
}
#footer #doormat {
  padding: 22px 0 10px 0;
}
#footer #doormat ul {
  list-style: none;
}
#footer #doormat li {
  display: inline;
}
#footer #doormat a {
  background: #854a91;
  color: #eaf2fa;
  display: inline-block;
  font: 15px/31px 'ketnet_proxima_novaextrabold';
  height: 31px;
  margin: 0 9px 9px 0;
  padding: 0 12px 0 40px;
  position: relative;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#footer #doormat a .circle {
  background: #fbe121;
  color: #ff2355;
  display: block;
  font-size: 16px;
  height: 31px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#footer #doormat a .circle [class^="icon-"]::before,
#footer #doormat a .circle [class*=" icon-"]::before {
  line-height: 31px;
}
#footer #footer-links {
  text-align: center;
}
@media screen and (min-width: 980px) {
  #footer-top {
    background: url('../images/footer_top.png') center 0 no-repeat;
    height: 131px;
  }
  #footer {
    margin: 0 auto;
    padding: 0;
    width: 950px;
  }
  #footer #noa-ketnet-radio {
    float: left;
    margin: 0 0 0 60px;
    min-height: 60px;
    padding: 0 0 0 60px;
    position: relative;
    width: 420px;
  }
  #footer .search-form {
    float: left;
    width: 286px;
  }
  #footer .search-form .corner {
    display: none;
  }
  #footer #doormat {
    clear: both;
    padding: 0 0 0 60px;
  }
  #footer #doormat li {
    margin: 0 28px 0 0;
  }
  #footer #footer-links {
    padding: 10px 0 20px 0;
  }
}
/**
 * Games carousel
 */
.games-carousel {
  height: 220px;
  margin: 0 auto 15px auto;
  max-width: 272px;
  position: relative;
}
.games-carousel ul {
  list-style: none;
}
.games-carousel h3 {
  background: #671e75;
  color: #fbe121;
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 11px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.games-carousel .item {
  background: #ffffff;
  float: left;
  height: 220px;
  margin: 0 6px;
  width: 260px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.games-carousel .item .row {
  color: #012069;
  font: 12px/14px 'ProximaNova-Bold';
  display: block;
  height: 28px;
  overflow: hidden;
  padding: 0 30px;
  margin: 5px 0;
}
.games-carousel .item .row a {
  color: #012069;
}
.games-carousel .item .row .img {
  float: left;
  margin: 0 10px 0 0;
}
.games-carousel .item .more {
  color: #ff2355;
  display: block;
  font: 14px 'ProximaNova-Bold';
  text-align: center;
}
.games-carousel .item .more a {
  color: #ff2355;
}
.games-carousel .item .more span {
  font-size: 10px;
}
.games-carousel .viewport {
  height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.games-carousel .viewport .content {
  height: 220px;
  position: absolute;
  top: 0;
}
.games-carousel .carousel-next,
.games-carousel .carousel-prev {
  background: #fbe121;
  border: none;
  color: #671e75;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 40px;
  line-height: 15px;
  outline: none;
  position: absolute;
  top: 100px;
  width: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.games-carousel .carousel-prev {
  left: -14px;
}
.games-carousel .carousel-next {
  right: -14px;
}
@media screen and (min-width: 410px) {
  .games-carousel {
    max-width: 318px;
  }
  .games-carousel .item {
    width: 150px;
  }
  .games-carousel .item .row {
    padding: 0 10px;
    margin: 5px 0;
  }
}
@media screen and (min-width: 950px) {
  .games-carousel {
    max-width: 620px;
  }
  .games-carousel .item {
    margin: 0 6px 0 0;
  }
}
/**
 * Spelen 2.0
 */
.view-game-overview {
  margin: 0 auto;
  /*width: 231px;*/
  width: 310px;
}
.view-game-overview .block {
  display: inline-block;
  height: 175px;
  margin: 0 0 9px 0;
  overflow: hidden;
  position: relative;
  /*width: 230px;*/
  width: 310px;
}
.view-game-overview .block .labels {
  display: block;
  padding: 0 10px;
}
.view-game-overview .block .labels .label {
  background: url('../images/spelen/game_icons.png') 0 0 no-repeat;
  display: inline-block;
  height: 39px;
  margin: 5px 3px 0 0;
  position: relative;
  width: 39px;
  z-index: 1;
}
.view-game-overview .block .labels .label-behendigheid {
  background-position: -39px 0;
}
.view-game-overview .block .labels .label-karrewiet {
  background-position: -195px 0;
}
.view-game-overview .block .labels .label-puzzel {
  background-position: -78px 0;
}
.view-game-overview .block .labels .label-quiz {
  background-position: 0 0;
}
.view-game-overview .block .labels .label-sport {
  background-position: -117px 0;
}
.view-game-overview .block .labels .label-werkt_op_een_tablet {
  background-position: -156px 0;
}
.view-game-overview .block img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  left: 0;
  position: absolute;
  top: 0;
}
.view-game-overview .block h2 {
  font: 14px 'ProximaNova-Bold';
}
.view-game-overview .block .description {
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
}
.view-game-overview .block .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
#game-filter {
  background: #ff2355;
  margin: 0 auto 26px auto;
  padding: 0 18px;
  /*width: 207px;*/
  width: 274px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#game-filter .filter {
  color: #fbe121;
  display: block;
  font: 14px/18px 'ketnet_proxima_novaextrabold';
  padding: 8px 0;
  margin: 5px 0 0 0;
  text-align: center;
}
#game-filter .filter.active,
#game-filter .filter:hover {
  color: #ffffff;
}
.view-featured-games {
  line-height: 0;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  width: 310px;
}
.view-featured-games .next-slide,
.view-featured-games .prev-slide {
  display: none;
  height: 65px;
  line-height: 65px;
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 110px;
}
.view-featured-games .next-slide .icon,
.view-featured-games .prev-slide .icon {
  color: #66ff99;
  font-size: 25px;
  position: absolute;
}
.view-featured-games .next-slide img,
.view-featured-games .prev-slide img {
  max-width: none;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 340px;
}
.view-featured-games .next-slide .img,
.view-featured-games .prev-slide .img {
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  height: 65px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  width: 110px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.view-featured-games .prev-slide {
  left: 1px;
}
.view-featured-games .prev-slide .img {
  left: -112px;
}
.view-featured-games .prev-slide:hover .icon {
  display: none;
}
.view-featured-games .prev-slide:hover .img {
  -ms-transform: translate(111px, 0);
  -webkit-transform: translate(111px, 0);
  transform: translate(111px, 0);
}
.view-featured-games .next-slide {
  text-align: right;
  right: 3px;
}
.view-featured-games .next-slide .img {
  right: -114px;
}
.view-featured-games .next-slide .icon {
  right: 0;
}
.view-featured-games .next-slide:hover .icon {
  display: none;
}
.view-featured-games .next-slide:hover .img {
  -ms-transform: translate(-111px, 0);
  -webkit-transform: translate(-111px, 0);
  transform: translate(-111px, 0);
}
.view-featured-games a {
  display: none;
}
.view-featured-games a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.view-featured-games .pager {
  bottom: 13px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.view-featured-games .pager span {
  background: #ffffff;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.view-featured-games .pager .active {
  background: #66ff99;
}
@media screen and (min-width: 478px) {
  #game-filter {
    width: 442px;
  }
  #game-filter .filter {
    color: #ffffff;
    display: block;
    font: 14px/18px 'ketnet_proxima_novaextrabold';
    padding: 65px 0 0 0;
    text-align: center;
    min-width: 66px;
  }
  #game-filter .filter.active,
  #game-filter .filter:hover {
    color: #fbe121;
  }
  #game-filter .filter {
    display: inline-block;
    margin: 0 0 5px 0;
  }
  #game-filter .filter-all {
    background: #012069;
    border-bottom: 2px solid #141838;
    border-right: 2px solid #141838;
    color: #ffffff;
    font: 18px/18px 'ketnet_proxima_novaextrabold';
    margin: 0;
    padding: 8px 0;
    width: 93px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  }
  #game-filter .filter-all.active,
  #game-filter .filter-all:hover {
    background: #fbe121;
    border-bottom: 2px solid #ab9c17;
    border-right: 2px solid #ab9c17;
    color: #ff2355;
  }
  #game-filter .filter-quiz {
    background: url('../images/spelen/filter_quiz.png') center 0 no-repeat;
  }
  #game-filter .filter-quiz.active,
  #game-filter .filter-quiz:hover {
    background-position: center -86px;
  }
  #game-filter .filter-behendigheid {
    background: url('../images/spelen/filter_behendigheid.png') center 0 no-repeat;
  }
  #game-filter .filter-behendigheid.active,
  #game-filter .filter-behendigheid:hover {
    background-position: center -86px;
  }
  #game-filter .filter-puzzel {
    background: url('../images/spelen/filter_puzzel.png') center 0 no-repeat;
  }
  #game-filter .filter-puzzel.active,
  #game-filter .filter-puzzel:hover {
    background-position: center -86px;
  }
  #game-filter .filter-sport {
    background: url('../images/spelen/filter_sport.png') center 0 no-repeat;
  }
  #game-filter .filter-sport.active,
  #game-filter .filter-sport:hover {
    background-position: center -86px;
  }
  #game-filter .filter-karrewiet {
    background: url('../images/spelen/filter_karrewiet.png') center 0 no-repeat;
  }
  #game-filter .filter-karrewiet.active,
  #game-filter .filter-karrewiet:hover {
    background-position: center -86px;
  }
  #game-filter .filter-tablet {
    background: url('../images/spelen/filter_tablet.png') center 0 no-repeat;
  }
  #game-filter .filter-tablet.active,
  #game-filter .filter-tablet:hover {
    background-position: center -86px;
  }
  #game-filter p {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .view-featured-games,
  .view-game-overview {
    width: 478px;
  }
}
@media screen and (min-width: 660px) {
  #game-filter {
    width: 433px;
  }
  .view-featured-games,
  .view-game-overview {
    width: 469px;
  }
  .view-game-overview .block {
    width: 230px;
  }
}
@media screen and (min-width: 950px) {
  .pane-ketnet-header-3 .prog_header {
    display: inline-block;
    height: auto;
    margin: -47px 0 0 12px;
    position: absolute;
    transform: rotate(-12deg);
    z-index: 10;
  }
  #game-filter {
    margin: 0 0 36px 0;
    width: 911px;
  }
  .view-featured-games {
    width: 947px;
  }
  .view-game-overview {
    width: 950px;
  }
}
.node-wrapper {
  margin: 0 auto 15px auto !important;
  max-width: 320px;
}
.node-wrapper h1 {
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.node-wrapper p {
  margin: 0 0 15px 0;
}
.node-wrapper .body {
  background: #ffffff;
  color: #012069;
  line-height: 20px;
  font-size: 16px;
  overflow: hidden;
  padding: 20px;
}
.node-wrapper .body .float-left,
.node-wrapper .body .floatLeft {
  float: left;
  margin: 0 15px 15px 0;
}
.node-wrapper .body a {
  color: #012069;
  text-decoration: underline;
}
.node-wrapper .body a:hover {
  text-decoration: none;
}
.node-wrapper .body h1,
.node-wrapper .body h2 {
  background: none;
}
.node-wrapper .body h2 {
  font-weight: normal;
  font-size: 16px;
  margin: 0 0 15px 0;
}
.node-wrapper .body h3,
.node-wrapper .body h4,
.node-wrapper .body h5 {
  font-family: 'ketnet_proxima_novaextrabold';
  font-weight: normal;
  margin: 0 0 15px 0;
}
.node-wrapper .body h2,
.node-wrapper .body h3 {
  color: #22d2f9;
}
.node-wrapper .body h3 {
  font-size: 20px;
}
.node-wrapper .body h4 {
  font-size: 18px;
}
.node-wrapper .body h5 {
  font-size: 16px;
}
.node-wrapper .body ul {
  margin: 0 15px 15px;
}
.node-wrapper .body .media_wrapper {
  margin: 0 0 15px 0;
}
.node-wrapper .webform-wrapper {
  background: #d9dee9;
  padding: 20px;
}
.node-wrapper .webform-wrapper .login-message a {
  text-decoration: underline;
}
.node-wrapper .webform-wrapper .login-message a:hover {
  text-decoration: none;
}
.node-wrapper .webform-wrapper label {
  color: #012069;
  font-size: 18px;
  margin: 0 0 5px 0;
}
.node-wrapper .webform-wrapper .webform-component {
  margin: 0 0 15px 0;
}
.node-wrapper .webform-wrapper .description {
  background: none;
}
.node-wrapper .webform-wrapper .form-text {
  border: none;
  margin: 0;
  max-width: 80%;
  max-width: calc(100% - 40px);
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.node-wrapper .webform-wrapper .form-required {
  color: #ff2355;
}
.node-wrapper .webform-wrapper .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  cursor: pointer;
  font: 16px 'ketnet_proxima_novaextrabold';
  height: 40px;
  padding: 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.node-wrapper .webform-wrapper .form-managed-file .form-submit {
  height: 32px;
  margin-left: 15px;
  padding: 0 30px;
}
.node-webform .body {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.node-calendar_item .body {
  color: #344d86;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.node-calendar_item .body h1 {
  background: none;
  color: #ff2355;
  font-size: 22px;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.node-calendar_item .body p {
  margin: 8px 0 0 0;
}
.node-calendar_item .body .left {
  margin: 0 0 10px 0;
  overflow: hidden;
}
.node-calendar_item .body .left .datelist {
  background: #d9dee9;
  float: left;
  font-size: 13px;
  margin: 0 2px 10px 0;
  min-height: 92px;
  padding: 10px;
  width: 119px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.node-calendar_item .body .left .datelist h3 {
  color: #012069;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 0 5px 0;
}
.node-calendar_item .body .left .datelist ul {
  list-style-type: none;
  margin: 0;
}
.node-calendar_item .body .left .datelist ul li {
  padding: 5px 0 0 0;
}
.node-calendar_item .body .left img {
  float: left;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.node-poll .results {
  overflow: hidden;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
}
.node-poll .results .text {
  clear: both;
  padding: 5px 0 5px 0;
}
.node-poll .results .bar,
.node-poll .results .percent {
  float: left;
}
.node-poll .results .bar {
  background: #def8fd;
  height: 12px;
  width: 80%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.node-poll .results .bar .foreground {
  background: #22d2f9;
  height: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.node-poll .results .percent {
  color: #22d2f9;
  font: 12px 'ProximaNova-Bold';
  text-align: right;
  width: 20%;
}
.node-poll .poll-wrapper {
  padding: 10px 15px;
}
.node-poll .form-checkboxes,
.node-poll .form-radios {
  clear: both;
  margin: 0;
  overflow: hidden;
}
.node-poll .form-checkboxes .form-item,
.node-poll .form-radios .form-item {
  clear: both;
}
.node-poll .form-item {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 10px 0 0.4em 0;
}
.node-poll .form-item input {
  float: left;
  margin: 2px 5px 2px 0;
  width: 25px;
}
.node-poll .form-item label {
  display: block;
  margin: 0 0 0 30px;
}
.node-poll .form-item label p {
  margin: 0;
}
.node-poll .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  cursor: pointer;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 10px 0 0 0;
  padding: 5px 12px 3px;
  width: 100px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.pane-node-content .pane-content .node-container,
.pane-node-content .pane-content .node-game,
.pane-node-content .pane-content .node-type-game,
.pane-node-content .pane-content .node-type-container {
  margin: 0 auto 15px auto;
}
.pane-content .node-container,
.pane-content .node-game {
  margin: 0 auto 15px auto;
  max-width: 310px;
}
.pane-content .node-container .overview-link,
.pane-content .node-game .overview-link {
  display: inline-block;
  position: relative;
}
.pane-content .node-container .overview-link a,
.pane-content .node-game .overview-link a {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.pane-content .node-container .overview-link .corner-xs,
.pane-content .node-game .overview-link .corner-xs {
  margin: -1px 0 0 0;
}
.pane-content .node-container .header,
.pane-content .node-game .header {
  text-align: right;
}
.pane-content .node-container .header h1,
.pane-content .node-game .header h1 {
  background: #671e75;
  color: #66ff99;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 5px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.pane-content .node-container .container,
.pane-content .node-game .container,
.pane-content .node-container .game,
.pane-content .node-game .game {
  background: #012069;
  line-height: 0;
  text-align: center;
}
.pane-content .node-container .container iframe,
.pane-content .node-game .container iframe,
.pane-content .node-container .game iframe,
.pane-content .node-game .game iframe {
  border: none;
  max-width: 100%;
}
.pane-content .node-container .container object,
.pane-content .node-game .container object,
.pane-content .node-container .game object,
.pane-content .node-game .game object {
  color: #ffffff;
  line-height: 30px;
}
.pane-content .node-container .container .iframe-fallback,
.pane-content .node-game .container .iframe-fallback,
.pane-content .node-container .game .iframe-fallback,
.pane-content .node-game .game .iframe-fallback {
  color: #ffffff;
  line-height: 20px;
  margin: 0 auto;
  padding: 15px;
  width: 270px;
}
.pane-content .node-container .container .iframe-fallback a,
.pane-content .node-game .container .iframe-fallback a,
.pane-content .node-container .game .iframe-fallback a,
.pane-content .node-game .game .iframe-fallback a {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 15px auto 0 auto;
  padding: 5px;
  text-align: center;
  width: 100px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.pane-content .node-container .footer,
.pane-content .node-game .footer {
  background: #012069;
  color: #ffffff;
  padding: 15px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.pane-content .node-container .footer .title,
.pane-content .node-game .footer .title {
  color: #66ff99;
  font: 16px 'ketnet_proxima_novaextrabold';
}
.pane-content .node-container .footer p,
.pane-content .node-game .footer p {
  margin: 15px 0 0 0;
}
.pane-content .node-container .footer .description,
.pane-content .node-game .footer .description {
  margin-bottom: 20px;
}
.pane-content .node-container .footer .description a,
.pane-content .node-game .footer .description a {
  color: #ffffff;
  text-decoration: underline;
}
.pane-content .node-container .footer .description a:hover,
.pane-content .node-game .footer .description a:hover {
  text-decoration: none;
}
@media screen and (min-width: 410px) {
  .node-wrapper {
    max-width: none;
    width: 410px;
  }
  .node-calendar_item .body .left .datelist {
    margin: 0 10px 10px 0;
  }
  .pane-content .node-container,
  .pane-content .node-game {
    max-width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .node-wrapper {
    width: 620px;
  }
  .node-wrapper h1 {
    padding: 15px 20px;
  }
  .node-wrapper .body {
    padding: 20px 20px;
  }
  .node-wrapper .webform-wrapper {
    padding: 20px 20px;
  }
  .node-calendar_item .body .left {
    float: left;
    margin: 0 20px 0 0;
    width: 139px;
  }
  .node-calendar_item .body .left .datelist {
    float: none;
    margin: 0 0 10px 0;
  }
  .node-calendar_item .body .left img {
    float: none;
  }
  .node-calendar_item .body .kal_text {
    float: left;
    width: 380px;
  }
  .pane-content .node-container,
  .pane-content .node-game {
    max-width: 950px;
  }
  .pane-content .node-container .overview-link,
  .pane-content .node-game .overview-link {
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  .pane-content .node-container .footer,
  .pane-content .node-game .footer {
    overflow: hidden;
    padding: 20px;
  }
  .pane-content .node-container .footer .description,
  .pane-content .node-game .footer .description {
    float: left;
    width: 600px;
  }
  .pane-content .node-container .footer .social,
  .pane-content .node-game .footer .social {
    float: right;
    width: 300px;
  }
  .pane-content .node-container .container iframe,
  .pane-content .node-game .container iframe {
    max-width: none;
  }
}
.page-header {
  height: 46px;
  text-align: center;
}
.page-header .page-title {
  display: inline-block;
  position: relative;
}
.page-header .page-title h1 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 7px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.kaatje-page .page-header .page-title h1 {
  background: #54daf8;
  color: #032067;
}
.kaatje-page .page-header .page-title .corner {
  background-position: -563px -863px;
}
/**
 * Video program carousel
 */
.ketnet-page .videonavigationkaatje-responsive {
  display: none;
}
.kaatje-page .videonavigation-responsive {
  display: none;
}
.videonavigationkaatje-responsive,
.videonavigation-responsive {
  margin: 0 auto 15px auto;
  max-width: 260px;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive,
.videonavigation-responsive #videonavigationkaatje-responsive,
.videonavigationkaatje-responsive #videonavigation-responsive,
.videonavigation-responsive #videonavigation-responsive {
  background: #671e75;
  padding: 13px 0 13px 30px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .view,
.videonavigation-responsive #videonavigationkaatje-responsive .view,
.videonavigationkaatje-responsive #videonavigation-responsive .view,
.videonavigation-responsive #videonavigation-responsive .view {
  height: 100px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-left,
.videonavigation-responsive #videonavigationkaatje-responsive .videonavigation-responsive-left,
.videonavigationkaatje-responsive #videonavigation-responsive .videonavigation-responsive-left,
.videonavigation-responsive #videonavigation-responsive .videonavigation-responsive-left,
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-right,
.videonavigation-responsive #videonavigationkaatje-responsive .videonavigation-responsive-right,
.videonavigationkaatje-responsive #videonavigation-responsive .videonavigation-responsive-right,
.videonavigation-responsive #videonavigation-responsive .videonavigation-responsive-right {
  background: #ff2355;
  color: #fbe121;
  cursor: pointer;
  font-size: 20px;
  height: 40px;
  line-height: 42px;
  position: absolute;
  top: 45px;
  width: 40px;
  z-index: 12;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-left,
.videonavigation-responsive #videonavigationkaatje-responsive .videonavigation-responsive-left,
.videonavigationkaatje-responsive #videonavigation-responsive .videonavigation-responsive-left,
.videonavigation-responsive #videonavigation-responsive .videonavigation-responsive-left {
  height: 39px;
  left: -20px;
  padding: 1px 0 0 8px;
  width: 32px;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-right,
.videonavigation-responsive #videonavigationkaatje-responsive .videonavigation-responsive-right,
.videonavigationkaatje-responsive #videonavigation-responsive .videonavigation-responsive-right,
.videonavigation-responsive #videonavigation-responsive .videonavigation-responsive-right {
  height: 39px;
  padding: 1px 0 0 11px;
  right: -20px;
  width: 29px;
}
.videonavigationkaatje-responsive ul,
.videonavigation-responsive ul {
  left: 0;
  list-style: none;
  position: absolute;
  top: 0;
}
.videonavigationkaatje-responsive ul li,
.videonavigation-responsive ul li {
  display: inline-block;
  float: left;
  height: 100px;
  padding-right: 8px;
  width: 150px;
}
.videonavigationkaatje-responsive ul li a,
.videonavigation-responsive ul li a {
  display: block;
  height: 100px;
  position: relative;
}
.videonavigationkaatje-responsive ul li a img,
.videonavigation-responsive ul li a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.videonavigationkaatje-responsive ul li a .carousel-text,
.videonavigation-responsive ul li a .carousel-text {
  background: #fbe121;
  color: #671e75;
  bottom: 0;
  display: block;
  font: 12px 'ProximaNova-Bold';
  left: 0;
  padding: 5px 10px;
  position: absolute;
  width: 130px;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.videonavigationkaatje-responsive ul li a .carousel-text .corner,
.videonavigation-responsive ul li a .carousel-text .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.videonavigationkaatje-responsive #ketnet-jr-knop,
.videonavigation-responsive #ketnet-jr-knop {
  background: #ffffff;
  color: #22d2f9;
  display: block;
  height: 43px;
  padding: 10px 10px 0 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.videonavigationkaatje-responsive #ketnet-jr-knop .logo,
.videonavigation-responsive #ketnet-jr-knop .logo {
  background: url('../images/logo_ketnet_junior.png') 0 0 no-repeat;
  background-size: contain;
  display: block;
  float: left;
  height: 53px;
  margin: -10px 10px 0 0;
  width: 53px;
}
.videonavigationkaatje-responsive #ketnet-jr-knop .text,
.videonavigation-responsive #ketnet-jr-knop .text {
  font: 14px 'ketnet_proxima_novaextrabold';
}
.videonavigationkaatje-responsive .kaatje #videonavigationkaatje-responsive {
  background: #62dcfb;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive {
  background: #62dcfb;
}
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-left,
.videonavigationkaatje-responsive #videonavigationkaatje-responsive .videonavigation-responsive-right {
  background: #ffffff;
  color: #22d2f9;
}
.videonavigationkaatje-responsive ul li a .carousel-text {
  background: #fbe121;
  color: #012069;
}
.videonavigationkaatje-responsive ul li a .carousel-text .corner {
  background-position: -563px -711px;
}
.videonavigationkaatje-responsive #ketnet-knop {
  background: #671e75;
  color: #fbe121;
  display: block;
  height: 43px;
  padding: 10px 10px 0 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.videonavigationkaatje-responsive #ketnet-knop .logo {
  background: url('../images/logo.png') 0 0 no-repeat;
  background-size: contain;
  display: block;
  float: left;
  height: 53px;
  margin: -10px 10px 0 0;
  width: 53px;
}
.videonavigationkaatje-responsive #ketnet-knop .text {
  font: 14px 'ketnet_proxima_novaextrabold';
}
@media screen and (min-width: 410px) {
  .videonavigationkaatje-responsive,
  .videonavigation-responsive {
    max-width: 350px;
  }
}
@media screen and (min-width: 660px) {
  .videonavigationkaatje-responsive,
  .videonavigation-responsive {
    max-width: 600px;
  }
}
@media screen and (min-width: 950px) {
  .videonavigationkaatje-responsive,
  .videonavigation-responsive {
    clear: both;
    height: 127px;
    margin: 0 0 15px;
    max-width: 950px;
  }
  .videonavigationkaatje-responsive #videonavigationkaatje-responsive,
  .videonavigation-responsive #videonavigationkaatje-responsive,
  .videonavigationkaatje-responsive #videonavigation-responsive,
  .videonavigation-responsive #videonavigation-responsive {
    float: left;
    width: 750px;
  }
  .videonavigationkaatje-responsive #ketnet-knop,
  .videonavigation-responsive #ketnet-knop,
  .videonavigationkaatje-responsive #ketnet-jr-knop,
  .videonavigation-responsive #ketnet-jr-knop {
    float: right;
    height: 112px;
    padding: 15px 5px 0;
    width: 130px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .videonavigationkaatje-responsive #ketnet-knop .logo,
  .videonavigation-responsive #ketnet-knop .logo,
  .videonavigationkaatje-responsive #ketnet-jr-knop .logo,
  .videonavigation-responsive #ketnet-jr-knop .logo {
    float: none;
    height: 70px;
    margin: 0 auto;
    width: 120px;
    background-position: center;
  }
  .videonavigationkaatje-responsive #ketnet-knop .text,
  .videonavigation-responsive #ketnet-knop .text,
  .videonavigationkaatje-responsive #ketnet-jr-knop .text,
  .videonavigation-responsive #ketnet-jr-knop .text {
    font: 11px 'Proximanova-Bold';
  }
  .videonavigationkaatje-responsive #ketnet-jr-knop,
  .videonavigation-responsive #ketnet-jr-knop {
    background: #DEF8FD url('../images/ketnet-jr-knop.png') center top no-repeat;
    color: #012069;
  }
}
.keuze-wrappers-ketnet {
  margin: 0 auto 15px auto;
  max-width: 320px;
  overflow: hidden;
}
.keuze-wrappers-ketnet a {
  display: block;
  height: 170px;
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}
.keuze-wrappers-ketnet a .image {
  line-height: 0;
}
.keuze-wrappers-ketnet a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.keuze-wrappers-ketnet a .description {
  bottom: 0;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 10px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.keuze-wrappers-ketnet a .description .corner {
  left: 0;
  position: absolute;
  top: -18px;
}
.kaatje-page .keuze-wrappers-ketnet a .description {
  background: #fbe121;
  color: #012069;
}
.kaatje-page .keuze-wrappers-ketnet a .description .corner {
  background-position: -557px -727px;
}
@media screen and (min-width: 410px) {
  .keuze-wrappers-ketnet {
    max-width: 410px;
  }
  .keuze-wrappers-ketnet a {
    display: inline-block;
    float: left;
    height: 130px;
    margin: 0 2px 15px;
    width: 201px;
  }
}
@media screen and (min-width: 660px) {
  .keuze-wrappers-ketnet {
    max-width: 660px;
  }
  .keuze-wrappers-ketnet a {
    height: 130px;
    margin: 0 5px 15px;
    width: 210px;
  }
}
@media screen and (min-width: 950px) {
  .keuze-wrappers-ketnet {
    margin: 0 0 15px 0;
    max-width: 950px;
  }
  .keuze-wrappers-ketnet .views-row-1 a {
    height: 354px;
    margin: 0;
    width: 632px;
  }
  .keuze-wrappers-ketnet .views-row-2 a,
  .keuze-wrappers-ketnet .views-row-3 a {
    height: 170px;
    margin: 0 0 14px 20px;
    width: 298px;
  }
  .keuze-wrappers-ketnet .views-row-4 a {
    height: 170px;
    margin: 6px 0 0 0;
    width: 306px;
  }
  .keuze-wrappers-ketnet .views-row-5 a {
    height: 170px;
    margin: 6px 0 0 20px;
    width: 306px;
  }
  .keuze-wrappers-ketnet .views-row-6 a {
    height: 170px;
    margin: 6px 0 0 20px;
    width: 298px;
  }
}
.ketnet-abc-index {
  margin: 20px auto 20px auto;
  text-align: center;
  max-width: 320px;
}
.ketnet-abc-index a {
  background: #012069;
  color: #fbe121;
  display: inline-block;
  font: 20px 'ketnet_proxima_novaextrabold';
  height: 38px;
  margin: 0 4px 10px 3px;
  padding: 12px 0 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.ketnet-abc-index .inactive {
  background: #99a6c3;
  color: #eaf2fa;
}
#ketnet-abc-global {
  margin: 0 auto 15px auto;
  max-width: 320px;
}
#ketnet-abc-global .group {
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-abc-global .group h3 {
  color: #ff2355;
  font: 60px 'ketnet_proxima_novaextrabold';
  padding: 20px 0;
  text-align: center;
}
#ketnet-abc-global .group a {
  display: block;
  margin: 10px 0 0 0;
  position: relative;
}
#ketnet-abc-global .group a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-abc-global .group a .description {
  bottom: 0;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
#ketnet-abc-global .group a .description .corner {
  left: 0;
  position: absolute;
  top: -18px;
}
.kaatje-page #ketnet-abc-global .group h3 {
  color: #ffffff;
}
@media screen and (min-width: 410px) {
  .ketnet-abc-index {
    max-width: 410px;
  }
  #ketnet-abc-global {
    max-width: 410px;
  }
  #ketnet-abc-global .group {
    overflow: hidden;
  }
  #ketnet-abc-global .group a {
    display: inline-block;
    float: left;
    margin: 10px 5px 0 5px;
    width: 195px;
  }
}
@media screen and (min-width: 660px) {
  .ketnet-abc-index {
    max-width: 660px;
  }
  #ketnet-abc-global {
    max-width: 660px;
  }
  #ketnet-abc-global .group {
    overflow: hidden;
    padding: 0 5px 10px 6px;
  }
  #ketnet-abc-global .group a {
    display: inline-block;
    float: left;
    margin: 10px 5px 0 5px;
    width: 206px;
  }
}
@media screen and (min-width: 950px) {
  .page-header {
    display: inline-block;
    height: auto;
    margin: -47px 0 0 12px;
    position: absolute;
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    z-index: 10;
  }
  .page-header .corner-xs {
    margin: -1px 0 0 0;
  }
  .ketnet-abc-index {
    max-width: 950px;
  }
  #ketnet-abc-global {
    max-width: 950px;
  }
  #ketnet-abc-global .group {
    background: none;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 10px 6px;
  }
  #ketnet-abc-global .group h3 {
    padding: 0;
  }
  #ketnet-abc-global .group .content {
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    padding: 18px 9px 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #ketnet-abc-global .group a {
    display: inline-block;
    float: left;
    margin: 0 9px 18px;
    width: 289px;
  }
}
.kijken-subnavigation {
  margin: 0 auto 15px auto;
  overflow: hidden;
  max-width: 310px;
}
.kijken-subnavigation .title h3 {
  background: #012069;
  color: #66ff99;
  display: inline-block;
  font: 20px 'ketnet_proxima_novaextrabold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.kijken-subnavigation a {
  display: inline-block;
  float: left;
  height: 130px;
  margin: 0 15px 0 0;
  overflow: hidden;
  position: relative;
  width: 240px;
}
.kijken-subnavigation a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.kijken-subnavigation a .description {
  background: #66ff99;
  bottom: 0;
  color: #012069;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.kijken-subnavigation a .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.kijken-subnavigation .viewport {
  background: #012069;
  height: 150px;
  overflow: scroll;
  padding: 15px 0 0 20px;
  position: relative;
  width: 290px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.kijken-subnavigation .viewport .content {
  position: absolute;
}
.kijken-subnavigation .items-1 .content {
  width: 255px;
}
.kijken-subnavigation .items-2 .content {
  width: 510px;
}
.kijken-subnavigation .items-3 .content {
  width: 765px;
}
@media screen and (min-width: 410px) {
  .kijken-subnavigation {
    max-width: 410px;
  }
  .kijken-subnavigation .viewport {
    width: 390px;
  }
}
@media screen and (min-width: 660px) {
  .kijken-subnavigation {
    max-width: 660px;
  }
  .kijken-subnavigation .viewport {
    width: 640px;
  }
}
@media screen and (min-width: 950px) {
  .kijken-subnavigation {
    margin: 0 0 15px 0;
    max-width: 950px;
    overflow: visible;
    padding: 43px 0 0 0;
    position: relative;
  }
  .kijken-subnavigation .title {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .kijken-subnavigation a {
    height: 160px;
    width: 285px;
  }
  .kijken-subnavigation .viewport {
    background: #012069;
    height: 175px;
    overflow: hidden;
    padding: 15px 0 0 30px;
    position: relative;
    width: auto;
  }
  .kijken-subnavigation .items-1 .content,
  .kijken-subnavigation .items-2 .content,
  .kijken-subnavigation .items-3 .content {
    width: 900px;
  }
}
.grid-4 {
  clear: both;
  overflow: hidden;
  margin: 0 auto 15px auto;
  max-width: 320px;
}
.grid-4 .title h3 {
  display: inline-block;
  font: 20px 'ketnet_proxima_novaextrabold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.grid-4 a {
  display: block;
  margin: -5px 0 15px 0;
  overflow: hidden;
  position: relative;
  width: 320px;
}
.grid-4 a img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.grid-4 a .description {
  bottom: 0;
  display: block;
  font: 14px 'ProximaNova-Bold';
  left: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.grid-4 a .description .corner {
  left: 0;
  position: absolute;
  top: -15px;
}
.grid-4 .more-of-program {
  background: #ff2355;
  clear: both;
  color: #fbe121;
  cursor: pointer;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0;
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.grid-4 .more-of-program .icon-icoon-pijl1 {
  font-size: 11px;
  margin-left: 10px;
}
.view-related-content h3 {
  background: #671e75;
  color: #fbe121;
}
.view-related-content .description {
  background: #fbe121;
  color: #671e75;
}
.pane-ketnet-kijken-ketnet-kijken-more h3 {
  background: #ff2355;
  color: #fbe121;
}
.pane-ketnet-kijken-ketnet-kijken-more .description {
  background: #fbe121;
  color: #ff2355;
}
@media screen and (min-width: 410px) {
  .grid-4 {
    max-width: 410px;
  }
  .grid-4 a {
    display: inline-block;
    float: left;
    margin: -5px 5px 15px 5px;
    width: 195px;
  }
}
@media screen and (min-width: 660px) {
  .grid-4 {
    max-width: 660px;
  }
  .grid-4 a {
    display: inline-block;
    float: left;
    margin: -5px 5px 15px 5px;
    width: 320px;
  }
}
@media screen and (min-width: 950px) {
  .grid-4 {
    max-width: 950px;
  }
  .grid-4 a {
    display: inline-block;
    float: left;
    margin: -5px 0 10px 18px;
    width: 224px;
  }
  .grid-4 a:first-child {
    margin-left: 0;
  }
  .grid-4 .first {
    margin-left: 0;
  }
}
/**
 * Video detail.
 */
.programma-video {
  margin: 0 auto 15px auto;
  max-width: 320px;
  position: relative;
}
.programma-video object,
.programma-video video {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.programma-video .video-footer {
  background: #012069;
  color: #eaf2fa;
  padding: 10px;
}
.programma-video .video-footer h2 {
  color: #fbe121;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 0 10px 0;
}
.programma-video .video-footer .geo-blocked,
.programma-video .video-footer .available-until {
  color: #66ff99;
}
.programma-video .video-footer strong {
  font-family: 'ProximaNova-Bold';
}
.programma-video .video-footer p {
  margin-bottom: 14px;
}
.programma-video .video-footer .video-description a {
  color: #eaf2fa;
  text-decoration: underline;
}
.programma-video .video-footer .video-description a:hover {
  text-decoration: none;
}
.programma-video .media_wrapper {
  position: relative;
}
.programma-video .media_wrapper .next_video_wrapper {
  background: #000000;
  color: #eaf2fa;
  display: none;
  font-size: 14px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.programma-video .media_wrapper .next_video_wrapper .next_video {
  height: 160px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 280px;
}
.programma-video .media_wrapper .next_video_wrapper .next_video a {
  display: block;
  line-height: 0;
}
.programma-video .media_wrapper .next_video_wrapper .next_video img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.programma-video .media_wrapper .next_video_wrapper .next_video .description {
  background: #344d86;
  bottom: 0;
  color: #eaf2fa;
  left: 0;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
.programma-video .media_wrapper .next_video_wrapper .next_video .description .corner {
  margin: -25px 0 0 -15px;
  position: absolute;
}
.programma-video .media_wrapper .next_video_wrapper .next_video h3 {
  font-size: 14px;
}
.programma-video .media_wrapper .next_video_wrapper .next_video .timer {
  display: block;
  padding: 4px 20px;
  text-align: center;
}
.programma-video .media_wrapper .next_video_wrapper .next_video button {
  background: #012069;
  border: none;
  color: #eaf2fa;
  cursor: pointer;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  height: 40px;
  margin: 5px auto 0 auto;
  padding: 5px 0;
  width: 100px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
@media screen and (min-width: 410px) {
  .programma-video {
    max-width: 410px;
  }
  .programma-video .media_wrapper {
    position: relative;
  }
  .programma-video .media_wrapper .next_video_wrapper .next_video {
    height: 228px;
    width: 280px;
  }
}
@media screen and (min-width: 660px) {
  .programma-video {
    max-width: 660px;
  }
  .programma-video .media_wrapper {
    position: relative;
  }
  .programma-video .media_wrapper .next_video_wrapper .next_video {
    margin: 58px auto 0 auto;
    width: 320px;
  }
}
@media screen and (min-width: 950px) {
  .programma-video {
    max-width: 950px;
  }
  .programma-video .video-footer {
    overflow: hidden;
    padding: 20px;
  }
  .programma-video .video-footer .video-description {
    float: left;
    width: 600px;
  }
  .programma-video .video-footer .video-extra {
    float: right;
    width: 300px;
  }
  .programma-video .media_wrapper {
    position: relative;
  }
  .programma-video .media_wrapper .next_video_wrapper .next_video {
    margin: 135px auto 0 auto;
  }
}
.reactie_blok {
  margin: 0 auto 15px auto;
  max-width: 320px;
}
.reactie_blok .comments-title {
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.reactie_blok .statusForm {
  background: #dbe2e9;
  color: #671e75;
  padding: 20px 10px;
}
.reactie_blok .statusForm a {
  color: #671e75;
}
.reactie_blok .statusForm .input-wrapper {
  margin: 0 0 15px 0;
}
.reactie_blok .statusForm .statusInput {
  background: #ffffff;
  color: #012069;
  font: 14px 'ProximaNova-Regular';
  height: 102px;
  outline: none;
  overflow: auto;
  padding: 10px;
  width: 280px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.reactie_blok .statusForm .comment-profile-image {
  display: none;
}
.reactie_blok .form-submit {
  background: #36bcee;
  color: #ffffff;
  border: none;
  cursor: pointer;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  height: 31px;
  width: 150px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.reactie_blok .comment_menu {
  float: right;
  margin: -5px 0 0 0;
  padding: 0 0 10px 0;
  position: relative;
}
.reactie_blok .comment_menu .show-emoticons {
  background: #fbe121;
  border: none;
  color: #671e75;
  cursor: pointer;
  display: block;
  font-size: 21px;
  height: 40px;
  line-height: 45px;
  width: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.reactie_blok .comment_menu .emoticons {
  background: #def8fd;
  display: none;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 264px;
}
.reactie_blok .comment_menu .emoticons a {
  display: inline-block;
  float: left;
  height: 34px;
  margin: 0 5px 5px;
  width: 34px;
}
.reactie_blok .icoInstruction,
.reactie_blok .icoVet {
  display: none;
}
.reactie_blok .comments {
  list-style: none;
}
.reactie_blok .comments .even {
  background: #ffffff;
}
.reactie_blok .comments .odd {
  background: #def8fd;
}
.reactie_blok .comments .comment_item {
  color: #012069;
  font-size: 14px;
  padding: 12px;
  word-break: break-all;
}
.reactie_blok .comments .comment_item .profile-name {
  color: #ff2355;
  font: 14px 'ketnet_proxima_novaextrabold';
}
.reactie_blok .comments .comment_item .img {
  border: 1px solid #fbe121;
  float: left;
  margin: 0 20px 0 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.reactie_blok .comments .comment_item .text {
  float: left;
  width: 210px;
}
.reactie_blok .meer_lnk {
  background: #ff2355;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.reactie_blok .meer_lnk span {
  font-size: 12px;
  margin-left: 5px;
}
@media screen and (min-width: 410px) {
  .reactie_blok {
    max-width: 410px;
  }
  .reactie_blok .statusForm .statusInput {
    width: 370px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
}
@media screen and (min-width: 660px) {
  .reactie_blok {
    max-width: 660px;
  }
  .reactie_blok .statusForm {
    padding: 20px 14px;
  }
  .reactie_blok .statusForm .statusInput {
    height: 73px;
    width: 250px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .reactie_blok .statusForm .comment-profile-image {
    float: left;
    display: block;
  }
  .reactie_blok .statusForm #comment {
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    width: 315px;
  }
  .reactie_blok .statusForm .profile-image {
    border: 3px solid #66ff99;
    -webkit-border-radius: 50px;
    border-radius: 50px;
  }
  .reactie_blok .statusForm .comment_menu {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .reactie_blok .statusForm .form-submit {
    float: left;
  }
  .reactie_blok .statusForm .icoInstruction,
  .reactie_blok .statusForm .icoVet {
    display: block;
    float: left;
    height: 40px;
    margin: -3px 0 0 10px;
    width: 40px;
  }
}
@media screen and (min-width: 950px) {
  .reactie_blok {
    max-width: 950px;
  }
  .reactie_blok .statusForm .statusInput {
    width: 430px;
  }
  .reactie_blok .statusForm #comment {
    width: 520px;
  }
}
.pane-menu-menu-epg-subnavigation {
  margin: 0 auto 15px auto;
  max-width: 320px;
}
.pane-menu-menu-epg-subnavigation .nav ul {
  background: #012069;
  font: 14px 'ketnet_proxima_novaextrabold';
  list-style: none;
  margin: -8px 0 0 0;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.pane-menu-menu-epg-subnavigation .nav ul .leaf {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pane-menu-menu-epg-subnavigation .nav ul li:nth-child(even) a {
  background: #344d86;
}
.pane-menu-menu-epg-subnavigation .nav ul li a {
  color: #fbe121;
  display: block;
  padding: 11px 30px;
}
.pane-menu-menu-epg-subnavigation .nav ul li .active {
  color: #66ff99;
}
#tvguide {
  margin: 0 auto 15px auto;
  max-width: 320px;
}
#tvguide .widgets-nos-tabnavholder {
  display: none;
}
#tvguide .widget-nos-menu {
  background: #ffffff;
  list-style: none;
  margin-bottom: 10px;
  text-align: center;
}
#tvguide .widget-nos-menu li {
  padding: 5px 0;
}
#tvguide .widget-nos-menu li a {
  color: #344d86;
  cursor: pointer;
}
#tvguide .widget-nos-menu .widget-nos-menu-item-active {
  border-bottom: 2px solid #eeeeee;
  border-top: 2px solid #eeeeee;
}
#tvguide #widgets-nos-tabholder .jcarousel-container {
  padding: 40px 0;
}
#tvguide #widgets-nos-tabholder .jcarousel-prev:before,
#tvguide #widgets-nos-tabholder .jcarousel-next:before {
  background: #ff2355;
  color: #fbe121;
  cursor: pointer;
  display: block;
  font: 15px 'ketneticons10';
  height: 20px;
  left: 0;
  overflow: hidden;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#tvguide #widgets-nos-tabholder .jcarousel-prev:before {
  content: 'e';
  top: 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#tvguide #widgets-nos-tabholder .jcarousel-next:before {
  bottom: 0;
  content: 'R';
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip {
  background: #ffffff;
  height: 580px;
  width: 100%;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li {
  height: 116px;
  margin: -1px 0 10px 0;
  /* fix for jcarousel bug http://drupal.org/node/576016 */
  position: relative;
  width: 100%;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li:nth-child(even) {
  background: #def8fd;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .programme-holder {
  padding: 10px 25px;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .vorig,
#tvguide #widgets-nos-tabholder .jcarousel-clip li .nu,
#tvguide #widgets-nos-tabholder .jcarousel-clip li .volgend {
  display: none;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .widget-nos-img {
  float: left;
  width: 128px;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .widget-nos-img img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .widget-nos-hour {
  background: #66ff99;
  color: #012069;
  float: left;
  font: 16px 'ketnet_proxima_novaextrabold';
  height: 51px;
  margin: 0 5px 0 0;
  padding: 30px 0 0;
  text-align: center;
  width: 75px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .widget-nos-title {
  clear: both;
  color: #012069;
  font: 16px 'ketnet_proxima_novaextrabold';
}
#tvguide #widgets-nos-tabholder .jcarousel-clip li .nos-widget-page-link:before {
  background: #fbe121;
  color: #671e75;
  content: 'g';
  display: block;
  font: 13px 'ketneticons10';
  height: 23px;
  padding: 8px 0 0 2px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 36px;
  width: 29px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip .nos-widget-onair .widget-nos-hour {
  background: #fbe121;
  color: #ff2355;
  height: 43px;
  padding: 38px 0 0 0;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip .nos-widget-onair .nu {
  color: #ff2355;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  left: 25px;
  padding: 0 0 0 16px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 59px;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip .nos-widget-list-label {
  color: #012069;
  font: 22px 'ketnet_proxima_novaextrabold';
  text-align: center;
  text-transform: lowercase;
}
#tvguide #widgets-nos-tabholder .jcarousel-clip .nos-widget-list-label div {
  padding: 40px 0;
}
@media screen and (min-width: 410px) {
  .pane-menu-menu-epg-subnavigation,
  #tvguide {
    max-width: 410px;
  }
}
@media screen and (min-width: 660px) {
  .pane-menu-menu-epg-subnavigation,
  #tvguide {
    max-width: 620px;
  }
}
@media screen and (min-width: 950px) {
  .pane-menu-menu-epg-subnavigation .nav ul .odd {
    background: none;
  }
  .pane-menu-menu-epg-subnavigation .nav ul li {
    display: inline-block;
  }
  .pane-menu-menu-epg-subnavigation .nav ul li:nth-child(even) a {
    background: none;
  }
  .pane-menu-menu-epg-subnavigation .nav ul li a {
    padding: 11px 20px;
  }
  #tvguide .widget-nos-menu {
    background: none;
    list-style: none;
    margin-bottom: 10px;
    text-align: center;
  }
  #tvguide .widget-nos-menu li {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    width: 84px;
  }
  #tvguide .widget-nos-menu li:first-child {
    margin: 0;
  }
  #tvguide .widget-nos-menu li a {
    background: #671e75;
    color: #66ff99;
    display: block;
    font: 16px 'ketnet_proxima_novaextrabold';
    padding: 10px 0;
    text-align: center;
    width: 84px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #tvguide .widget-nos-menu .widget-nos-menu-item-active {
    border: none;
  }
  #tvguide .widget-nos-menu .widget-nos-menu-item-active a {
    background: #fbe121;
    color: #ff2355;
  }
  #tvguide #widgets-nos-tabholder .jcarousel-clip li {
    height: 106px;
  }
  #tvguide #widgets-nos-tabholder .jcarousel-clip li .widget-nos-title {
    clear: none;
    float: left;
    padding: 30px 0 0 20px;
    width: 300px;
  }
}
.registration a {
  color: #ff2355;
}
.registration .user-page-wrapper,
.registration #ketnet-registration-user-registered,
.registration #ketnet-registration-build-form {
  margin: 0 auto;
  position: relative;
  max-width: 300px;
}
.registration #registration_counter {
  background: #671e75;
  margin: 0 auto;
  max-width: 280px;
  padding: 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.registration #title {
  margin: 0 0 -10px 0;
}
.registration #title h1 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 25px 'ketnet_proxima_novaextrabold';
  padding: 7px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.registration #steps {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 37px;
  margin: 0 auto 20px auto;
  padding: 13px 0 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.registration h2 {
  color: #ff2355;
  font: 28px 'ketnet_proxima_novaextrabold';
  text-align: center;
}
.registration h3 {
  color: #ff2355;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
  text-align: center;
}
.registration label {
  color: #ffffff;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 0 5px 0;
}
.registration .form-required {
  color: #ff2355;
}
.registration .form-text {
  border: none;
  color: #012069;
  font: 18px 'ProximaNova-Regular';
  max-width: 200px;
  padding: 10px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.registration .messages {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font-size: 14px;
  margin: 5px 0 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.registration .form-submit {
  background: #ff2355;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 40px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  width: 110px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.registration .form-radios label,
.registration .edit-terms label {
  font: 14px 'ProximaNova-Regular';
}
.registration .step_1 {
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.registration .step_1 #edit-username {
  width: 220px;
}
.registration .step_1 .messages-inline {
  margin: -10px 0 15px;
}
.registration .step_1 .form-item {
  margin: 0 0 15px;
}
.registration .step_1 .instruction-popup {
  position: absolute;
  right: 0;
  top: 26px;
}
.registration .step_1 .instruction-popup.app {
  position: relative;
  top: 0;
  right: 0;
}
.registration .step_1 p {
  margin: 0 0 15px;
}
.registration .step_2 {
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.registration .step_2 #edit-mail {
  width: 220px;
}
.registration .step_2 .messages-inline {
  margin: -10px 0 15px;
}
.registration .step_2 .form-item {
  margin: 0 0 15px;
}
.registration .step_2 .instruction-popup {
  position: absolute;
  right: 0;
  top: 26px;
}
.registration .step_2 p.reg-help {
  margin-left: 120px;
  margin-bottom: 30px;
}
.registration .step_2 p.reg-help .instruction-popup.app {
  position: relative;
  right: 0;
  top: 0;
}
.registration .step_2 #edit-birthday-wrapper,
.registration .step_2 #profile-photo {
  margin: 0 0 15px 0;
}
.registration .step_2 #profile-photo .form-submit {
  width: 165px;
}
.registration .step_3 {
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.registration .step_3 #edit-pass-wrapper input {
  width: 220px;
}
.registration .step_3 .form-item {
  margin: 0 0 15px;
}
.registration .step_3 .medialiteracy-popup {
  position: absolute;
  right: 0;
  top: 26px;
}
.registration .step_3 p.reg-help {
  margin-left: 120px;
  margin-bottom: 30px;
}
.registration .step_3 p.reg-help .medialiteracy-popup.app {
  position: relative;
  right: 0;
  top: 0;
}
.registration .step_4 {
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.registration .step_4 #edit-parent-mail {
  width: 220px;
}
.registration .step_4 .form-radios {
  margin: 1em 0;
}
.registration .step_4 .form-item {
  margin: 0 0 15px;
}
.registration .step_4 .instruction-popup {
  position: absolute;
  right: 0;
  top: 154px;
}
.registration .step_4 p.reg-help {
  margin-left: 120px;
  margin-bottom: 30px;
}
.registration .step_4 p.reg-help .instruction-popup.app {
  position: relative;
  right: 0;
  top: 0;
}
.registration .step_5 .form-submit {
  margin: 20px auto 0 auto;
}
.registration .step_5 .next_video_wrapper {
  display: none !important;
}
.page-user #main-content .user_login {
  background: #22d2f9 url('../images/wrappers_aanmelden.png') 310px 38px no-repeat;
  margin: 0 auto;
  max-width: 550px;
  padding: 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.page-user #main-content .user_login label {
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  text-transform: lowercase;
}
.page-user #main-content .user_login label .form-required {
  color: #eaf2fa;
}
.page-user #main-content .user_login .form-text {
  border: none;
  color: #99a6c3;
  font: 20px 'ProximaNova-Regular';
  margin: 0;
  padding: 10px 20px;
  width: calc(100% - 40px);
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.page-user #main-content .user_login .form-item {
  margin: 10px 0;
}
.page-user #main-content .user_login h1 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
}
.page-user #main-content .user_login h4 {
  color: #ffffff;
  font: 18px 'ketnet_proxima_novaextrabold';
}
.page-user #main-content .user_login .form-item {
  margin: 10px 0;
}
.page-user #main-content .user_login .form-text {
  width: 260px;
}
.page-user #main-content .user_login .error {
  max-width: 270px;
}
.page-user #main-content .user_login .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.page-user #main-content .user_login .form-submit span {
  float: right;
  margin: 2px 5px 0 0;
}
@media screen and (min-width: 660px) {
  .registration .user-page-wrapper,
  .registration #ketnet-registration-user-registered,
  .registration #ketnet-registration-build-form {
    max-width: 650px;
  }
  .registration #registration_counter {
    max-width: 620px;
    padding: 15px;
  }
  .registration .form-required {
    color: #ff2355;
  }
  .registration .form-text {
    border: none;
    font: 18px 'ProximaNova-Regular';
    max-width: 270px;
    padding: 10px 15px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .registration .messages {
    max-width: 270px;
    text-align: center;
  }
  .registration .step_1 .messages-inline {
    margin: -10px 0 15px 120px;
  }
  .registration .step_1 .form-item {
    margin: 0 0 15px 120px;
  }
  .registration .step_1 .instruction-popup {
    right: 120px;
    top: 26px;
  }
  .registration .step_1 #edit-username {
    width: 270px;
  }
  .registration .step_2 #edit-gender-wrapper,
  .registration .step_2 .form-item,
  .registration .step_2 .messages-inline {
    margin: 0 0 15px 120px;
  }
  .registration .step_2 #edit-gender-wrapper .messages-inline,
  .registration .step_2 #edit-gender-wrapper .form-item {
    margin: 0.4em 0;
  }
  .registration .step_2 .instruction-popup {
    right: 120px;
    top: 26px;
  }
  .registration .step_2 .form-item-birthday,
  .registration .step_2 #profile-photo {
    margin: 0 0 15px 120px;
  }
  .registration .step_2 .form-item-birthday .form-item,
  .registration .step_2 #profile-photo .form-item {
    margin-left: 0;
  }
  .registration .step_3 .messages-inline,
  .registration .step_3 .form-item {
    margin: 0 0 15px 120px;
  }
  .registration .step_3 .messages-inline .form-item,
  .registration .step_3 .form-item .form-item {
    margin: 0 0 15px 0;
  }
  .registration .step_3 .medialiteracy-popup {
    right: 120px;
    top: 26px;
  }
  .registration .step_4 .messages-inline,
  .registration .step_4 .form-item {
    margin: 0 0 15px 120px;
  }
  .registration .step_4 .messages-inline .form-item,
  .registration .step_4 .form-item .form-item {
    margin-left: 0;
  }
  .registration .step_4 .messages-inline a {
    color: #fbe121;
    text-decoration: underline;
  }
  .registration .step_4 .form-item-parent-approve .messages-inline {
    margin-left: 0;
  }
  .registration .step_4 .instruction-popup {
    right: 120px;
    top: 154px;
  }
  #user-username .messages,
  #user-pass .messages {
    margin: 0 auto;
  }
  #user-username .passwordForgotten .form-text,
  #user-pass .passwordForgotten .form-text {
    max-width: 260px;
    width: 260px;
  }
}
@media screen and (min-width: 980px) {
  .registration .user-page-wrapper,
  .registration #ketnet-registration-user-registered,
  .registration #ketnet-registration-build-form {
    max-width: 820px;
  }
  .registration #registration_counter {
    max-width: 620px;
    padding: 15px 100px;
  }
}
.user-page-wrapper #registration_counter {
  padding-bottom: 50px;
  padding-top: 20px;
}
.user-page-wrapper .knoppen {
  list-style-type: none;
  text-align: center;
}
.user-page-wrapper .knoppen li {
  margin: 5px 0;
}
.user-page-wrapper .knoppen li a {
  background: #ff2355;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 0 auto;
  padding: 7px 15px;
  text-align: center;
  width: 210px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.user-page-wrapper .user_login,
.user-page-wrapper .passwordForgotten {
  color: #ffffff;
  text-align: center;
}
.user-page-wrapper .user_login .form-item-pass,
.user-page-wrapper .passwordForgotten .form-item-pass,
.user-page-wrapper .user_login .form-item-name,
.user-page-wrapper .passwordForgotten .form-item-name,
.user-page-wrapper .user_login .form-item-email,
.user-page-wrapper .passwordForgotten .form-item-email {
  margin: 10px auto;
  max-width: 290px;
  text-align: left;
}
.user-page-wrapper .user_login .form-text,
.user-page-wrapper .passwordForgotten .form-text {
  max-width: 250px;
  width: 250px;
}
.user-page-wrapper .user_login .form-submit,
.user-page-wrapper .passwordForgotten .form-submit {
  margin: 25px auto 0;
  padding: 0;
  width: 280px;
}
#user-pass .passwordForgotten .form-item-email {
  display: none;
}
body.user-registration-app-page {
  background: #4FDBFA;
}
body.user-registration-app-page #title {
  padding-top: 30px;
}
body.user-registration-app-page .registration #registration_counter {
  border-radius: 8px 8px 8px 8px;
}
body.user-registration-app-page a,
body.user-registration-app-page a:visited {
  color: #FBE122;
}
#ketnet-registration-start-form #step-two,
#ketnet-registration-start-form #step-three {
  display: none;
}
.telephone-number {
  color: white;
  text-decoration: none;
}
.a-form-text {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  color: #012069;
  padding: 15px 9px;
  border-radius: 5px 5px 0 0;
  width: 292px;
  border: none;
  text-transform: lowercase;
  height: 24px;
}
@media screen and (min-width: 420px) {
  .a-form-text {
    width: 369px;
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
  }
  .a-form-text::-webkit-input-placeholder {
    font: 15px 'ProximaNova-Bold';
    color: #99a6c3;
  }
  .a-form-text::-moz-placeholder {
    font: 15px 'ProximaNova-Bold';
    color: #99a6c3;
  }
  .a-form-text:-moz-placeholder {
    font: 15px 'ProximaNova-Bold';
    color: #99a6c3;
  }
  .a-form-text:-ms-input-placeholder {
    font: 15px 'ProximaNova-Bold';
    color: #99a6c3;
  }
}
.a-form-text:focus {
  border: 3px solid #66ff99;
  padding: 12px 6px;
  outline: none;
}
.a-form-text::-webkit-input-placeholder {
  font: 20px 'ProximaNova-Bold';
  color: #99a6c3;
}
.a-form-text::-moz-placeholder {
  font: 20px 'ProximaNova-Bold';
  color: #99a6c3;
}
.a-form-text:-moz-placeholder {
  font: 20px 'ProximaNova-Bold';
  color: #99a6c3;
}
.a-form-text:-ms-input-placeholder {
  font: 20px 'ProximaNova-Bold';
  color: #99a6c3;
}
.form-type-select.form-item-phone-parent-region {
  margin-right: 9px;
}
.form-type-select .a-form-select {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  color: #344d86;
  padding: 14px 9px;
  border-radius: 5px 5px 0 0;
  border: none;
  text-transform: lowercase;
  width: 96px;
  height: 55px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: white;
}
@media screen and (min-width: 420px) {
  .form-type-select .a-form-select {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
    height: 54px;
    background: #fff url("../images/icon_dropdown.png") no-repeat;
    background-size: 20px;
    background-position: 65px 15px;
  }
}
.form-type-select .a-form-select::-ms-expand {
  display: none;
}
.form-type-select .a-form-select:focus {
  border: 3px solid #66ff99;
  padding: 12px 6px;
  outline: none;
  background-position: 62px 12px;
}
.form-type-select .a-form-select option {
  background-color: white;
}
.confirmation .form-submit,
.a-btn-primary {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  background-color: #66ff99;
  padding: 14px;
  text-align: center;
  text-transform: lowercase;
  border-radius: 50px;
  border: none;
  width: 265px;
  color: #012069;
  display: block;
  margin: 0 auto;
  white-space: normal;
  cursor: pointer;
}
@media screen and (min-width: 420px) {
  .confirmation .form-submit,
  .a-btn-primary {
    font-size: 15px;
    line-height: 20px;
  }
}
.confirmation .form-submit {
  width: auto;
  display: inline-block;
}
.child a.warning {
  background-color: #fbe121;
  color: #ff2355;
  width: auto;
  border-radius: 5px;
  padding: 5px;
}
.page-parent-dashboard .confirmation .form-actions {
  text-align: center;
}
.page-parent-dashboard .confirmation .form-actions a {
  color: white;
  margin: 5px;
}
.a-btn-close img {
  height: 35px;
}
.a-btn-link {
  background: none;
  border: none;
  color: white;
  text-decoration: underline;
  font: 20px 'ProximaNova-Bold';
  line-height: 23.5px;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 26px;
  max-width: 225px;
}
.a-btn-link:visited {
  color: white;
}
@media screen and (min-width: 420px) {
  .a-btn-link {
    font-size: 15px;
    line-height: 14px;
    max-width: none;
  }
}
.a-link {
  background: none;
  border: none;
  color: white;
  text-decoration: underline;
  font: 20px 'ProximaNova-Bold';
  line-height: 17.5px;
  position: relative;
}
.a-link:visited {
  color: white;
}
@media screen and (min-width: 420px) {
  .a-link {
    font: 15px 'ProximaNova-Bold';
    line-height: 14px;
  }
}
.form-item.error {
  background: none;
}
.form-item.error .a-form-text {
  border: 3px solid #ff2355;
  padding: 12px 6px;
}
.a-error-message {
  background-color: #ff2355;
  color: white;
  font-size: 12.5px;
  display: block;
  width: 286px;
  padding: 9.5px 12px 6.5px 12px;
  position: relative;
}
@media screen and (min-width: 420px) {
  .a-error-message {
    width: 363px;
  }
}
.a-error-message__sex {
  margin-top: 20px;
}
.a-list {
  list-style-position: inside;
}
.a-list .a-list-item {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  text-indent: -18px;
  padding-left: 18px;
}
@media screen and (min-width: 420px) {
  .a-list .a-list-item {
    font-size: 12.5px;
    line-height: 15px;
  }
}
.a-list .a-list-item .a-list-item__inner {
  position: relative;
}
.m-buttons {
  display: block;
  text-align: center;
  margin-top: 40px;
  padding-bottom: 30px;
}
#step-two .m-buttons .a-btn-primary {
  margin-bottom: 24px;
}
.m-tips {
  background-color: #344d86;
  display: flex;
  position: relative;
  border-radius: 5px 5px 0 0;
  margin-bottom: 15px;
}
@media screen and (min-width: 420px) {
  .m-tips {
    margin-bottom: 9px;
  }
}
.m-tips .m-tips__icon {
  position: absolute;
  width: 42px;
  top: 2px;
}
.m-tips .m-tips__content {
  padding: 17.7px 13px 17px 51px;
}
@media screen and (min-width: 420px) {
  .m-tips .m-tips__content {
    padding: 17.7px 40px 17px 55px;
  }
}
.m-tips .m-tips__content .m-tips__title {
  color: #fbe121;
  font: 15px 'ProximaNova-Bold';
  line-height: 15px;
  margin-bottom: 8px;
}
.m-close {
  margin-left: auto;
  display: flex;
  align-items: center;
  position: absolute;
  top: 7.5px;
  right: 17.5px;
}
@media screen and (min-width: 640px) {
  .m-close {
    position: relative;
    top: auto;
    right: auto;
  }
}
.m-close .m-close__text {
  margin-right: 10px;
  font: 15px 'ProximaNova-Bold';
  color: white;
  display: none;
}
@media screen and (min-width: 640px) {
  .m-close .m-close__text {
    display: block;
  }
}
.m-telephone {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.m-telephone .m-telephone__icon {
  height: 75px;
}
.m-telephone .m-telephone__content {
  margin-left: 18px;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (min-width: 420px) {
  .m-telephone .m-telephone__content {
    font-size: 15px;
    line-height: 17.5px;
    margin-left: 20px;
  }
}
.m-phone-parent {
  display: flex;
}
.m-phone-parent .a-form-text {
  width: 187px;
}
@media screen and (min-width: 420px) {
  .m-phone-parent .a-form-text {
    width: 265px;
  }
}
.m-phone-parent .a-error-message {
  width: 181px;
}
@media screen and (min-width: 420px) {
  .m-phone-parent .a-error-message {
    width: 259px;
  }
}
.m-buttons__resend {
  display: block;
  padding-top: 15px;
}
@media screen and (min-width: 420px) {
  .m-buttons__resend {
    display: flex;
    justify-content: center;
  }
}
.m-buttons__resend > * {
  font-size: 10px;
  line-height: 16.5px;
}
.m-buttons__resend p {
  margin-right: 5px;
}
.m-birthday {
  margin-bottom: 25px;
}
.m-birthday .a-form-select {
  display: flex;
  justify-content: space-between;
}
.m-birthday .a-error-message {
  position: absolute;
}
.m-birthday #edit-birthday-day {
  width: 80px;
  height: 60px;
  padding: 0 28px;
  background-position: 50px 19px;
}
.m-birthday #edit-birthday-day:focus {
  padding: 0 25px;
}
.m-birthday #edit-birthday-month {
  width: 110px;
  height: 60px;
  padding: 0 36px;
  background-position: 80px 19px;
}
.m-birthday #edit-birthday-month:focus {
  padding: 0 33px;
}
.m-birthday #edit-birthday-year {
  width: 100px;
  height: 60px;
  padding: 0 20px;
  background-position: 70px 19px;
}
.m-birthday #edit-birthday-year:focus {
  padding: 0 17px;
}
.m-birthday label {
  font-size: 20px;
  line-height: 26px;
  margin-top: 60px;
  margin-bottom: 15px;
}
.m-steps {
  margin-bottom: 42px;
  list-style: none;
  text-align: center;
}
.m-steps .a-step {
  display: inline-block;
  width: 15%;
}
.m-steps .a-step:first-child .a-step__inner:before {
  background: none;
}
.m-steps .a-step.active .a-step__inner {
  font-size: 20px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #fbe121;
  color: #ff2355;
}
.m-steps .a-step.active .a-step__inner:before {
  top: 10px;
  left: -20px;
}
.m-steps .a-step .a-step__inner {
  position: relative;
  background-color: #22d2f9;
  color: white;
  font: 15px 'ProximaNova-Bold';
  display: block;
  line-height: 23px;
  border-radius: 50px;
  width: 23px;
  height: 23px;
  text-align: center;
}
.m-steps .a-step .a-step__inner:before {
  content: '';
  background-image: url('../images/icon_arrow_right.png');
  background-size: 6px 9px;
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  position: absolute;
  top: 7px;
  left: -15px;
}
@media screen and (min-width: 420px) {
  .m-steps .a-step .a-step__inner:before {
    left: -23px;
  }
}
.m-profile-picture {
  text-align: center;
}
.m-profile-picture img {
  width: 250px;
  border: 3px solid #66ff99;
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  border-radius: 125px;
  margin-bottom: 30px;
}
@media screen and (min-width: 420px) {
  .m-profile-picture img {
    width: 150px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    margin-bottom: 13px;
  }
}
.m-profile-picture .m-profile-picture__label {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  margin-bottom: 12px;
}
@media screen and (min-width: 420px) {
  .m-profile-picture .m-profile-picture__label {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
    margin-bottom: 8px;
  }
}
.m-checkbox-toggle .form-type-checkbox,
.m-checkbox-toggle-transparent .form-type-checkbox {
  position: relative;
  background-color: #344d86;
  padding: 25px 25px 25px 8px;
}
@media screen and (min-width: 420px) {
  .m-checkbox-toggle .form-type-checkbox,
  .m-checkbox-toggle-transparent .form-type-checkbox {
    padding: 25px 25px 25px 13px;
  }
}
.m-checkbox-toggle .form-type-checkbox label,
.m-checkbox-toggle-transparent .form-type-checkbox label {
  position: relative;
  font: 14px 'ProximaNova-Regular';
  line-height: 18px;
  color: white;
  cursor: pointer;
  padding-left: 72px;
  display: block;
}
.m-checkbox-toggle .form-type-checkbox label:before,
.m-checkbox-toggle-transparent .form-type-checkbox label:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 60px;
  height: 26px;
  background-color: #99a6c3;
  border-radius: 26px;
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}
@media screen and (min-width: 420px) {
  .m-checkbox-toggle .form-type-checkbox label:before,
  .m-checkbox-toggle-transparent .form-type-checkbox label:before {
    width: 50px;
    height: 22.5px;
  }
}
.m-checkbox-toggle .form-type-checkbox label:after,
.m-checkbox-toggle-transparent .form-type-checkbox label:after {
  position: absolute;
  content: '';
  width: 26px;
  height: 26px;
  background-color: #d9dee9;
  top: 0;
  left: 0;
  border-radius: 22.5px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
@media screen and (min-width: 420px) {
  .m-checkbox-toggle .form-type-checkbox label:after,
  .m-checkbox-toggle-transparent .form-type-checkbox label:after {
    width: 22.5px;
    height: 22.5px;
  }
}
.m-checkbox-toggle .form-type-checkbox input[type=checkbox],
.m-checkbox-toggle-transparent .form-type-checkbox input[type=checkbox] {
  display: none;
}
.m-checkbox-toggle .form-type-checkbox input[type=checkbox]:checked ~ label:before,
.m-checkbox-toggle-transparent .form-type-checkbox input[type=checkbox]:checked ~ label:before {
  background-color: #2ea836;
}
.m-checkbox-toggle .form-type-checkbox input[type=checkbox]:checked ~ label:after,
.m-checkbox-toggle-transparent .form-type-checkbox input[type=checkbox]:checked ~ label:after {
  background-color: #d9dee9;
  left: 34px;
}
@media screen and (min-width: 420px) {
  .m-checkbox-toggle .form-type-checkbox input[type=checkbox]:checked ~ label:after,
  .m-checkbox-toggle-transparent .form-type-checkbox input[type=checkbox]:checked ~ label:after {
    left: 28px;
  }
}
.m-checkbox-toggle-transparent .form-type-checkbox {
  background-color: transparent;
  padding-left: 0;
}
.m-address {
  width: 310px;
}
@media screen and (min-width: 420px) {
  .m-address {
    width: 387px;
  }
}
.m-address .m-address__street {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.m-address .m-address__street .form-item-address-street {
  width: 158px;
}
@media screen and (min-width: 420px) {
  .m-address .m-address__street .form-item-address-street {
    width: 237px;
  }
}
.m-address .m-address__street .form-item-address-street input {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.m-address .m-address__street .form-item-address-number,
.m-address .m-address__street .form-item-address-bus {
  width: 65px;
}
.m-address .m-address__street .form-item-address-number input,
.m-address .m-address__street .form-item-address-bus input {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.m-address .m-address__city {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.m-address .m-address__city .form-item-address-postal-code {
  width: 105px;
}
.m-address .m-address__city .form-item-address-postal-code input {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.m-address .m-address__city .form-item-address-city {
  width: 195px;
}
@media screen and (min-width: 420px) {
  .m-address .m-address__city .form-item-address-city {
    width: 272px;
  }
}
.m-address .m-address__city .form-item-address-city input {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
#ketnet-registration-start-registration-form,
#ketnet-registration-finalize-registration-form,
#ketnet-registration-dashboard-access-request-form,
#ketnet-registration-gateway-sms-request-form,
#ketnet-registration-gateway-sms-validate-form,
#ketnet-registration-gateway-sms-rerequest-form,
#ketnet-registration-avg-activation-start-form,
#ketnet-registration-consent-start-form,
.dashboard-form,
#ketnet-registration-delete-user-form,
.user-page-wrapper {
  max-width: 310px;
  color: white;
  margin: 0 auto;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form,
  #ketnet-registration-finalize-registration-form,
  #ketnet-registration-dashboard-access-request-form,
  #ketnet-registration-gateway-sms-request-form,
  #ketnet-registration-gateway-sms-validate-form,
  #ketnet-registration-gateway-sms-rerequest-form,
  #ketnet-registration-avg-activation-start-form,
  #ketnet-registration-consent-start-form,
  .dashboard-form,
  #ketnet-registration-delete-user-form,
  .user-page-wrapper {
    max-width: 387px;
  }
}
#ketnet-registration-start-registration-form .o-registration__title,
#ketnet-registration-finalize-registration-form .o-registration__title,
#ketnet-registration-dashboard-access-request-form .o-registration__title,
#ketnet-registration-gateway-sms-request-form .o-registration__title,
#ketnet-registration-gateway-sms-validate-form .o-registration__title,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__title,
#ketnet-registration-avg-activation-start-form .o-registration__title,
#ketnet-registration-consent-start-form .o-registration__title,
.dashboard-form .o-registration__title,
#ketnet-registration-delete-user-form .o-registration__title,
.user-page-wrapper .o-registration__title {
  color: #fbe121;
  font: 27px 'ProximaNova-Bold';
  line-height: 25px;
  padding-bottom: 7.5px;
}
#ketnet-registration-start-registration-form .o-registration__description,
#ketnet-registration-finalize-registration-form .o-registration__description,
#ketnet-registration-dashboard-access-request-form .o-registration__description,
#ketnet-registration-gateway-sms-request-form .o-registration__description,
#ketnet-registration-gateway-sms-validate-form .o-registration__description,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__description,
#ketnet-registration-avg-activation-start-form .o-registration__description,
#ketnet-registration-consent-start-form .o-registration__description,
.dashboard-form .o-registration__description,
#ketnet-registration-delete-user-form .o-registration__description,
.user-page-wrapper .o-registration__description {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 30px;
}
#ketnet-registration-start-registration-form .o-registration__description a,
#ketnet-registration-finalize-registration-form .o-registration__description a,
#ketnet-registration-dashboard-access-request-form .o-registration__description a,
#ketnet-registration-gateway-sms-request-form .o-registration__description a,
#ketnet-registration-gateway-sms-validate-form .o-registration__description a,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__description a,
#ketnet-registration-avg-activation-start-form .o-registration__description a,
#ketnet-registration-consent-start-form .o-registration__description a,
.dashboard-form .o-registration__description a,
#ketnet-registration-delete-user-form .o-registration__description a,
.user-page-wrapper .o-registration__description a {
  color: white;
  text-decoration: underline;
}
#ketnet-registration-start-registration-form .o-registration__description a:visited,
#ketnet-registration-finalize-registration-form .o-registration__description a:visited,
#ketnet-registration-dashboard-access-request-form .o-registration__description a:visited,
#ketnet-registration-gateway-sms-request-form .o-registration__description a:visited,
#ketnet-registration-gateway-sms-validate-form .o-registration__description a:visited,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__description a:visited,
#ketnet-registration-avg-activation-start-form .o-registration__description a:visited,
#ketnet-registration-consent-start-form .o-registration__description a:visited,
.dashboard-form .o-registration__description a:visited,
#ketnet-registration-delete-user-form .o-registration__description a:visited,
.user-page-wrapper .o-registration__description a:visited {
  color: white;
}
#ketnet-registration-start-registration-form .o-registration__description strong,
#ketnet-registration-finalize-registration-form .o-registration__description strong,
#ketnet-registration-dashboard-access-request-form .o-registration__description strong,
#ketnet-registration-gateway-sms-request-form .o-registration__description strong,
#ketnet-registration-gateway-sms-validate-form .o-registration__description strong,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__description strong,
#ketnet-registration-avg-activation-start-form .o-registration__description strong,
#ketnet-registration-consent-start-form .o-registration__description strong,
.dashboard-form .o-registration__description strong,
#ketnet-registration-delete-user-form .o-registration__description strong,
.user-page-wrapper .o-registration__description strong {
  color: white;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .o-registration__description,
  #ketnet-registration-finalize-registration-form .o-registration__description,
  #ketnet-registration-dashboard-access-request-form .o-registration__description,
  #ketnet-registration-gateway-sms-request-form .o-registration__description,
  #ketnet-registration-gateway-sms-validate-form .o-registration__description,
  #ketnet-registration-gateway-sms-rerequest-form .o-registration__description,
  #ketnet-registration-avg-activation-start-form .o-registration__description,
  #ketnet-registration-consent-start-form .o-registration__description,
  .dashboard-form .o-registration__description,
  #ketnet-registration-delete-user-form .o-registration__description,
  .user-page-wrapper .o-registration__description {
    line-height: 18px;
    font-size: 14px;
  }
}
#ketnet-registration-start-registration-form .o-registration__avatar,
#ketnet-registration-finalize-registration-form .o-registration__avatar,
#ketnet-registration-dashboard-access-request-form .o-registration__avatar,
#ketnet-registration-gateway-sms-request-form .o-registration__avatar,
#ketnet-registration-gateway-sms-validate-form .o-registration__avatar,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__avatar,
#ketnet-registration-avg-activation-start-form .o-registration__avatar,
#ketnet-registration-consent-start-form .o-registration__avatar,
.dashboard-form .o-registration__avatar,
#ketnet-registration-delete-user-form .o-registration__avatar,
.user-page-wrapper .o-registration__avatar {
  text-align: center;
  position: relative;
  z-index: 2;
  height: 132.5px;
  padding: 0 0 15px;
}
#ketnet-registration-start-registration-form .o-registration__avatar img,
#ketnet-registration-finalize-registration-form .o-registration__avatar img,
#ketnet-registration-dashboard-access-request-form .o-registration__avatar img,
#ketnet-registration-gateway-sms-request-form .o-registration__avatar img,
#ketnet-registration-gateway-sms-validate-form .o-registration__avatar img,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__avatar img,
#ketnet-registration-avg-activation-start-form .o-registration__avatar img,
#ketnet-registration-consent-start-form .o-registration__avatar img,
.dashboard-form .o-registration__avatar img,
#ketnet-registration-delete-user-form .o-registration__avatar img,
.user-page-wrapper .o-registration__avatar img {
  height: 132.5px;
  left: 50%;
  margin-top: -25px;
  position: absolute;
  transform: translateX(-50%);
}
#ketnet-registration-start-registration-form .o-registration__highlighted,
#ketnet-registration-finalize-registration-form .o-registration__highlighted,
#ketnet-registration-dashboard-access-request-form .o-registration__highlighted,
#ketnet-registration-gateway-sms-request-form .o-registration__highlighted,
#ketnet-registration-gateway-sms-validate-form .o-registration__highlighted,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__highlighted,
#ketnet-registration-avg-activation-start-form .o-registration__highlighted,
#ketnet-registration-consent-start-form .o-registration__highlighted,
.dashboard-form .o-registration__highlighted,
#ketnet-registration-delete-user-form .o-registration__highlighted,
.user-page-wrapper .o-registration__highlighted {
  font: 14px 'ProximaNova-Bold';
  line-height: 18px;
  color: #fbe121;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .o-registration__highlighted,
  #ketnet-registration-finalize-registration-form .o-registration__highlighted,
  #ketnet-registration-dashboard-access-request-form .o-registration__highlighted,
  #ketnet-registration-gateway-sms-request-form .o-registration__highlighted,
  #ketnet-registration-gateway-sms-validate-form .o-registration__highlighted,
  #ketnet-registration-gateway-sms-rerequest-form .o-registration__highlighted,
  #ketnet-registration-avg-activation-start-form .o-registration__highlighted,
  #ketnet-registration-consent-start-form .o-registration__highlighted,
  .dashboard-form .o-registration__highlighted,
  #ketnet-registration-delete-user-form .o-registration__highlighted,
  .user-page-wrapper .o-registration__highlighted {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
  }
}
#ketnet-registration-start-registration-form .o-registration__title_3,
#ketnet-registration-finalize-registration-form .o-registration__title_3,
#ketnet-registration-dashboard-access-request-form .o-registration__title_3,
#ketnet-registration-gateway-sms-request-form .o-registration__title_3,
#ketnet-registration-gateway-sms-validate-form .o-registration__title_3,
#ketnet-registration-gateway-sms-rerequest-form .o-registration__title_3,
#ketnet-registration-avg-activation-start-form .o-registration__title_3,
#ketnet-registration-consent-start-form .o-registration__title_3,
.dashboard-form .o-registration__title_3,
#ketnet-registration-delete-user-form .o-registration__title_3,
.user-page-wrapper .o-registration__title_3 {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .o-registration__title_3,
  #ketnet-registration-finalize-registration-form .o-registration__title_3,
  #ketnet-registration-dashboard-access-request-form .o-registration__title_3,
  #ketnet-registration-gateway-sms-request-form .o-registration__title_3,
  #ketnet-registration-gateway-sms-validate-form .o-registration__title_3,
  #ketnet-registration-gateway-sms-rerequest-form .o-registration__title_3,
  #ketnet-registration-avg-activation-start-form .o-registration__title_3,
  #ketnet-registration-consent-start-form .o-registration__title_3,
  .dashboard-form .o-registration__title_3,
  #ketnet-registration-delete-user-form .o-registration__title_3,
  .user-page-wrapper .o-registration__title_3 {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
  }
}
#ketnet-registration-start-registration-form .form-item-profile-type .option,
#ketnet-registration-finalize-registration-form .form-item-profile-type .option,
#ketnet-registration-dashboard-access-request-form .form-item-profile-type .option,
#ketnet-registration-gateway-sms-request-form .form-item-profile-type .option,
#ketnet-registration-gateway-sms-validate-form .form-item-profile-type .option,
#ketnet-registration-gateway-sms-rerequest-form .form-item-profile-type .option,
#ketnet-registration-avg-activation-start-form .form-item-profile-type .option,
#ketnet-registration-consent-start-form .form-item-profile-type .option,
.dashboard-form .form-item-profile-type .option,
#ketnet-registration-delete-user-form .form-item-profile-type .option,
.user-page-wrapper .form-item-profile-type .option,
#ketnet-registration-start-registration-form .form-item,
#ketnet-registration-finalize-registration-form .form-item,
#ketnet-registration-dashboard-access-request-form .form-item,
#ketnet-registration-gateway-sms-request-form .form-item,
#ketnet-registration-gateway-sms-validate-form .form-item,
#ketnet-registration-gateway-sms-rerequest-form .form-item,
#ketnet-registration-avg-activation-start-form .form-item,
#ketnet-registration-consent-start-form .form-item,
.dashboard-form .form-item,
#ketnet-registration-delete-user-form .form-item,
.user-page-wrapper .form-item {
  margin-bottom: 15px;
  position: relative;
  border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .form-item-profile-type .option,
  #ketnet-registration-finalize-registration-form .form-item-profile-type .option,
  #ketnet-registration-dashboard-access-request-form .form-item-profile-type .option,
  #ketnet-registration-gateway-sms-request-form .form-item-profile-type .option,
  #ketnet-registration-gateway-sms-validate-form .form-item-profile-type .option,
  #ketnet-registration-gateway-sms-rerequest-form .form-item-profile-type .option,
  #ketnet-registration-avg-activation-start-form .form-item-profile-type .option,
  #ketnet-registration-consent-start-form .form-item-profile-type .option,
  .dashboard-form .form-item-profile-type .option,
  #ketnet-registration-delete-user-form .form-item-profile-type .option,
  .user-page-wrapper .form-item-profile-type .option,
  #ketnet-registration-start-registration-form .form-item,
  #ketnet-registration-finalize-registration-form .form-item,
  #ketnet-registration-dashboard-access-request-form .form-item,
  #ketnet-registration-gateway-sms-request-form .form-item,
  #ketnet-registration-gateway-sms-validate-form .form-item,
  #ketnet-registration-gateway-sms-rerequest-form .form-item,
  #ketnet-registration-avg-activation-start-form .form-item,
  #ketnet-registration-consent-start-form .form-item,
  .dashboard-form .form-item,
  #ketnet-registration-delete-user-form .form-item,
  .user-page-wrapper .form-item {
    margin-bottom: 9px;
  }
}
#ketnet-registration-start-registration-form .form-item-profile-type .option.last:after,
#ketnet-registration-finalize-registration-form .form-item-profile-type .option.last:after,
#ketnet-registration-dashboard-access-request-form .form-item-profile-type .option.last:after,
#ketnet-registration-gateway-sms-request-form .form-item-profile-type .option.last:after,
#ketnet-registration-gateway-sms-validate-form .form-item-profile-type .option.last:after,
#ketnet-registration-gateway-sms-rerequest-form .form-item-profile-type .option.last:after,
#ketnet-registration-avg-activation-start-form .form-item-profile-type .option.last:after,
#ketnet-registration-consent-start-form .form-item-profile-type .option.last:after,
.dashboard-form .form-item-profile-type .option.last:after,
#ketnet-registration-delete-user-form .form-item-profile-type .option.last:after,
.user-page-wrapper .form-item-profile-type .option.last:after,
#ketnet-registration-start-registration-form .form-item.last:after,
#ketnet-registration-finalize-registration-form .form-item.last:after,
#ketnet-registration-dashboard-access-request-form .form-item.last:after,
#ketnet-registration-gateway-sms-request-form .form-item.last:after,
#ketnet-registration-gateway-sms-validate-form .form-item.last:after,
#ketnet-registration-gateway-sms-rerequest-form .form-item.last:after,
#ketnet-registration-avg-activation-start-form .form-item.last:after,
#ketnet-registration-consent-start-form .form-item.last:after,
.dashboard-form .form-item.last:after,
#ketnet-registration-delete-user-form .form-item.last:after,
.user-page-wrapper .form-item.last:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: solid 30px #999fa2;
  border-left: solid 60px transparent;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .form-item-profile-type .option.last:after,
  #ketnet-registration-finalize-registration-form .form-item-profile-type .option.last:after,
  #ketnet-registration-dashboard-access-request-form .form-item-profile-type .option.last:after,
  #ketnet-registration-gateway-sms-request-form .form-item-profile-type .option.last:after,
  #ketnet-registration-gateway-sms-validate-form .form-item-profile-type .option.last:after,
  #ketnet-registration-gateway-sms-rerequest-form .form-item-profile-type .option.last:after,
  #ketnet-registration-avg-activation-start-form .form-item-profile-type .option.last:after,
  #ketnet-registration-consent-start-form .form-item-profile-type .option.last:after,
  .dashboard-form .form-item-profile-type .option.last:after,
  #ketnet-registration-delete-user-form .form-item-profile-type .option.last:after,
  .user-page-wrapper .form-item-profile-type .option.last:after,
  #ketnet-registration-start-registration-form .form-item.last:after,
  #ketnet-registration-finalize-registration-form .form-item.last:after,
  #ketnet-registration-dashboard-access-request-form .form-item.last:after,
  #ketnet-registration-gateway-sms-request-form .form-item.last:after,
  #ketnet-registration-gateway-sms-validate-form .form-item.last:after,
  #ketnet-registration-gateway-sms-rerequest-form .form-item.last:after,
  #ketnet-registration-avg-activation-start-form .form-item.last:after,
  #ketnet-registration-consent-start-form .form-item.last:after,
  .dashboard-form .form-item.last:after,
  #ketnet-registration-delete-user-form .form-item.last:after,
  .user-page-wrapper .form-item.last:after {
    border-top: solid 22px #999fa2;
    border-left: solid 45px transparent;
  }
}
#ketnet-registration-start-registration-form .form-type-date .a-error-message,
#ketnet-registration-finalize-registration-form .form-type-date .a-error-message,
#ketnet-registration-dashboard-access-request-form .form-type-date .a-error-message,
#ketnet-registration-gateway-sms-request-form .form-type-date .a-error-message,
#ketnet-registration-gateway-sms-validate-form .form-type-date .a-error-message,
#ketnet-registration-gateway-sms-rerequest-form .form-type-date .a-error-message,
#ketnet-registration-avg-activation-start-form .form-type-date .a-error-message,
#ketnet-registration-consent-start-form .form-type-date .a-error-message,
.dashboard-form .form-type-date .a-error-message,
#ketnet-registration-delete-user-form .form-type-date .a-error-message,
.user-page-wrapper .form-type-date .a-error-message {
  margin-top: -15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 420px) {
  #ketnet-registration-start-registration-form .form-type-date .a-error-message,
  #ketnet-registration-finalize-registration-form .form-type-date .a-error-message,
  #ketnet-registration-dashboard-access-request-form .form-type-date .a-error-message,
  #ketnet-registration-gateway-sms-request-form .form-type-date .a-error-message,
  #ketnet-registration-gateway-sms-validate-form .form-type-date .a-error-message,
  #ketnet-registration-gateway-sms-rerequest-form .form-type-date .a-error-message,
  #ketnet-registration-avg-activation-start-form .form-type-date .a-error-message,
  #ketnet-registration-consent-start-form .form-type-date .a-error-message,
  .dashboard-form .form-type-date .a-error-message,
  #ketnet-registration-delete-user-form .form-type-date .a-error-message,
  .user-page-wrapper .form-type-date .a-error-message {
    margin-bottom: 9px;
  }
}
#ketnet-registration-start-registration-form .error label,
#ketnet-registration-finalize-registration-form .error label,
#ketnet-registration-dashboard-access-request-form .error label,
#ketnet-registration-gateway-sms-request-form .error label,
#ketnet-registration-gateway-sms-validate-form .error label,
#ketnet-registration-gateway-sms-rerequest-form .error label,
#ketnet-registration-avg-activation-start-form .error label,
#ketnet-registration-consent-start-form .error label,
.dashboard-form .error label,
#ketnet-registration-delete-user-form .error label,
.user-page-wrapper .error label {
  color: white;
}
#t-user-register {
  background-color: #012069;
  padding: 40px 25px;
  min-height: calc(100vh - 285px);
}
@media screen and (min-width: 420px) {
  #t-user-register {
    padding: 0px;
    min-height: calc(100vh - 281px);
  }
}
#t-user-register .t-user-register__disclaimer {
  font-size: 14px;
  line-height: 18px;
  max-width: 343px;
  color: white;
  margin: 0 auto;
  text-align: center;
  padding: 0 22px;
}
@media screen and (min-width: 420px) {
  #t-user-register .t-user-register__disclaimer {
    font-size: 12px;
    line-height: 16.5px;
  }
}
#t-user-register .t-user-register__disclaimer a {
  color: white;
  text-decoration: underline;
}
.p-header {
  position: relative;
  overflow: hidden;
  height: 154px;
  background-color: #012069;
}
@media screen and (min-width: 420px) {
  .p-header {
    height: 205px;
  }
}
.p-header .p-header__bg-left {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/header_pattern_red.png");
  transform: skewY(-6deg);
  transform-origin: top left;
  z-index: 1;
  background-size: 53px;
}
@media screen and (min-width: 420px) {
  .p-header .p-header__bg-left {
    background-size: 65px;
  }
}
.p-header .p-header__bg-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #671e75;
  transform: skewY(7deg);
  transform-origin: top right;
}
.p-header .p-header__wrapper {
  max-width: 970px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 41px 25px;
}
@media screen and (min-width: 960px) {
  .p-header .p-header__wrapper {
    padding: 41px 0px;
  }
}
.p-header .p-header__logo {
  width: 73.5px;
  margin-right: 23px;
}
@media screen and (min-width: 420px) {
  .p-header .p-header__logo {
    width: 91px;
    margin-right: 39px;
  }
}
.p-header .p-header__title {
  color: white;
  font: 27px 'ProximaNova-Bold';
  flex: 1 0;
}
.p-header .p-header__title.mobileapp {
  padding: 0 40px;
}
@media screen and (min-width: 420px) {
  .p-header .p-header__title.mobileapp {
    padding: 0 80px;
  }
}
.p-footer {
  position: relative;
  overflow: hidden;
  background-color: #012069;
  height: 51px;
  margin-top: 50px;
}
@media all and (-ms-high-contrast: none) {
  .p-footer {
    display: none;
    /* IE10 */
    /* IE11 */
  }
  .p-footer *::-ms-backdrop {
    display: none;
  }
}
@media screen and (min-width: 420px) {
  .p-footer {
    height: 76px;
    margin-top: 0;
  }
}
.p-footer .p-footer__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/footer_pattern.png");
  transform: skewY(-7deg);
  transform-origin: bottom right;
  background-size: 80px;
}
@media screen and (min-width: 420px) {
  .p-footer .p-footer__bg {
    background-size: 92px;
  }
}
.page-parent-dashboard,
.page-user-register {
  background-color: #012069;
}
.form-radios.edit-sex {
  display: flex;
  justify-content: space-between;
  height: 195px;
}
.form-radios.edit-sex .edit-sex.form-radio {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
  display: none;
}
.form-radios.edit-sex .sex-male .option {
  background-image: url("../images/avatar_boy_inactive.png");
  background-size: 100%;
  box-sizing: border-box;
  display: block;
  height: 142px;
  padding: 115px 0 0 0;
  width: 142px;
}
.form-radios.edit-sex .sex-male-checked .option {
  background-image: url("../images/avatar_boy_active.png");
}
.form-radios.edit-sex .sex-female .option {
  background-image: url("../images/avatar_girl_inactive.png");
  background-size: 100%;
  box-sizing: border-box;
  display: block;
  height: 142px;
  padding: 115px 0 0 0;
  width: 142px;
}
.form-radios.edit-sex .sex-female-checked .option {
  background-image: url("../images/avatar_girl_active.png");
}
.form-radios.edit-sex .option span {
  position: relative;
  background-color: #ff2355;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  line-height: 20px;
  width: 142.5px;
  display: block;
  padding: 15px 0;
  text-align: center;
  cursor: pointer;
}
.form-radios.edit-sex .option span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: solid 22px #da1441;
  border-left: solid 45px transparent;
}
div.edit-profile-type .option {
  cursor: pointer;
}
div.edit-profile-type .icon {
  position: absolute;
  background-size: 100%;
  height: 112.5px;
  width: 112.5px;
  left: -46px;
  top: 30px;
}
@media screen and (min-width: 420px) {
  div.edit-profile-type .icon {
    height: 111px;
    width: 112px;
    left: -27px;
    top: 11px;
  }
}
div.edit-profile-type .ketprofiel .icon {
  background-image: url("../images/avatar_ketprofiel.png");
}
div.edit-profile-type .ketprofiel-kingsize .icon {
  background-image: url("../images/avatar_ketprofiel_kingsize.png");
}
div.edit-profile-type input.edit-profile-type {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
  position: relative;
  cursor: pointer;
  display: none;
}
div.edit-profile-type .option {
  background-color: white;
  display: block;
  font-family: 'ProximaNova-Regular';
  padding: 25px 25px 25px 80px;
  margin-left: 43px;
}
@media screen and (min-width: 420px) {
  div.edit-profile-type .option {
    margin-left: 0;
    padding: 25px 25px 25px 112px;
  }
}
div.edit-profile-type .option .label {
  font: 17.5px 'ProximaNova-Bold';
  line-height: 20px;
  color: #012069;
  margin-bottom: 5px;
  text-transform: lowercase;
  display: block;
}
@media screen and (min-width: 420px) {
  div.edit-profile-type .option .label {
    font: 15px 'ProximaNova-Bold';
  }
}
div.edit-profile-type .option .description {
  font-size: 14px;
  line-height: 18px;
  color: #012069;
  margin-left: 0;
}
div.edit-profile-type .checked .option {
  background-color: #66ff99;
}
.agenda_tabs {
  margin: 0 auto 15px auto;
  max-width: 320px;
  overflow: hidden;
}
.agenda_tabs .month-dropdown {
  float: left;
  width: 150px;
}
.agenda_tabs .views-exposed-widget {
  float: right;
  padding: 0;
  width: 100px;
}
.agenda_tabs select {
  padding: 5px 10px;
}
.agenda_tabs ul {
  display: none;
}
.agenda_tabs .form-submit,
.calendar-overview .form-submit,
.agenda_tabs .views-exposed-widget-hide,
.calendar-overview .views-exposed-widget-hide {
  display: none;
}
.agenda_tabs .view-content,
.calendar-overview .view-content {
  background: #ffffff;
  margin: 0 auto 15px auto;
  max-width: 320px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.agenda_tabs .view-content .item-list ul,
.calendar-overview .view-content .item-list ul,
.agenda_tabs .view-content .item-list li,
.calendar-overview .view-content .item-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.agenda_tabs .view-content .item-list li,
.calendar-overview .view-content .item-list li {
  padding: 10px;
}
.agenda_tabs .view-content .views-row-even,
.calendar-overview .view-content .views-row-even {
  background: #def8fe;
}
.agenda_tabs .view-content .views-field-field-multiple-dates-value,
.calendar-overview .view-content .views-field-field-multiple-dates-value {
  background: #671e75;
  color: #66ff99;
  display: block;
  font: 22px 'ketnet_proxima_novaextrabold';
  height: 33px;
  margin: 0 20px 0 0;
  padding: 7px 0 0 0;
  position: absolute;
  text-align: center;
  width: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.agenda_tabs .view-content .views-field-field-image-fid,
.calendar-overview .view-content .views-field-field-image-fid {
  text-align: center;
}
.agenda_tabs .view-content .views-field-field-image-fid img,
.calendar-overview .view-content .views-field-field-image-fid img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.agenda_tabs .view-content h2,
.calendar-overview .view-content h2 {
  color: #ff2355;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 5px 0;
  text-align: center;
}
.agenda_tabs .view-content h2 a,
.calendar-overview .view-content h2 a {
  color: #ff2355;
}
.agenda_tabs .view-content .views-field-field-article-intro-value,
.calendar-overview .view-content .views-field-field-article-intro-value {
  color: #344d86;
  font-size: 16px;
  text-align: center;
}
@media screen and (min-width: 410px) {
  .calendar-overview .view-content {
    max-width: 410px;
  }
}
@media screen and (min-width: 950px) {
  .agenda_tabs {
    max-width: 620px;
  }
  .agenda_tabs .month-dropdown {
    display: none;
  }
  .agenda_tabs .views-exposed-widget {
    float: none;
    width: auto;
  }
  .agenda_tabs .form-item-years {
    float: right;
    margin: 7px 0 0 0;
    min-width: auto;
    width: 62px;
  }
  .agenda_tabs .form-item-years select {
    padding: 5px 5px 5px 0;
  }
  .agenda_tabs .container-inline-date .form-item select {
    margin: 0;
    padding: 5px 5px 5px 0;
  }
  .agenda_tabs ul {
    display: block;
    list-style: none;
  }
  .agenda_tabs ul li {
    display: inline;
  }
  .agenda_tabs ul li a {
    background: #671e75;
    color: #66ff99;
    display: block;
    float: left;
    font: 16px 'ketnet_proxima_novaextrabold';
    margin: 0 4px 0 0;
    padding: 10px 0;
    text-align: center;
    width: 42px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .agenda_tabs ul li .active {
    background: #fbe121;
    color: #ff2355;
  }
  .calendar-overview .view-content {
    max-width: 620px;
  }
  .calendar-overview .view-content .item-list li {
    overflow: hidden;
    padding: 10px 20px;
  }
  .calendar-overview .view-content .views-field-field-multiple-dates-value {
    background: #22d2f9;
    color: #ffffff;
    float: left;
    position: static;
    -webkit-border-radius: 40px;
    border-radius: 40px;
  }
  .calendar-overview .view-content .views-field-field-image-fid {
    float: left;
    margin: 0 18px 0 0;
    width: 140px;
  }
  .calendar-overview .view-content h2 {
    margin: 15px 0 5px;
    text-align: left;
  }
  .calendar-overview .view-content .views-field-title {
    float: left;
    width: 355px;
  }
  .calendar-overview .view-content .views-field-field-article-intro-value {
    text-align: left;
  }
}
.ui-autocomplete {
  background: #ffffff;
  z-index: 1001 !important;
}
.pane-search-form {
  margin: 0 auto 15px auto;
  max-width: 310px;
}
.pane-search-form form {
  position: relative;
}
.pane-search-form .corner {
  display: none;
}
.pane-search-form .form-actions,
.pane-search-form .form-item {
  display: block;
  margin: 0 0 10px 0;
  position: relative;
}
.pane-search-form .form-text {
  background: #ffffff;
  border: none;
  color: #344d86;
  font: 18px 'ProximaNova-Regular';
  padding: 8px 10px;
  width: 290px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.pane-search-form input.form-autocomplete {
  background: #ffffff !important;
}
.pane-search-form label {
  color: #ffffff;
  display: inline;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 0 12px 0 0;
}
.pane-search-form .form-select {
  color: #344d86;
  font: 18px 'ProximaNova-Regular';
  padding: 2px 10px;
  width: 100px;
}
.pane-search-form .form-item-content-type-selector {
  padding: 5px 0 0 0;
}
.pane-search-form .form-submit {
  background: #ff2355;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 40px;
  padding: 0 10px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.pane-search-result {
  margin: 0 auto;
  max-width: 310px;
}
.pane-search-result h2 {
  color: #012069;
  font: 16px 'ketnet_proxima_novaextrabold';
  padding: 12px 20px;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.pane-search-result .item {
  background: #ffffff;
  overflow: hidden;
  margin: 0;
  padding: 12px;
}
.pane-search-result .item .img {
  float: left;
  margin: 0 10px 0 0;
  width: 125px;
}
.pane-search-result .item .txt {
  color: #344d86;
  float: left;
  width: 140px;
}
.pane-search-result .item .txt h3 {
  font: 18px 'ketnet_proxima_novaextrabold';
}
.pane-search-result .item:nth-child(even) {
  background: #def8fd;
}
.pane-search-result .item-list {
  background: #22d2f9;
  color: #012069;
  font-size: 14px;
  padding: 10px 10px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.pane-search-result .item-list ul {
  margin: 0;
}
.pane-search-result .item-list ul li {
  margin: 0 5px;
  padding: 0;
}
@media screen and (min-width: 410px) {
  .pane-search-form,
  .pane-search-result {
    max-width: 410px;
  }
  .pane-search-form .form-text {
    width: 390px;
  }
  .pane-search-result .item .txt {
    width: 240px;
  }
}
@media screen and (min-width: 950px) {
  .pane-search-form,
  .pane-search-result {
    max-width: 620px;
  }
  .pane-search-form {
    overflow: hidden;
  }
  .pane-search-form form .form-item {
    float: left;
    margin: 0;
  }
  .pane-search-form .form-text {
    width: 240px;
  }
  .pane-search-form .form-item-content-type-selector {
    padding: 5px 0 0 20px;
  }
  .pane-search-form .form-actions {
    float: right;
    position: static;
  }
  .pane-search-result h2 {
    font: 18px 'ketnet_proxima_novaextrabold';
    text-align: left;
  }
  .pane-search-result .item .txt {
    width: 450px;
  }
}
#quiz_container {
  margin: 0 auto 15px auto;
  max-width: 310px;
}
#quiz_container .vuplay-video-control-container {
  display: none;
}
#quiz_container .overview-link {
  display: inline-block;
  position: relative;
}
#quiz_container .overview-link .title {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#quiz_container .overview-link .corner-xs {
  margin: -1px 0 0 0;
}
#quiz_container .header {
  text-align: right;
}
#quiz_container .header h1 {
  background: #671e75;
  color: #66ff99;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 5px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#quiz_container #quizgroup_overview_content {
  background: #671e75;
  border: none;
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  position: relative;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
#quiz_container #quizgroup_overview_content h2 {
  color: #66ff99;
  font: 20px 'ketnet_proxima_novaextrabold';
  margin: 15px 0;
  text-align: center;
}
#quiz_container #quizgroup_overview_content .quizgroup_leaderboard_content_region div {
  margin: 0 0 15px 0;
}
#quiz_container #quizgroup_overview_content .quizgroup_overview_content_wrapper_list {
  margin: 0 0 20px 0;
}
#quiz_container #quizgroup_overview_content .quizgroup_overview_content_wrapper_list .quizgroup_overview_content_wrapper_list_right a {
  background: #ff2355;
  color: #ffffff;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 32px;
  margin: 20px auto 0;
  padding: 8px 0 0;
  text-align: center;
  width: 175px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#quiz_container fieldset {
  background: #671e75 no-repeat;
  background-size: cover;
  border: none;
  color: #ffffff;
  display: none;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  position: relative;
  -webkit-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}
#quiz_container h3 {
  color: #66ff99;
  font: 18px 'ketnet_proxima_novaextrabold';
}
#quiz_container .quiz_timer {
  background: #671e75;
  color: #ffffff;
  display: block;
  padding: 5px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#quiz_container #instructions {
  display: block;
}
#quiz_container #instructions #quiz_intro_left {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 262px;
  margin: 0 0 15px 0;
  width: 260px;
}
#quiz_container #instructions #quiz_intro_right .start {
  background: #ff2355;
  color: #ffffff;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 32px;
  margin: 20px auto 0;
  padding: 8px 0 0;
  text-align: center;
  width: 120px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#quiz_container #instructions #quiz_intro_right .ketnet_com_quiz_post_list_quizgroup {
  background: #66ff99;
  color: #671e75;
  display: inline-block;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 20px auto 0;
  padding: 8px 20px 8px;
  text-align: center;
  width: 120px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#quiz_container #quiz_question {
  margin: 0 0 15px 0;
}
#quiz_container #quiz_question h4 {
  color: #fbe121;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 0 0 5px 0;
}
#quiz_container .quiz_answers {
  width: 260px;
}
#quiz_container .quiz_answers .answers {
  list-style-type: none;
  margin: 20px 0;
}
#quiz_container .quiz_answers .dummy {
  display: none;
}
#quiz_container .quiz_answers a {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  margin: 0 0 7px 0;
  padding: 9px 10px 11px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#quiz_container .quiz_answers a .answer {
  background: #a7ecfc;
  color: #012069;
  display: block;
  float: left;
  font: 14px 'ProximaNova-Bold';
  height: 21px;
  margin: 0 10px 0 0;
  padding: 4px 0 0 1px;
  text-align: center;
  width: 24px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
#quiz_container .quiz_answers a .wrong {
  background: #ff2355;
  color: #ffffff;
}
#quiz_container .quiz_answers a .correct {
  background: #66ff99;
}
#quiz_container .quiz_answers .hidden a {
  background: #99a6c3;
}
#quiz_container #quiz_progress .progressBar {
  background: #854a91;
  height: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#quiz_container #quiz_progress .progressBar .bar {
  background: #fbe121;
  height: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#quiz_container #quiz_progress .progressBar .numbers {
  color: #ffffff;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 0 5px;
}
#quiz_container .score {
  text-align: center;
}
#quiz_container .score .score_text {
  color: #66ff99;
  font: 22px 'ketnet_proxima_novaextrabold';
}
#quiz_container .score .score_number {
  font: 28px 'ketnet_proxima_novaextrabold';
}
#quiz_container .score .score_message {
  font-size: 17px;
  padding: 35px 0 0 0;
}
#quiz_container .endButtons {
  text-align: center;
}
#quiz_container .endButtons .ketnet_com_quiz_post_score,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_score,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_list,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_list,
#quiz_container .endButtons .back {
  background: #ff2355;
  color: #ffffff;
  display: inline-block;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 20px auto 0;
  padding: 8px 20px 8px;
  text-align: center;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#quiz_container .endButtons .ketnet_com_quiz_post_score,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_score,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_list,
#quiz_container .endButtons .ketnet_com_quiz_post_score_quizgroup_end_list {
  background: #66ff99;
  color: #671e75;
}
@media screen and (min-width: 410px) {
  #quiz_container {
    max-width: 410px;
  }
  #quiz_container #instructions #quiz_intro_left {
    background-size: contain;
    height: 344px;
    margin: 0 auto 15px auto;
    width: 342px;
  }
  #quiz_container .quiz_answers {
    width: 360px;
  }
}
@media screen and (min-width: 660px) {
  #quiz_container {
    max-width: 660px;
  }
  #quiz_container #instructions #quiz_intro_left {
    float: left;
    margin: 0 15px 0 0;
  }
  #quiz_container #instructions #quiz_intro_right {
    float: left;
    padding: 50px 0 0 0;
    width: 253px;
  }
  #quiz_container #quiz_question {
    font-size: 18px;
    text-align: center;
  }
  #quiz_container #quiz_question h4 {
    font-size: 22px;
  }
  #quiz_container .quiz_answers {
    overflow: hidden;
    margin: 0 0 20px 0;
    width: 610px;
  }
  #quiz_container .quiz_answers .answer-plugin,
  #quiz_container .quiz_answers #plugin {
    float: left;
    margin: 0 15px 0 0;
    width: 342px;
  }
  #quiz_container .quiz_answers .answers {
    float: left;
    margin: 0;
    width: 253px;
  }
  #quiz_container #quizgroup_overview_content .quizgroup_leaderboard_content_region {
    overflow: hidden;
  }
  #quiz_container #quizgroup_overview_content #quizgroup_leaderboard_content_left_top,
  #quiz_container #quizgroup_overview_content #quizgroup_leaderboard_content_right_top {
    float: left;
    width: 45%;
  }
  #quiz_container #quizgroup_overview_content #quizgroup_leaderboard_content_left_bottom,
  #quiz_container #quizgroup_overview_content #quizgroup_leaderboard_content_right_bottom {
    float: right;
    width: 45%;
  }
  #quiz_container #quizgroup_overview_content .quizgroup_overview_content_wrapper_list {
    overflow: hidden;
  }
  #quiz_container #quizgroup_overview_content .quizgroup_overview_content_wrapper_list .quizgroup_overview_content_wrapper_list_left {
    float: left;
    margin: 0 20px 0 0;
    width: 250px;
  }
  #quiz_container #quizgroup_overview_content .quizgroup_overview_content_wrapper_list .quizgroup_overview_content_wrapper_list_right {
    float: left;
    width: 340px;
  }
}
@media screen and (min-width: 950px) {
  #quiz_container {
    max-width: 775px;
  }
  #quiz_container .overview-link {
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  #quiz_container #instructions #quiz_intro_left {
    float: left;
    margin: 0 30px 0 0;
  }
  #quiz_container #instructions #quiz_intro_right {
    float: left;
    padding: 50px 0 0 0;
    text-align: center;
    width: 353px;
  }
  #quiz_container #quiz_question {
    font-size: 18px;
    margin: 0 0 20px 0;
    text-align: center;
  }
  #quiz_container #quiz_question h4 {
    font-size: 22px;
    padding: 30px 0 0 0;
  }
  #quiz_container .quiz_answers {
    overflow: hidden;
    margin: 0 0 20px 0;
    width: 725px;
  }
  #quiz_container .quiz_answers .answer-plugin,
  #quiz_container .quiz_answers #plugin {
    float: left;
    margin: 0 25px 0 0;
    width: 362px;
  }
  #quiz_container .quiz_answers .answers {
    float: left;
    margin: 0;
    width: 333px;
  }
  #quiz_container .score {
    padding: 80px 90px 30px 90px;
    text-align: center;
  }
}
/***************************************
  Showbizz news
***************************************/
.showbizz-news-page #page-wrapper {
  background: #431234;
}
.showbizz-content {
  height: 231px;
  margin: 0 auto 15px auto;
  max-width: 310px;
  overflow: hidden;
}
.showbizz-content .showbizz-items li {
  height: 231px;
}
.showbizz-content .showbizz-items,
.showbizz-content .showbizz-items li {
  display: none;
  line-height: 0;
}
.showbizz-content .showbizz-items .active-item {
  display: block;
}
.showbizz-content .showbizz-items .item-next,
.showbizz-content .showbizz-items .item-last {
  background: url('../images/showbizz/button_next.png') 0 0 no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  height: 60px;
  width: 62px;
}
.showbizz-content .showbizz-items .item-previous {
  background: url('../images/showbizz/button_previous.png') 0 0 no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  height: 60px;
  width: 62px;
}
.showbizz-content .showbizz-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.showbizz-content img {
  max-width: 100%;
}
.showbizz-content .showbizz-intro {
  position: relative;
}
.showbizz-content .showbizz-intro .logo {
  background: url('../images/showbizz/logo_bg.png') 0 0 no-repeat;
  background-size: contain;
  height: calc(100% * 0.551);
  left: calc(50% * 0.6779);
  position: absolute;
  top: calc(50% * 0.449);
  width: calc(100% * 0.3221);
}
.showbizz-content .showbizz-intro .showbizz {
  background: url('../images/showbizz/showbizz.png') 0 0 no-repeat;
  background-size: contain;
  display: none;
  height: 71px;
  margin: 32% 0 0 10%;
  max-width: 100%;
  position: absolute;
  width: 276px;
  z-index: 10;
}
.showbizz-content .showbizz-intro .nieuws {
  background: url('../images/showbizz/nieuws.png') 0 0 no-repeat;
  background-size: contain;
  display: none;
  height: 83px;
  margin: 50% 0 0 16%;
  max-width: 100%;
  position: absolute;
  width: 221px;
}
.showbizz-content .showbizz-anim .showbizz {
  display: block;
  -webkit-animation-name: showbizz_showbizz;
  -webkit-animation-duration: 3s;
  animation-name: showbizz_showbizz;
  animation-duration: 3s;
}
.showbizz-content .showbizz-anim .nieuws {
  display: block;
  -webkit-animation-name: showbizz_nieuws;
  -webkit-animation-duration: 3s;
  animation-name: showbizz_nieuws;
  animation-duration: 3s;
}
.showbizz-content .showbizz-intro .edition {
  color: #ffffff;
  display: block;
  font: 16px 'montserratbold', sans-serif;
  margin: 90% 0 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.showbizz-content .showbizz-outro {
  display: none;
  margin: 0 auto;
  max-width: 950px;
  position: relative;
  width: 100%;
}
.showbizz-content .showbizz-outro img {
  max-width: 100%;
}
.showbizz-content .showbizz-outro a {
  color: #ffffff;
  display: block;
  font: 14px 'montserratbold', sans-serif;
  left: 50%;
  margin: 0 0 0 -12%;
  max-width: 25%;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 20%;
  width: 25%;
}
.showbizz-content .showbizz-outro a img {
  border: 9px solid #54b999;
}
.showbizz-content .showbizz-outro .item-0 {
  display: block;
}
.showbizz-content .showbizz-outro .item-1,
.showbizz-content .showbizz-outro .item-2 {
  display: none;
}
.showbizz-content .transition {
  display: none;
}
.showbizz-content .transition img {
  max-width: 100%;
}
@media screen and (min-width: 410px) {
  .showbizz-content {
    height: 299px;
    max-width: 410px;
  }
  .showbizz-content .showbizz-items li {
    height: 299px;
  }
}
@media screen and (min-width: 660px) {
  .showbizz-content {
    height: 443px;
    max-width: 660px;
  }
  .showbizz-content .showbizz-items li {
    height: 443px;
  }
}
@media screen and (min-width: 950px) {
  .showbizz-content {
    height: 550px;
    max-width: 950px;
  }
  .showbizz-content .showbizz-items li {
    height: 550px;
  }
  .showbizz-content .showbizz-intro .edition {
    font: 22px 'montserratbold', sans-serif;
    margin: 80% 0 0;
    position: absolute;
  }
  .showbizz-content .showbizz-items .item-next,
  .showbizz-content .showbizz-items .item-last {
    margin: -60px 0 0 0;
    position: relative;
    right: 50px;
  }
  .showbizz-content .showbizz-items .item-previous {
    margin: -60px 0 0 0;
    position: relative;
    right: 112px;
  }
  .showbizz-content .showbizz-outro .item-0,
  .showbizz-content .showbizz-outro .item-1,
  .showbizz-content .showbizz-outro .item-2 {
    display: block;
    margin: 0;
    top: 178px;
    width: 194px;
  }
  .showbizz-content .showbizz-outro .item-0 {
    left: 147px;
  }
  .showbizz-content .showbizz-outro .item-1 {
    left: 378px;
  }
  .showbizz-content .showbizz-outro .item-2 {
    left: 609px;
  }
}
@-webkit-keyframes showbizz_nieuws {
  10% {
    -webkit-transform: translate(0px, -20px);
  }
}
@keyframes showbizz_nieuws {
  25% {
    transform: translate(0px, -500px);
  }
  50% {
    transform: translate(0px, 50px);
  }
  75% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes showbizz_showbizz {
  25% {
    -webkit-transform: translate(0px, -20px);
  }
}
@keyframes showbizz_showbizz {
  25% {
    transform: translate(0px, -20px);
  }
  50% {
    transform: translate(0px, 20px);
  }
  75% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#profiel_container {
  margin: 0 auto 15px auto;
  max-width: 310px;
}
#profiel_container .extraHeadInfo .topInfo {
  background: #671e75;
  color: #fbe121;
  font: 14px 'ketnet_proxima_novaextrabold';
  padding: 7px 15px;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
#profiel_container .head {
  background: #fbe121;
  display: inline-block;
  padding: 8px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .head .btn_back {
  display: none;
}
#profiel_container .head h1 {
  color: #ff2355;
  display: inline-block;
  font: 18px 'ketnet_proxima_novaextrabold';
}
#profiel_container .bck_profielContent {
  margin: 0 0 15px 0;
}
#profiel_container .bck_profielContent h2 {
  font: 18px 'ketnet_proxima_novaextrabold';
  padding: 7px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .bck_profielContent a {
  color: #671e75;
}
#profiel_container .bck_profielContent .sbContent {
  background: #ffffff;
  color: #671e75;
  padding: 10px 15px;
}
#profiel_container .bck_profielContent .sbContent .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 15px 10px 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .profiel_interests h2 {
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
#profiel_container .profile-edit .my-data h2 {
  -webkit-border-radius: 0;
  border-radius: 0;
}
#profiel_container .profile-edit .form-checkbox {
  margin: 0 5px 0 0;
}
#profiel_container .profile-edit .sbContent {
  background: #dbe2e9;
}
#profiel_container .profile-edit .form-text {
  background: #ffffff;
  border: none;
  margin: 5px 0 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .profile-edit .form-item {
  margin: 10px 0 0 0;
}
#profiel_container .profile-edit #edit-wish {
  max-width: 80%;
}
#profiel_container .my-data .sbContent {
  background: #dbe2e9;
}
#profiel_container .my-data .sbContent #edit-birthday-wrapper,
#profiel_container .my-data .sbContent .changePaswordWrapper,
#profiel_container .my-data .sbContent .form-item {
  margin: 10px 0 0 0;
}
#profiel_container .my-data .sbContent .changePaswordWrapper {
  overflow: hidden;
}
#profiel_container .my-data .sbContent .changePaswordWrapper label {
  display: block;
}
#profiel_container .my-data .sbContent .changePaswordWrapper .icoVet {
  float: left;
  margin: 0 10px 0 0;
}
#profiel_container .my-data .sbContent .changePaswordWrapper .form-submit {
  float: left;
  margin: 5px 10px 0 0;
}
#profiel_container .my-data .sbContent #profile-photo {
  display: block;
  overflow: hidden;
}
#profiel_container .my-data .sbContent #profile-photo label {
  display: block;
  margin: 15px 0 5px 0;
}
#profiel_container .my-data .sbContent #profile-photo img {
  display: block;
}
#profiel_container .my-data .sbContent #profile-photo .icoInstruction {
  float: left;
  margin: 10px 15px 0 0;
}
#profiel_container .my-data .sbContent #profile-photo .form-submit {
  float: left;
}
#profiel_container .profiel_rightNav {
  display: none;
}
#profiel_container .my-profile .first h2 {
  -webkit-border-radius: 0;
  border-radius: 0;
}
#profiel_container .my-profile hr {
  border: none;
  border-top: 1px solid #344d86;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}
#profiel_container .my-profile .ketnet-newsletter-wrapper {
  margin: 15px 0 0 0;
}
#profiel_container .my-profile .form-item {
  margin: 15px 0 0 0;
}
#profiel_container .my-theme h2 {
  -webkit-border-radius: 0;
  border-radius: 0;
}
#profiel_container .my-theme .sbContent {
  overflow: hidden;
}
#profiel_container .my-theme .form-type-radios {
  overflow: hidden;
}
#profiel_container .my-theme .form-type-radios .form-item-pyp-theme {
  float: left;
  height: 140px;
  margin: 0 5px 15px 0;
  overflow: hidden;
  position: realtive;
  text-align: center;
  width: 136px;
}
#profiel_container .my-theme .form-type-radios .form-radio {
  left: -9999px;
  position: absolute;
}
#profiel_container .my-theme .form-type-radios img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .my-theme .form-type-radios label {
  cursor: pointer;
  display: block;
  height: 133px;
  padding: 2px 2px 5px;
}
#profiel_container .my-theme .form-type-radios .selected {
  background: #22d2f9;
  color: #ffffff;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .my-theme .form-submit {
  float: right;
  margin-top: 0;
}
#profiel_container .my-friends hr {
  display: none;
}
#profiel_container .my-friends h3 {
  clear: both;
}
#profiel_container .my-friends .sbContent {
  background: #dbe2e9;
  color: #012069;
}
#profiel_container .my-friends .more {
  background: #671e75;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  padding: 10px 0;
  text-align: center;
}
#profiel_container .my-friends #ketnet-com-my-friends-page,
#profiel_container .my-friends #ketnet-com-my-blockedfriends-page {
  text-align: center;
}
#profiel_container .my-friends .friend {
  display: block;
  height: 238px;
  margin: 0 auto 10px auto;
  width: 150px;
}
#profiel_container .my-friends .friend span {
  display: block;
}
#profiel_container .my-friends .friend .btnBlock,
#profiel_container .my-friends .friend .btnDelete {
  background: #22d2f9;
  border: none;
  color: #ffffff;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends hr {
  border-top: 1px solid #012069;
  margin: 10px 0 0 0;
  padding: 0 0 9px 0;
}
#profiel_container .my-friends .searchBar {
  background: #671e75;
  overflow: hidden;
  padding: 10px 15px;
  text-align: right;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
#profiel_container .my-friends .searchBar a {
  color: #fbe121;
  font-weight: bold;
}
#profiel_container .my-friends .searchBar a span {
  font-size: 10px;
}
#profiel_container .my-friends .searchBar #searchFriendButton {
  background: #22d2f9;
  border: none;
  color: #ffffff;
  float: right;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 0 0 10px;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends .searchBar #searchFriend {
  background: #ffffff;
  border: none;
  float: right;
  font: 12px 'ProximaNova-Regular';
  padding: 7px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .my-friends .searchContent {
  overflow: hidden;
  margin: 0 auto;
  max-width: 370px;
  padding: 0 0 15px 0;
  text-align: center;
}
#profiel_container .my-friends .searchContent .searchFriendWrapper {
  margin: 10px 0 0;
  text-align: left;
}
#profiel_container .my-friends .searchContent .searchFriendWrapper label {
  display: block;
  margin: 0 0 5px 0;
}
#profiel_container .my-friends .searchContent .searchFriendWrapper input {
  background: #ffffff;
  border: none;
  display: block;
  font: 14px 'ProximaNova-Regular';
  padding: 10px 10px;
  width: 270px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .my-friends .searchContent #searchFriendButton {
  background: #671e75;
  border: none;
  color: #66ff99;
  float: left;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 15px 0 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends .searchContent .icoInstruction,
#profiel_container .my-friends .searchContent .icoVet {
  float: left;
  margin: 9px 0 0 10px;
}
#profiel_container .my-friends .searchContent .clearfloats {
  clear: both;
  padding: 0 0 5px 0;
}
#profiel_container .my-friends #ketnet-com-friend-results {
  overflow: hidden;
  padding: 10px 0;
  text-align: left;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend {
  float: none;
  height: 60px;
  text-align: left;
  width: auto;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend .icon {
  display: none;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend a {
  color: #012069;
  display: block;
  height: 60px;
  width: auto;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend img {
  float: left;
  margin: 0 10px 0 0;
  width: 48px;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend .info {
  float: left;
  width: 112px;
}
#profiel_container .my-friends #ketnet-com-friend-results .friend .button {
  background: #22d2f9;
  border: none;
  color: #ffffff;
  float: right;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 16px 0 0 10px;
  padding: 5px 10px;
  text-align: center;
  width: 80px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends .friends-selected {
  overflow: hidden;
  padding: 0 0 15px 0;
}
#profiel_container .my-friends .friends-selected #friends-selected {
  overflow: hidden;
}
#profiel_container .my-friends .friends-selected .friend {
  height: 100px;
  margin: 10px 0 0 0;
  position: relative;
}
#profiel_container .my-friends .friends-selected .friend a {
  color: #012069;
}
#profiel_container .my-friends .friends-selected .friend .icon {
  position: absolute;
  right: 44px;
  top: -4px;
}
#profiel_container .my-friends .friends-selected .friend .accept {
  display: none;
}
#profiel_container .my-friends .friends-selected .btnSubmitInvitation {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 auto;
  padding: 5px 10px;
  text-align: center;
  width: 210px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends #ketnet-com-my-friends-page-requests {
  overflow: hidden;
}
#profiel_container .my-friends #ketnet-com-my-friends-page-requests .clearfloats {
  clear: both;
  height: 15px;
}
#profiel_container .my-friends #ketnet-com-my-friends-page-requests .friend {
  height: 135px;
  margin: 10px 10px 0 0;
  overflow: hidden;
  text-align: center;
}
#profiel_container .my-friends #ketnet-com-my-friends-page-requests .accept,
#profiel_container .my-friends #ketnet-com-my-friends-page-requests .refuse {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 auto;
  padding: 5px 10px;
  text-align: center;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#profiel_container .my-friends #ketnet-com-my-friends-page-requests .accept {
  background: #671e75;
  color: #fbe121;
}
#profiel_container .my-friends .search-wrapper {
  margin: 0 auto;
  max-width: 500px;
}
#ketnet-com-user-profile .nameBar_picture img,
#ketnet-com-friend-profile .nameBar_picture img {
  float: left;
  height: 40px;
  margin: 0 15px 0 0;
  width: 40px;
}
#ketnet-com-user-profile .nameBar_picture h1,
#ketnet-com-friend-profile .nameBar_picture h1 {
  padding: 8px 5px 0 0;
}
#ketnet-com-user-profile .ketnet-com-status,
#ketnet-com-friend-profile .ketnet-com-status {
  background: #dbe2e9;
  margin-bottom: 20px;
  padding: 20px 15px 10px;
}
#ketnet-com-user-profile .ketnet-com-status h3,
#ketnet-com-friend-profile .ketnet-com-status h3 {
  color: #ff2355;
  float: left;
  font: 18px 'ketnet_proxima_novaextrabold';
}
#ketnet-com-user-profile .ketnet-com-status ul,
#ketnet-com-friend-profile .ketnet-com-status ul {
  list-style: none;
}
#ketnet-com-user-profile .ketnet-com-status .status-options,
#ketnet-com-friend-profile .ketnet-com-status .status-options {
  float: right;
  margin: -5px 0 0 5px;
  padding: 0 0 10px 0;
  position: relative;
}
#ketnet-com-user-profile .ketnet-com-status .status-options button,
#ketnet-com-friend-profile .ketnet-com-status .status-options button {
  background: #fbe121;
  border: none;
  color: #671e75;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 31px;
  line-height: 36px;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#ketnet-com-user-profile .ketnet-com-status .dropdown,
#ketnet-com-friend-profile .ketnet-com-status .dropdown {
  background: #def8fd;
  display: none;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 25px;
  width: 240px;
  z-index: 10;
}
#ketnet-com-user-profile .ketnet-com-status .message_list .dropdown a,
#ketnet-com-friend-profile .ketnet-com-status .message_list .dropdown a {
  border-top: 1px solid #99a6c3;
  color: #012069;
  display: block;
  padding: 5px 10px;
}
#ketnet-com-user-profile .ketnet-com-status .message_list .dropdown li:first-child a,
#ketnet-com-friend-profile .ketnet-com-status .message_list .dropdown li:first-child a {
  border-top: none;
}
#ketnet-com-user-profile .ketnet-com-status .emoticon_list .dropdown a,
#ketnet-com-friend-profile .ketnet-com-status .emoticon_list .dropdown a {
  display: inline-block;
  float: left;
  height: 34px;
  margin: 0 5px 5px;
  width: 34px;
}
#ketnet-com-user-profile .ketnet-com-status .statusForm,
#ketnet-com-friend-profile .ketnet-com-status .statusForm {
  clear: both;
  overflow: hidden;
}
#ketnet-com-user-profile .ketnet-com-status .statusInput,
#ketnet-com-friend-profile .ketnet-com-status .statusInput {
  background: #ffffff;
  color: #012069;
  font: 14px 'ProximaNova-Regular';
  height: 102px;
  outline: none;
  overflow: auto;
  padding: 10px;
  width: 260px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-com-user-profile .ketnet-com-status .icoVet,
#ketnet-com-friend-profile .ketnet-com-status .icoVet {
  float: right;
  margin: -5px 0 0 0;
}
#ketnet-com-user-profile .ketnet-com-status .statusSubmit,
#ketnet-com-friend-profile .ketnet-com-status .statusSubmit {
  background: #671e75;
  border: none;
  color: #66ff99;
  float: right;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 10px 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#ketnet-com-user-profile .contentBoxes .top,
#ketnet-com-friend-profile .contentBoxes .top {
  overflow: hidden;
}
#ketnet-com-user-profile .contentBoxes .top a,
#ketnet-com-friend-profile .contentBoxes .top a {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  float: left;
  font: 16px/16px 'ketnet_proxima_novaextrabold';
  height: 37px;
  padding: 3px 5px 0;
  text-align: center;
  width: 90px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-com-user-profile .contentBoxes .top .active,
#ketnet-com-friend-profile .contentBoxes .top .active {
  background: #671e75;
}
#ketnet-com-user-profile .contentBoxes .top .goto-userline,
#ketnet-com-friend-profile .contentBoxes .top .goto-userline {
  margin: 0 5px;
}
#ketnet-com-user-profile .contentBoxes .top .goto-userline,
#ketnet-com-friend-profile .contentBoxes .top .goto-userline,
#ketnet-com-user-profile .contentBoxes .top .goto-friends,
#ketnet-com-friend-profile .contentBoxes .top .goto-friends {
  height: 27px;
  padding: 13px 5px 0;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent {
  background: none;
  padding: 0;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item {
  background: #ffffff;
  color: #012069;
  margin: 0 0 5px 0;
  overflow: hidden;
  padding: 12px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item:nth-child(even),
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item:nth-child(even) {
  background: #def8fe;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item:first-child,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item:first-child {
  -webkit-border-radius: 0;
  border-radius: 0;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .author_link img,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .author_link img {
  border: 1px solid #fbe121;
  margin: 0 20px 0 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .left,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .left {
  float: left;
  width: 60px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .right,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .right {
  float: left;
  width: 210px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .right .username,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .right .username {
  color: #ff2355;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 0 5px 0;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .right .block,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .right .block {
  margin: 15px 0 0 0;
  text-align: center;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert {
  background: #ffa7ba !important;
  color: #ff2355;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert .orb,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert .orb {
  background: #ff2355;
  color: #def8fe;
  display: block;
  float: left;
  font-size: 26px;
  height: 38px;
  margin: 0 25px 0 0;
  padding: 12px 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert .actionButtons,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert .actionButtons {
  float: right;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert .actionButtons .removeButton,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert .actionButtons .removeButton {
  background: #ff4f77;
  color: #def8fe;
  display: block;
  float: left;
  height: 21px;
  margin: 0 10px 0 0;
  padding: 7px 0 0 1px;
  text-align: center;
  width: 27px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request {
  background: #a7ecfc;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request .orb,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request .orb {
  background: #671e75;
  color: #def8fe;
  display: block;
  float: left;
  font-size: 26px;
  height: 40px;
  margin: 0 25px 0 0;
  padding: 10px 0 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request a,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .alert-friend-request a {
  color: #ff2355;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .likeCounter,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .likeCounter {
  color: #ff2355;
  font: 12px 'ProximaNova-Bold';
  text-align: right;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .more,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .more {
  background: #671e75;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .more span,
#ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .more span {
  font-size: 12px;
  margin-left: 5px;
}
#ketnet-com-user-profile .nextPrevBox,
#ketnet-com-friend-profile .nextPrevBox {
  background: #671e75;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  overflow: hidden;
  padding: 10px 0;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#ketnet-com-user-profile .nextPrevBox a,
#ketnet-com-friend-profile .nextPrevBox a {
  color: #fbe121;
}
#ketnet-com-user-profile .nextPrevBox .prevFriend,
#ketnet-com-friend-profile .nextPrevBox .prevFriend {
  float: left;
  margin: 0 0 0 10px;
}
#ketnet-com-user-profile .nextPrevBox .nextFriend,
#ketnet-com-friend-profile .nextPrevBox .nextFriend {
  float: right;
  margin: 0 10px 0 0;
}
.profiel_leftNav ul {
  list-style-type: none;
  margin: 0 0 0 -4px;
  overflow: hidden;
  width: 290px;
}
.profiel_leftNav ul li {
  display: inline-block;
  float: left;
  overflow: hidden;
  margin: 0 4px 10px;
  width: 137px;
}
.profiel_leftNav ul .fourth .corner {
  display: none;
}
.profiel_leftNav .firstNav a,
.profiel_leftNav .secondNav a {
  display: block;
  font: 16px/18px 'ketnet_proxima_novaextrabold';
  height: 31px;
  overflow: hidden;
  padding: 13px 5px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.profiel_leftNav .firstNav .orb,
.profiel_leftNav .secondNav .orb {
  display: block;
  float: left;
  height: 22px;
  margin: -6px 7px 0 10px;
  padding: 9px 0 0;
  text-align: center;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.profiel_leftNav .firstNav .checklist,
.profiel_leftNav .secondNav .checklist,
.profiel_leftNav .firstNav .videos,
.profiel_leftNav .secondNav .videos,
.profiel_leftNav .firstNav .btnPimpProfileData,
.profiel_leftNav .secondNav .btnPimpProfileData,
.profiel_leftNav .firstNav .btnAddFriends,
.profiel_leftNav .secondNav .btnAddFriends,
.profiel_leftNav .firstNav .btnKetprofiel,
.profiel_leftNav .secondNav .btnKetprofiel {
  height: 41px;
  padding: 3px 5px 0 0;
}
.profiel_leftNav .firstNav .checklist .orb,
.profiel_leftNav .secondNav .checklist .orb,
.profiel_leftNav .firstNav .videos .orb,
.profiel_leftNav .secondNav .videos .orb,
.profiel_leftNav .firstNav .btnPimpProfileData .orb,
.profiel_leftNav .secondNav .btnPimpProfileData .orb,
.profiel_leftNav .firstNav .btnAddFriends .orb,
.profiel_leftNav .secondNav .btnAddFriends .orb,
.profiel_leftNav .firstNav .btnKetprofiel .orb,
.profiel_leftNav .secondNav .btnKetprofiel .orb {
  margin: 3px 7px 0 10px;
}
.profiel_leftNav .firstNav {
  background: #012069;
  margin: 20px 0;
  padding: 10px;
}
.profiel_leftNav .firstNav a {
  background: #22d2f9;
  color: #012069;
}
.profiel_leftNav .firstNav .orb {
  background: #fbe121;
  color: #671e75;
  font-size: 14px;
}
.profiel_leftNav .secondNav {
  background: #671e75;
  margin: 20px 0;
  padding: 10px;
}
.profiel_leftNav .secondNav a {
  background: #66ff99;
  color: #012069;
}
.profiel_leftNav .secondNav .orb {
  background: #012069;
  color: #fbe121;
  font-size: 14px;
}
.profiel_leftNav .thirdNav .btnAllFriends {
  background: #ff2355;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.profiel_leftNav .thirdNav .friends .friend {
  background: #344d86;
  overflow: hidden;
}
.profiel_leftNav .thirdNav .friends .friend a {
  color: #66ff99;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  overflow: hidden;
  padding: 18px 10px 10px;
}
.profiel_leftNav .thirdNav .friends .friend img {
  float: left;
  height: 40px;
  margin: -8px 20px 0 0;
  width: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.profiel_leftNav .thirdNav .friends .friend:nth-child(even) {
  background: #012069;
}
.profiel_leftNav .thirdNav .showAllFriendsGrayout a,
.profiel_leftNav .thirdNav .showAllFriends a {
  background: #344d86;
  color: #ffffff;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
  text-align: center;
}
.profiel_leftNav .thirdNav .showAllFriendsGrayout a span,
.profiel_leftNav .thirdNav .showAllFriends a span {
  font-size: 10px;
  margin-left: 10px;
}
.profiel_leftNav .thirdNav .showAllFriendsGrayout a {
  background: #99a6c3;
}
#album-detail-grid .album-notice {
  background: #ff2355;
  color: #ffffff;
  margin: 10px;
  padding: 15px 10px;
  text-align: center;
}
#album-detail .header,
#ketnet-com-video-overview .header,
#album-overview .header,
.videoDetailPage .header,
#album-photo-detail .header {
  background: #671e75;
  overflow: hidden;
  padding: 10px 15px;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}
#album-detail .header h2,
#ketnet-com-video-overview .header h2,
#album-overview .header h2,
.videoDetailPage .header h2,
#album-photo-detail .header h2 {
  background: none;
  float: left;
  padding: 0 15px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#album-detail .header .form-submit,
#ketnet-com-video-overview .header .form-submit,
#album-overview .header .form-submit,
.videoDetailPage .header .form-submit,
#album-photo-detail .header .form-submit {
  background: #22d2f9;
  border: none;
  clear: left;
  color: #ffffff;
  float: left;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 5px 10px 0 0;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#album-detail .header .icoVet,
#ketnet-com-video-overview .header .icoVet,
#album-overview .header .icoVet,
.videoDetailPage .header .icoVet,
#album-photo-detail .header .icoVet {
  float: left;
  margin: 0 10px 0 0;
}
#album-detail .header .icoInstruction,
#ketnet-com-video-overview .header .icoInstruction,
#album-overview .header .icoInstruction,
.videoDetailPage .header .icoInstruction,
#album-photo-detail .header .icoInstruction {
  float: left;
}
#album-detail #album-overview-grid .item,
#ketnet-com-video-overview #album-overview-grid .item,
#album-overview #album-overview-grid .item,
.videoDetailPage #album-overview-grid .item,
#album-photo-detail #album-overview-grid .item {
  margin: 0 auto 15px auto;
  width: 201px;
}
#album-detail #album-detail-grid .item,
#ketnet-com-video-overview #album-detail-grid .item,
#album-overview #album-detail-grid .item,
.videoDetailPage #album-detail-grid .item,
#album-photo-detail #album-detail-grid .item {
  margin: 0 auto 15px auto;
  width: 148px;
}
#album-detail .sbContent .more-photos,
#ketnet-com-video-overview .sbContent .more-photos,
#album-overview .sbContent .more-photos,
.videoDetailPage .sbContent .more-photos,
#album-photo-detail .sbContent .more-photos {
  clear: both;
}
#album-detail .sbContent .more-photos a,
#ketnet-com-video-overview .sbContent .more-photos a,
#album-overview .sbContent .more-photos a,
.videoDetailPage .sbContent .more-photos a,
#album-photo-detail .sbContent .more-photos a {
  background: #671e75;
  color: #fbe121;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 15px 0 0 0;
  padding: 6px 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#album-detail .sbContent #description,
#ketnet-com-video-overview .sbContent #description,
#album-overview .sbContent #description,
.videoDetailPage .sbContent #description,
#album-photo-detail .sbContent #description {
  padding: 10px 0;
}
#album-detail .fotoDetailPage .album-photo-detail,
#ketnet-com-video-overview .fotoDetailPage .album-photo-detail,
#album-overview .fotoDetailPage .album-photo-detail,
.videoDetailPage .fotoDetailPage .album-photo-detail,
#album-photo-detail .fotoDetailPage .album-photo-detail {
  text-align: center;
}
#album-detail .navigation,
#ketnet-com-video-overview .navigation,
#album-overview .navigation,
.videoDetailPage .navigation,
#album-photo-detail .navigation {
  clear: both;
  overflow: hidden;
  padding: 0 10px;
}
#album-detail .navigation .previousPhoto,
#ketnet-com-video-overview .navigation .previousPhoto,
#album-overview .navigation .previousPhoto,
.videoDetailPage .navigation .previousPhoto,
#album-photo-detail .navigation .previousPhoto,
#album-detail .navigation .nextPhoto,
#ketnet-com-video-overview .navigation .nextPhoto,
#album-overview .navigation .nextPhoto,
.videoDetailPage .navigation .nextPhoto,
#album-photo-detail .navigation .nextPhoto {
  float: left;
  font-weight: bold;
}
#album-detail .navigation .previousPhoto span,
#ketnet-com-video-overview .navigation .previousPhoto span,
#album-overview .navigation .previousPhoto span,
.videoDetailPage .navigation .previousPhoto span,
#album-photo-detail .navigation .previousPhoto span,
#album-detail .navigation .nextPhoto span,
#ketnet-com-video-overview .navigation .nextPhoto span,
#album-overview .navigation .nextPhoto span,
.videoDetailPage .navigation .nextPhoto span,
#album-photo-detail .navigation .nextPhoto span {
  font-size: 10px;
}
#album-detail .navigation .nextPhoto,
#ketnet-com-video-overview .navigation .nextPhoto,
#album-overview .navigation .nextPhoto,
.videoDetailPage .navigation .nextPhoto,
#album-photo-detail .navigation .nextPhoto {
  float: right;
}
.profile-deleted {
  background: #671e75;
  color: #ffffff;
  font-size: 16px;
  padding: 20px;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.profile-deleted .close {
  background: #ff2355;
  border: none;
  color: #ffffff;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 15px auto 0 auto;
  padding: 5px 10px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
@media screen and (min-width: 410px) {
  #profiel_container {
    max-width: 410px;
  }
  #profiel_container .my-friends #ketnet-com-my-friends-page,
  #profiel_container .my-friends #ketnet-com-my-blockedfriends-page {
    overflow: hidden;
    text-align: left;
  }
  #profiel_container .my-friends .friend {
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
  }
  #ketnet-com-user-profile .ketnet-com-status .statusInput,
  #ketnet-com-friend-profile .ketnet-com-status .statusInput {
    width: 360px;
  }
  #album-detail #album-detail-grid,
  #ketnet-com-video-overview #album-detail-grid,
  #album-overview #album-detail-grid,
  .videoDetailPage #album-detail-grid {
    overflow: hidden;
  }
  #album-detail #album-detail-grid .item,
  #ketnet-com-video-overview #album-detail-grid .item,
  #album-overview #album-detail-grid .item,
  .videoDetailPage #album-detail-grid .item {
    float: left;
    height: 84px;
    margin: 0 0 15px 10px;
    overflow: hidden;
    width: 148px;
  }
}
@media screen and (min-width: 660px) {
  #profiel_container {
    max-width: 660px;
  }
  #profiel_container .profiel_leftNav {
    float: left;
    width: 270px;
  }
  #profiel_container .profiel_leftNav ul {
    margin: 0;
    width: auto;
  }
  #profiel_container .profiel_leftNav ul li {
    display: block;
    float: none;
    margin: 0 0 5px 0;
    width: auto;
  }
  #profiel_container .profiel_leftNav ul .third .corner {
    display: none;
  }
  #profiel_container .profiel_leftNav ul .fourth .corner {
    display: block;
  }
  #profiel_container .firstNav,
  #profiel_container .secondNav {
    padding: 15px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #profiel_container .firstNav a,
  #profiel_container .secondNav a {
    display: block;
    font: 16px/18px 'ketnet_proxima_novaextrabold';
    height: 31px;
    overflow: hidden;
    padding: 13px 5px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #profiel_container .firstNav .orb,
  #profiel_container .secondNav .orb {
    display: block;
    float: left;
    height: 22px;
    margin: -6px 7px 0 10px;
    padding: 9px 0 0;
    text-align: center;
    width: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
  }
  #profiel_container .profiel_content {
    float: right;
    width: 360px;
  }
  #ketnet-com-user-profile .ketnet-com-status .statusInput,
  #ketnet-com-friend-profile .ketnet-com-status .statusInput {
    width: 310px;
  }
}
@media screen and (min-width: 950px) {
  #ketnet-com-user-profile .ketnet-com-status .statusInput,
  #ketnet-com-friend-profile .ketnet-com-status .statusInput {
    width: 332px;
  }
  #ketnet-com-user-profile .contentBoxes .top a,
  #ketnet-com-friend-profile .contentBoxes .top a {
    height: 27px;
    padding: 13px 5px 0;
    width: 114px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #ketnet-com-user-profile .contentBoxes .bck_profielContent .sbContent .item .right,
  #ketnet-com-friend-profile .contentBoxes .bck_profielContent .sbContent .item .right {
    float: left;
    width: 295px;
  }
  #profiel_container {
    margin: 0 0 15px 0;
    max-width: 950px;
  }
  #profiel_container .profiel_leftNav {
    float: left;
    width: 270px;
  }
  #profiel_container .profiel_leftNav ul {
    margin: 0;
    width: auto;
  }
  #profiel_container .profiel_leftNav ul li {
    display: block;
    float: none;
    margin: 0 0 5px 0;
    width: auto;
  }
  #profiel_container .profiel_leftNav ul .third .corner {
    display: none;
  }
  #profiel_container .profiel_leftNav ul .fourth .corner {
    display: block;
  }
  #profiel_container .firstNav,
  #profiel_container .secondNav {
    padding: 15px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #profiel_container .firstNav a,
  #profiel_container .secondNav a {
    display: block;
    font: 16px/18px 'ketnet_proxima_novaextrabold';
    height: 31px;
    overflow: hidden;
    padding: 13px 5px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #profiel_container .firstNav .orb,
  #profiel_container .secondNav .orb {
    display: block;
    float: left;
    height: 22px;
    margin: -6px 7px 0 10px;
    padding: 9px 0 0;
    text-align: center;
    width: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
  }
  #profiel_container .profiel_content {
    float: right;
    margin: 0 38px 0 40px;
    width: 382px;
  }
  #profiel_container .profiel_rightNav {
    display: block;
    float: right;
    padding: 0 0 10px;
    width: 220px;
  }
  #profiel_container .profiel_rightNav a {
    margin: 0 0 15px 0;
  }
  #profiel_container .profiel_rightNav img {
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  #profiel_container .large {
    margin-right: 0;
    width: 640px;
  }
  #profiel_container .my-data .sbContent {
    position: relative;
  }
  #profiel_container .my-data .sbContent .rightPart {
    position: absolute;
    right: 50px;
    top: 5px;
  }
  #profiel_container .my-friends .searchContent .searchFriendWrapper input {
    width: 350px;
  }
  #album-detail .header,
  #ketnet-com-video-overview .header,
  #album-overview .header,
  .videoDetailPage .header {
    padding: 10px 15px 2px;
  }
  #album-detail .header h2,
  #ketnet-com-video-overview .header h2,
  #album-overview .header h2,
  .videoDetailPage .header h2 {
    padding-top: 3px;
  }
  #album-detail .header .form-submit,
  #ketnet-com-video-overview .header .form-submit,
  #album-overview .header .form-submit,
  .videoDetailPage .header .form-submit {
    clear: none;
    float: right;
    margin: 0;
  }
  #album-detail .header .icoVet,
  #ketnet-com-video-overview .header .icoVet,
  #album-overview .header .icoVet,
  .videoDetailPage .header .icoVet,
  #album-detail .header .icoInstruction,
  #ketnet-com-video-overview .header .icoInstruction,
  #album-overview .header .icoInstruction,
  .videoDetailPage .header .icoInstruction {
    float: right;
    margin: -5px 10px 0 0;
  }
  #album-detail #album-overview-grid .album-list,
  #ketnet-com-video-overview #album-overview-grid .album-list,
  #album-overview #album-overview-grid .album-list,
  .videoDetailPage #album-overview-grid .album-list {
    margin: 0 0 0 -12px;
    overflow: hidden;
    width: 635px;
  }
  #album-detail #album-overview-grid .item,
  #ketnet-com-video-overview #album-overview-grid .item,
  #album-overview #album-overview-grid .item,
  .videoDetailPage #album-overview-grid .item {
    float: left;
    height: 170px;
    margin: 0 0 15px 10px;
    overflow: hidden;
    width: 201px;
  }
  #album-detail #album-detail-grid .album-data,
  #ketnet-com-video-overview #album-detail-grid .album-data,
  #album-overview #album-detail-grid .album-data,
  .videoDetailPage #album-detail-grid .album-data {
    margin: 0 0 0 -17px;
    overflow: hidden;
    width: 635px;
  }
}
.socialite {
  color: #ff2355;
  float: right;
  margin-left: 10px;
}
.socialite .icon-icoon-heart-sel {
  font-size: 12px;
  margin-right: 5px;
}
.pink .socialite {
  color: #ffffff;
}
.social .social_buttons ul {
  overflow: hidden;
  list-style-type: none;
}
.social .social_buttons ul li {
  float: left;
}
.social .social_buttons ul .leuk a {
  background: #344d86;
  color: #22d2f9;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  height: 22px;
  overflow: hidden;
  padding: 6px 0 0 12px;
  width: 108px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.social .social_buttons ul .leuk a span {
  float: right;
  font-size: 20px;
  margin: -3px 5px 0 0;
}
.social .social_buttons ul .leuk .liked {
  background: #99a6c3;
  color: #d9dee9;
}
.social .social_buttons ul .aantal {
  width: 40px;
}
.social .social_buttons ul .aantal .orb {
  background: #ff2355;
  color: #ffa7ba;
  display: block;
  font-size: 18px;
  height: 23px;
  margin: 0 auto;
  padding: 5px 0 0 0;
  text-align: center;
  width: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.social .social_buttons ul .aantal .count {
  color: #ff2355;
  display: block;
  font: 12px 'ProximaNova-Bold';
  margin: 3px 0 0 0;
  text-align: center;
}
.social .social_vrienden {
  margin: 5px 0 0 0;
  text-align: right;
}
.social .social_vrienden h2 {
  background: none;
  color: #22d2f9;
  font: 12px 'ProximaNova-Bold';
  margin: 0;
}
.social .social_vrienden ul {
  list-style: none;
}
.social .social_vrienden ul li {
  display: inline;
}
.social .social_vrienden ul li img {
  border: 3px solid #ffffff;
  margin: 5px 0 0 5px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.right .social_buttons ul {
  overflow: hidden;
  list-style-type: none;
}
.right .social_buttons ul li {
  float: right;
}
.right .social_buttons ul .leuk a {
  background: #344d86;
  color: #22d2f9;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  height: 22px;
  overflow: hidden;
  padding: 6px 0 0 12px;
  width: 108px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.right .social_buttons ul .leuk a span {
  float: right;
  font-size: 20px;
  margin: -3px 5px 0 0;
}
.right .social_buttons ul .leuk .liked {
  background: #99a6c3;
  color: #d9dee9;
}
.right .social_buttons ul .aantal {
  width: 40px;
}
.right .social_buttons ul .aantal .orb {
  background: #ff2355;
  color: #ffa7ba;
  display: block;
  font-size: 18px;
  height: 23px;
  margin: 0 auto;
  padding: 5px 0 0 0;
  text-align: center;
  width: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.right .social_buttons ul .aantal .count {
  color: #ff2355;
  display: block;
  font: 12px 'ProximaNova-Bold';
  margin: 3px 0 0 0;
  text-align: center;
}
.right .social_buttons ul .aantal .orb {
  background: #ff2355;
  color: #ffa7ba;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.right .social_buttons ul .aantal .orb span {
  font-size: 18px;
}
.right .social_buttons ul .aantal .count {
  color: #ff2355;
  font: 12px 'ProximaNova-Bold';
  display: block;
  text-align: center;
}
.right .social_buttons ul .abuseButtonDisabled,
.right .social_buttons ul .abuseButton {
  background: #671e75;
  color: #c2a4c7 !important;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.right .social_buttons ul .abuseButtonDisabled span,
.right .social_buttons ul .abuseButton span {
  font-size: 18px;
}
.right .social_buttons ul .deleteButton {
  background: #d9dee9;
  color: #99a6c3;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.right .social_buttons ul .deleteButton span {
  font-size: 18px;
}
.right .social_buttons ul .communitytv {
  background: #fbe121;
  color: #ff2355;
  display: block;
  height: 25px;
  padding: 5px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.right .social_buttons ul .communitytv span {
  font-size: 20px;
}
.right .social_vrienden {
  margin: 5px 0 0 0;
  text-align: right;
}
.right .social_vrienden h2 {
  color: #22d2f9;
  font: 12px 'ProximaNova-Bold';
  margin: 0;
}
.right .social_vrienden ul {
  list-style: none;
}
.right .social_vrienden ul li {
  display: inline;
}
.right .social_vrienden ul li img {
  border: 3px solid #ffffff;
  margin: 5px 0 0 5px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.like-block,
.full-width {
  background: #d9dee9;
  min-height: 50px;
  overflow: hidden;
  padding: 20px 20px 5px 20px;
}
.like-block .social_buttons,
.full-width .social_buttons {
  float: left;
}
.like-block .social_vrienden,
.full-width .social_vrienden {
  float: right;
  margin: 0;
}
.like-block .social_vrienden h2,
.full-width .social_vrienden h2 {
  color: #012069;
}
.like-block .social_vrienden ul li img,
.full-width .social_vrienden ul li img {
  margin-top: 0;
}
.like-block {
  margin-bottom: 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#profiel_container .social-wrapper,
.social-wrapper {
  margin: 10px 0 0 auto;
  width: 150px;
}
#profiel_container .social-wrapper .actionButtons,
.social-wrapper .actionButtons {
  overflow: hidden;
}
#profiel_container .social-wrapper .actionButtons .leuk,
.social-wrapper .actionButtons .leuk,
#profiel_container .social-wrapper .actionButtons .aantal,
.social-wrapper .actionButtons .aantal,
#profiel_container .social-wrapper .actionButtons .abuseButtonDisabled,
.social-wrapper .actionButtons .abuseButtonDisabled,
#profiel_container .social-wrapper .actionButtons .abuseButton,
.social-wrapper .actionButtons .abuseButton,
#profiel_container .social-wrapper .actionButtons .removeButton,
.social-wrapper .actionButtons .removeButton,
#profiel_container .social-wrapper .actionButtons .communitytv,
.social-wrapper .actionButtons .communitytv {
  display: block;
  float: right;
  margin-left: 6px;
  width: 30px;
}
#profiel_container .social-wrapper .actionButtons .leuk a,
.social-wrapper .actionButtons .leuk a {
  background: #344d86;
  color: #22d2f9;
  display: block;
  height: 25px;
  padding: 5px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#profiel_container .social-wrapper .actionButtons .leuk a span,
.social-wrapper .actionButtons .leuk a span {
  font-size: 18px;
}
#profiel_container .social-wrapper .actionButtons .aantal .orb,
.social-wrapper .actionButtons .aantal .orb {
  background: #ff2355;
  color: #ffa7ba;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#profiel_container .social-wrapper .actionButtons .aantal .orb span,
.social-wrapper .actionButtons .aantal .orb span {
  font-size: 18px;
}
#profiel_container .social-wrapper .actionButtons .aantal .count,
.social-wrapper .actionButtons .aantal .count {
  color: #ff2355;
  font: 12px 'ProximaNova-Bold';
  display: block;
  text-align: center;
}
#profiel_container .social-wrapper .actionButtons .abuseButtonDisabled,
.social-wrapper .actionButtons .abuseButtonDisabled,
#profiel_container .social-wrapper .actionButtons .abuseButton,
.social-wrapper .actionButtons .abuseButton {
  background: #671e75;
  color: #c2a4c7;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#profiel_container .social-wrapper .actionButtons .abuseButtonDisabled span,
.social-wrapper .actionButtons .abuseButtonDisabled span,
#profiel_container .social-wrapper .actionButtons .abuseButton span,
.social-wrapper .actionButtons .abuseButton span {
  font-size: 18px;
}
#profiel_container .social-wrapper .actionButtons .removeButton,
.social-wrapper .actionButtons .removeButton {
  background: #d9dee9;
  color: #99a6c3;
  display: block;
  height: 24px;
  padding: 6px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#profiel_container .social-wrapper .actionButtons .removeButton span,
.social-wrapper .actionButtons .removeButton span {
  font-size: 18px;
}
#profiel_container .social-wrapper .actionButtons .communitytv,
.social-wrapper .actionButtons .communitytv {
  background: #fbe121;
  color: #ff2355;
  display: block;
  height: 25px;
  padding: 5px 0 0 0;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
#profiel_container .social-wrapper .actionButtons .communitytv span,
.social-wrapper .actionButtons .communitytv span {
  font-size: 20px;
}
#profiel_container .social-wrapper .social_vrienden h2,
.social-wrapper .social_vrienden h2 {
  font: 12px 'ProximaNova-Bold';
}
#profiel_container .social-wrapper .liked .leuk a,
.social-wrapper .liked .leuk a {
  background: #99a6c3;
}
#profiel_container .social-wrapper .liked .leuk a span,
.social-wrapper .liked .leuk a span {
  color: #d9dee9;
}
#profiel_container .videoDetailPage .social-wrapper,
#profiel_container .fotoDetailPage .social-wrapper,
#profiel_container .fotoAlbums .social-wrapper {
  width: 300px;
}
#profiel_container .videoDetailPage .social-wrapper .verwijderen,
#profiel_container .fotoDetailPage .social-wrapper .verwijderen,
#profiel_container .fotoAlbums .social-wrapper .verwijderen,
#profiel_container .videoDetailPage .social-wrapper .ongepast,
#profiel_container .fotoDetailPage .social-wrapper .ongepast,
#profiel_container .fotoAlbums .social-wrapper .ongepast,
#profiel_container .videoDetailPage .social-wrapper .ongepast_disabled,
#profiel_container .fotoDetailPage .social-wrapper .ongepast_disabled,
#profiel_container .fotoAlbums .social-wrapper .ongepast_disabled {
  margin-left: 10px;
}
#profiel_container .bck_profielContent .social-wrapper .leuk a {
  color: #22d2f9;
}
#profiel_container .bck_profielContent .social-wrapper .liked .leuk a {
  background: #99a6c3;
}
#profiel_container .bck_profielContent .social-wrapper .liked .leuk a span {
  color: #d9dee9;
}
@media screen and (min-width: 410px) {
  .like-block .social_vrienden,
  .full-width .social_vrienden {
    margin: -10px 0 0 0;
  }
}
/***************************************
  Gallery node
***************************************/
.gallery-page .custom-header {
  margin-bottom: 20px;
}
.gallery-page .custom-header img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.gallery-page .custom-header .mid div {
  line-height: 0;
}
.gallery-page .gallery-overview {
  list-style-type: none;
  overflow: hidden;
  margin: 0 0 50px 0;
  padding: 0;
}
.gallery-page .gallery-overview li {
  display: inline-block;
  height: 100px;
  margin: 15px 15px 0;
  width: 150px;
}
.gallery-page .pane-node-content {
  margin: 0 0 20px 0;
}
.gallery-page .pane-node-content .content_text {
  background: #ffffff;
  padding: 10px 15px 10px 10px;
}
.gallery-page .pane-node-content h1 {
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0;
  padding: 15px 20px;
  top: 0;
  height: auto;
  text-align: left;
  width: auto;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 647px) {
  .gallery-page .pane-ketnet-header {
    margin: 0 auto;
    width: 647px;
  }
  .gallery-page .prog_header .progTitle {
    width: 425px;
  }
  .gallery-page .prog_header .progTitle h1 {
    margin: 0;
    width: 280px;
  }
  .gallery-page .subnav {
    margin-bottom: 20px;
    display: table;
    width: 645px;
    height: 27px;
    border-spacing: 5px 0;
  }
  .gallery-page .subnav a {
    color: #ffffff;
  }
  .gallery-page .nav_el {
    display: table-cell;
    vertical-align: middle;
  }
  .gallery-page .nav_el_link {
    border-radius: 6px;
    -moz-border-radius: 6px;
    color: #fff;
    font-family: 'OvinkUltraBlack';
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    line-height: 27px;
    display: block;
  }
  .gallery-page .subnavimg {
    margin-bottom: 20px;
    display: table;
    width: 645px;
    border-spacing: 5px 0;
  }
  .gallery-page .subnavimg a {
    display: table-cell;
    text-align: center;
  }
}
.ugc-grid {
  margin: 0 auto 15px auto;
  max-width: 310px;
}
.ugc-grid h2 {
  background: #671e75;
  color: #fbe121;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.ugc-grid .sbContent {
  background: #ffffff;
  overflow: hidden;
  padding: 10px 0 0 0;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.ugc-grid .sbContent .ugc-overview-grid {
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.ugc-grid .sbContent .ugc-overview-grid .empty {
  padding: 20px;
}
.ugc-grid .sbContent .item {
  display: block;
  float: left;
  height: 126px;
  margin: 0 0 10px 10px;
  overflow: hidden;
  position: relative;
  width: 143px;
}
.ugc-grid .sbContent .item img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.ugc-grid .sbContent .item .info {
  background: #e1e8ec;
  bottom: 0;
  display: block;
  height: 31px;
  left: 0;
  padding: 7px;
  position: absolute;
  width: 129px;
}
.ugc-grid .sbContent .item .info .friend img {
  float: left;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.ugc-grid .sbContent .item .info .friend span {
  color: #012069;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 16px;
  margin-left: 10px;
  margin-top: -2px;
  overflow: hidden;
  width: 85px;
}
.ugc-grid .sbContent .item .info .socialite {
  background: #e1e8ec;
  bottom: 5px;
  position: absolute;
  right: 7px;
}
.ugc-grid .sbContent .more {
  background: #ff2355;
  color: #fbe121;
  clear: both;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 5px 0 0 0;
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.ugc-detail {
  margin: 0 auto 15px;
  max-width: 310px;
}
.ugc-detail .header {
  text-align: right;
}
.ugc-detail .header .back {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 14px 'ketnet_proxima_novaextrabold';
  padding: 10px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.ugc-detail .header .back a {
  color: #fbe121;
}
.ugc-detail .header .back span {
  font-size: 10px;
  margin-right: 5px;
}
.ugc-detail .photo_viewer .content {
  background: #012069;
  line-height: 0;
  text-align: center;
}
.ugc-detail .footer {
  background: #012069;
  color: #eaf2fa;
  padding: 10px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.ugc-detail .footer h2 {
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 0 10px 0;
}
.ugc-detail .footer .title {
  font-family: 'ProximaNova-Bold';
}
.ugc-detail .footer p {
  margin-bottom: 10px;
}
.ugc-detail .footer a {
  color: #eaf2fa;
}
.ugc-detail .footer .ugc-user {
  overflow: hidden;
}
.ugc-detail .footer .ugc-user img {
  float: left;
  margin: 5px 10px 0 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
@media screen and (min-width: 410px) {
  .ugc-detail,
  .ugc-grid {
    max-width: 410px;
  }
}
@media screen and (min-width: 660px) {
  .ugc-detail {
    max-width: 640px;
  }
  .ugc-detail .footer {
    overflow: hidden;
    padding: 20px;
  }
  .ugc-detail .footer .description {
    float: left;
    width: 300px;
  }
  .ugc-detail .footer .social-wrapper {
    float: right;
    width: 300px;
  }
  .ugc-grid {
    max-width: 660px;
  }
}
@media screen and (min-width: 950px) {
  .ugc-grid {
    max-width: 950px;
  }
}
#livecenter {
  height: 500px;
  margin: 0 0 20px 0;
}
#livecenter .zender-frame-wrapper {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
#livecenter .zender-frame-wrapper iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 500px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  #livecenter {
    height: 100%;
  }
  #livecenter .zender-frame-wrapper iframe {
    height: 100%;
  }
}
.voting-page img {
  height: auto;
}
.voting-page #page-wrapper {
  background: #671e75;
}
.voting-page #header {
  background: url('../images/gala/header_bg_site_mobile.png') no-repeat scroll center bottom;
}
.voting-page .question_wrapper {
  display: none;
}
.voting-page .question_1_wrapper {
  display: block;
}
.voting-page .content .node {
  background: #854a91;
  color: #22d2f9;
  font-size: 16px;
  overflow: hidden;
  padding: 40px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .content .node strong {
  color: #ffffff;
  font-family: 'ProximaNova-Regular';
  font-weight: normal;
}
.voting-page .voted-image,
.voting-page .landing-image {
  margin: 0 0 20px 0;
  text-align: center;
}
.voting-page .landing-buttons {
  margin: 15px 0;
  text-align: center;
}
.voting-page .landing-buttons .button-large {
  background: #fbe121;
  color: #671e75;
  display: inline-block;
  font-family: 'ketnet_proxima_novaextrabold';
  font-size: 16px;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.voting-page .landing-buttons .button-large span {
  font-size: 10px;
}
.voting-page .landing-buttons .button-voted {
  display: none;
}
.voting-page .vote-options {
  background: #854a91;
  color: #22d2f9;
  font-size: 16px;
  margin: -52px 0 0 0;
  overflow: hidden;
  padding: 40px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .vote-options .vote-option {
  margin: 10px 0 0 0;
}
.voting-page .vote-options .vote-option .choose {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 15% 0 3%;
  min-height: 28px;
  padding: 8px 8px 8px 50px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .vote-options .vote-option .choose .orb {
  background: #def8fd;
  display: inline-block;
  height: 28px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.voting-page .vote-options .vote-option .choose .icon-icoon-ok {
  color: #671e75;
  display: none;
  font-size: 24px;
  left: 13px;
  position: absolute;
  top: 9px;
}
.voting-page .vote-options .active .choose .icon-icoon-ok {
  display: inline-block;
}
.voting-page .vote-options .category-info {
  overflow: hidden;
}
.voting-page .vote-options .category-info .video-popup {
  color: #fbe121;
  font-family: 'ProximaNova-Bold';
  float: right;
  font-size: 14px;
  overflow: hidden;
  width: 160px;
}
.voting-page .vote-options .category-info .video-popup .orb {
  background: #ff2355;
  display: block;
  float: left;
  font-size: 14px;
  height: 21px;
  margin: 4px 8px 0 0;
  padding: 7px 0 0 3px;
  text-align: center;
  width: 25px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
}
.voting-page .confirm-top-wrapper,
.voting-page .confirm-bot-wrapper,
.voting-page .confirm-overview {
  background: #854a91;
  color: #ffffff;
  font-size: 18px;
  margin: 12px 0 0 0;
  overflow: hidden;
  padding: 30px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .confirm-top-wrapper {
  margin: -52px 0 0 0;
  padding-top: 60px;
}
.voting-page .confirm-overview h2 {
  color: #fbe121;
  font: 45px 'ketnet_proxima_novaextrabold';
}
.voting-page .confirm-overview .user-votes .choose {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  margin: 0 15% 0 3%;
  min-height: 28px;
  padding: 8px 8px 8px 20px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .confirm-overview .user-votes .choose span {
  display: none;
}
.voting-page .confirm-top-wrapper .form-submit,
.voting-page .confirm-bot-wrapper .form-submit,
.voting-page .confirm-top-wrapper .edit-vote,
.voting-page .confirm-bot-wrapper .edit-vote {
  background: #fbe121;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-family: 'ketnet_proxima_novaextrabold';
  font-size: 16px;
  margin: 0 0 10px 0;
  padding: 10px 15px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.voting-page .confirm-top-wrapper .form-submit span,
.voting-page .confirm-bot-wrapper .form-submit span,
.voting-page .confirm-top-wrapper .edit-vote span,
.voting-page .confirm-bot-wrapper .edit-vote span {
  font-size: 11px;
}
.voting-page .confirm-top-wrapper .form-submit,
.voting-page .confirm-bot-wrapper .form-submit {
  color: #ff2355;
}
.voting-page .confirm-top-wrapper .edit-vote,
.voting-page .confirm-bot-wrapper .edit-vote {
  color: #671e75;
}
.voting-page .vote-footer {
  background: #854a91;
  color: #ffffff;
  font-size: 18px;
  margin: 12px 0 0 0;
  padding: 30px 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.voting-page .vote-footer .next {
  background: #fbe121;
  border: none;
  color: #671e75;
  display: none;
  font-family: 'ketnet_proxima_novaextrabold';
  font-size: 16px;
  float: right;
  margin: -10px 0 15px 0;
  padding: 10px 15px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.voting-page .vote-footer .next span {
  font-size: 11px;
}
.voting-page .form-radios {
  display: none;
}
.voting-page .voting-result .video-popup,
.voting-page .voting-result .choice {
  display: none;
}
.voting-page .voting-result h2 {
  color: #fbe121;
  font: 23px 'ketnet_proxima_novaextrabold';
  margin: 0 15% 0 3%;
}
.voting-page .voting-result .category {
  clear: both;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.voting-page .voting-result .description {
  background: #22d2f9;
  color: #ffffff;
  display: block;
  font: 14px 'ketnet_proxima_novaextrabold';
  margin: 0 15% 15px 3%;
  min-height: 28px;
  padding: 8px 20px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 490px) {
  .voting-page .vote-options .vote-option {
    float: left;
    width: 50%;
  }
  .voting-page .vote-options .vote-option:nth-child(4) {
    clear: left;
  }
  .confirm-overview .user-votes .voted-item {
    float: left;
    margin: 0 0 15px 0;
    width: 50%;
  }
  .confirm-overview .user-votes .voted-item:nth-child(2n+1) {
    clear: left;
  }
  .voting-result .user-choice,
  .voting-result .vote-winners {
    float: left;
    margin: 0 0 15px 0;
    width: 50%;
  }
}
@media screen and (min-width: 980px) {
  .voting-page #header {
    background: none;
  }
  .voting-page .voted-text,
  .voting-page .landing-text {
    float: right;
    text-align: right;
    width: 40%;
  }
  .voting-page .voted-image,
  .voting-page .landing-image {
    float: left;
    margin: 0 0 20px 0;
    text-align: left;
    width: 45%;
  }
  .voting-page .landing-buttons {
    clear: both;
    text-align: right;
  }
  .voting-page #wrapper {
    background: url('../images/gala/header_bg.png') no-repeat scroll center 0;
  }
  .voting-page .vote-options .category-info .video-popup {
    margin: -55px 0 0;
  }
  .voting-page .vote-options .vote-option {
    float: left;
    width: 50%;
  }
  .voting-page .vote-options .vote-option .choose {
    font: 20px 'ketnet_proxima_novaextrabold';
  }
  .voting-page .confirm-overview .user-votes .choose {
    font: 22px 'ketnet_proxima_novaextrabold';
  }
  .voting-page .confirm-top-wrapper .form-submit,
  .voting-page .confirm-bot-wrapper .form-submit,
  .voting-page .confirm-top-wrapper .edit-vote,
  .voting-page .confirm-bot-wrapper .edit-vote {
    margin: 0;
  }
  .voting-page .confirm-top-wrapper .form-submit,
  .voting-page .confirm-bot-wrapper .form-submit {
    float: right;
  }
  .voting-page .confirm-top-wrapper .edit-vote,
  .voting-page .confirm-bot-wrapper .edit-vote {
    float: left;
  }
  .voting-page .voting-result .description {
    font: 22px 'ketnet_proxima_novaextrabold';
  }
}
#brul-register-school {
  background: #fbe121;
  display: none;
  left: 50%;
  margin: 0 0 0 -318px;
  padding: 20px;
  position: fixed;
  top: 50px;
  width: 596px;
  z-index: 10002;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#brul-register-school h2 {
  color: #ff2355;
  font: 35px 'ketnet_proxima_novaextrabold';
}
#brul-register-school a {
  font-weight: bold;
  text-decoration: underline;
}
#brul-register-school #brul-register-school-step-2,
#brul-register-school #brul-register-school-step-3,
#brul-register-school #brul-register-school-step-ok,
#brul-register-school #brul-register-school-step-registered {
  display: none;
}
#brul-register-school .button {
  background: #671e75;
  border: none;
  color: #ffffff;
  display: inline-block;
  font: 14px/40px 'ProximaNova-Bold';
  height: 40px;
  margin: 13px 0 0 0;
  padding: 0 15px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#brul-register-school .button span {
  font-size: 10px;
}
#brul-register-school button.close-school-register {
  background: none;
  border: none;
  color: #ff2355;
  float: right;
  font-size: 21px;
}
#brul-register-school #btn-school-lookup {
  display: none;
}
.brul-pesten-bubble-button {
  background: #671e75;
  border: none;
  color: #fbe121;
  display: inline-block;
  font: 14px/31px 'ProximaNova-Bold';
  margin: 10px 0 0 0;
  padding: 0 15px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.brul-pesten-bubble-button span {
  font-size: 11px;
}
#school-media-detail {
  background: #fbe121;
  display: none;
  height: 400px;
  left: 50%;
  margin: 0 0 0 -318px;
  overflow: visible;
  padding: 20px;
  position: fixed;
  top: 50px;
  width: 596px;
  z-index: 10002;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#school-media-detail h2 {
  color: #ff2355;
  font: 21px 'ketnet_proxima_novaextrabold';
}
#school-media-detail h3 {
  font-size: 16px;
}
#school-media-detail .close-school-media {
  background: none;
  border: none;
  color: #ff2355;
  float: right;
  font-size: 21px;
}
#school-media-detail .clips {
  margin: 0 0 0 -8px;
  height: 300px;
  overflow: auto;
  padding: 15px 0 0;
  width: 612px;
}
#school-media-detail .clips p {
  margin: 0 0 0 8px;
}
#school-media-detail .clips .video {
  display: block;
  float: left;
  margin: 0 0 0 8px;
  width: 290px;
}
#brul-register-user {
  background: #fbe121;
  display: none;
  left: 50%;
  margin: 0 0 0 -318px;
  padding: 20px;
  position: fixed;
  top: 50px;
  width: 596px;
  z-index: 10002;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#brul-register-user h2 {
  color: #ff2355;
  font: 35px 'ketnet_proxima_novaextrabold';
}
#brul-register-user a {
  font-weight: bold;
  text-decoration: underline;
}
#brul-register-user #brul-register-user-country,
#brul-register-user #btn-brul-user-register,
#brul-register-user #brul-register-user-ok {
  display: none;
}
#brul-register-user .button {
  background: #671e75;
  border: none;
  color: #ffffff;
  display: inline-block;
  font: 14px/40px 'ProximaNova-Bold';
  height: 40px;
  margin: 13px 0 0 0;
  padding: 0 15px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#brul-register-user .button span {
  font-size: 10px;
}
#brul-register-user button.close-user-register {
  background: none;
  border: none;
  color: #ff2355;
  float: right;
  font-size: 21px;
}
.school-search-inline-wrapper {
  overflow: hidden;
  margin: 10px 0;
}
.school-search-inline-wrapper label {
  float: left;
  padding: 7px 0 0;
  width: 105px;
}
.school-search-inline-wrapper input {
  float: left;
  padding: 5px 10px;
  width: 400px;
}
#school-results,
#school-results-user {
  display: none;
  margin: 0 0 10px 0;
}
#school-results h3,
#school-results-user h3 {
  font-size: 15px;
}
#school-results h3 span,
#school-results-user h3 span {
  font-size: 10px;
}
#school-results ul,
#school-results-user ul {
  background: #ffffff;
  border-top: 1px solid #e1e8ec;
  display: block;
  height: 150px;
  list-style-type: none;
  overflow: auto;
  width: 100%;
}
#school-results ul li,
#school-results-user ul li {
  border-bottom: 1px solid #e1e8ec;
  cursor: pointer;
  font-size: 13px;
  padding: 5px 10px;
}
#school-results ul li:first-child,
#school-results-user ul li:first-child {
  border-top: none;
}
#school-results ul .selected,
#school-results-user ul .selected {
  font-family: 'ProximaNova-Bold';
}
#pesten-user-block {
  background: #fbe121;
  bottom: 142px;
  color: #344d86;
  display: none;
  min-height: 83px;
  padding: 20px;
  position: fixed;
  right: 10px;
  visibility: hidden;
  width: 150px;
  z-index: 1000;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#pesten-sien-william {
  background: url('../images/brul_pesten/sien_william.png') 0 0 no-repeat;
  bottom: 0px;
  display: none;
  height: 350px;
  left: 10px;
  position: fixed;
  width: 235px;
  z-index: 1001;
}
#pesten-sien-william:hover {
  background-position: 0 -350px;
}
#pesten-sien-william #pesten-user-cta {
  background: #671e75;
  border: none;
  bottom: 115px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font: 19px "ketnet_proxima_novaextrabold";
  height: 40px;
  left: 15px;
  padding: 0 10px;
  position: fixed;
  z-index: 1001;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#pesten-sien-william #pesten-user-cta span {
  font-size: 13px;
}
#pesten-sien-william #pesten-user-login {
  background: #671e75;
  border: none;
  bottom: 115px;
  color: #ffffff;
  cursor: pointer;
  font: 17px "ketnet_proxima_novaextrabold";
  height: 40px;
  left: 15px;
  padding: 0 10px;
  position: fixed;
  z-index: 1001;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#pesten-sien-william #pesten-user-login span {
  font-size: 13px;
}
.olPopup {
  background: #22d2f9;
  color: #012069;
}
.olPopup #pop_contentDiv {
  top: 9px !important;
}
.olPopup #pop_close {
  top: 14px !important;
}
.olPopup #pop_FrameDecorationDiv_0,
.olPopup #pop_FrameDecorationDiv_1,
.olPopup #pop_FrameDecorationDiv_2,
.olPopup #pop_FrameDecorationDiv_3,
.olPopup #pop_FrameDecorationDiv_4 {
  display: none;
}
.olPopup #pop_FrameDecorationDiv_0 img,
.olPopup #pop_FrameDecorationDiv_1 img,
.olPopup #pop_FrameDecorationDiv_2 img,
.olPopup #pop_FrameDecorationDiv_3 img,
.olPopup #pop_FrameDecorationDiv_4 img {
  display: none;
}
.olControlAttribution {
  bottom: 0 !important;
}
#pesten-school-search-wrapper {
  background: #ff2355;
  bottom: 12px;
  display: none;
  right: 10px;
  margin: 0;
  padding: 15px 30px;
  position: fixed;
  width: 440px;
  z-index: 1001;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#pesten-school-search-wrapper #pesten-school-search {
  background: #fbe121;
  color: #671e75;
  display: block;
  height: 30px;
  padding: 5px 5px 5px 15px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#pesten-school-search-wrapper #pesten-school-search .icon-icoon-pijl2 {
  font-size: 10px;
}
#pesten-school-search-wrapper #pesten-school-search label {
  float: left;
  margin: 7px 0 0;
  width: 125px;
}
#pesten-school-search-wrapper #pesten-school-search input {
  border: none;
  float: left;
  font: 12px 'ProximaNova-Regular';
  height: 30px;
  padding: 0 10px;
  width: 265px;
}
#pesten-school-search-wrapper #pesten-school-search:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results {
  background: #ffffff;
  border-bottom: 1px solid #e1e8ec;
  bottom: 35px;
  display: none;
  height: 150px;
  left: 140px;
  position: absolute;
  width: 285px;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results #pesten-school-results-close {
  background: #ff2355;
  border: none;
  color: #ffffff;
  font-size: 13px;
  height: 25px;
  position: absolute;
  right: -5px;
  top: -12px;
  width: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results #pesten-school-results-close span {
  margin-left: 1px;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results ul {
  height: 150px;
  overflow: auto;
  width: 285px;
  list-style-type: none;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results ul li {
  border-top: 1px solid #e1e8ec;
  cursor: pointer;
  font-size: 13px;
  padding: 5px 10px;
}
#pesten-school-search-wrapper #pesten-school-search #pesten-school-results ul li:first-child {
  border-top: none;
}
#pesten-school-search-wrapper #pesten-school-cta {
  background: #671e75;
  border: none;
  color: #ffffff;
  display: inline-block;
  font: 14px 'ProximaNova-Bold';
  height: 40px;
  margin: 13px 0 0 0;
  padding: 0 15px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#pesten-school-search-wrapper #pesten-school-cta span {
  font-size: 10px;
}
#brul-content-page {
  background: #671e75;
  color: #ffffff;
  margin: 0 auto;
  padding: 30px;
  width: 920px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#brul-content-page h2 {
  margin: 0 0 15px 0;
}
#brul-content-page .form-submit,
#brul-content-page .btn {
  background: #fbe121;
  color: #671e75;
  cursor: pointer;
  border: none;
  font: 14px 'ProximaNova-Bold';
  display: inline-block;
  padding: 6px 10px 5px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#brul-content-page .form-submit span,
#brul-content-page .btn span {
  font-size: 11px;
}
#brul-content-page table {
  margin: 20px 0;
}
#brul-content-page tbody {
  border: none;
}
#brul-content-page tbody tr.even,
#brul-content-page tbody tr.odd {
  background: none;
  border: none;
}
#brul-content-page tbody td {
  padding: 0 10px 0 0;
}
#pesten-brulmeter-wrapper {
  display: none;
  height: 325px;
  position: fixed;
  right: 10px;
  top: 225px;
  width: 100px;
  z-index: 1000;
}
.brul-tegen-pesten-page #wrapper,
.brul-tegen-pesten-page #header {
  background: #012069;
}
.brul-tegen-pesten-page #toggle-search,
.brul-tegen-pesten-page #header #search-theme-form {
  display: none;
}
#own-badge-movetegenpesten,
#badge-movetegenpesten {
  background: url('../images/brul_pesten/profile_badge.png') 0 0 no-repeat;
  background-size: contain;
  height: 69px;
  position: absolute;
  right: -3px;
  top: -27px;
  width: 70px;
}
@media screen and (min-width: 400px) {
  #own-badge-movetegenpesten,
  #badge-movetegenpesten {
    right: -32px;
    top: -13px;
  }
}
#low-resolution {
  background: #fbe121;
  color: #671e75;
  left: 0;
  padding: 0 0 20px 0;
  text-align: center;
  z-index: 1005;
}
#low-resolution .orb {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font-size: 31px;
  height: 40px;
  margin: 30px 0 0 0;
  padding: 10px 0 0;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
#low-resolution p {
  padding: 1em;
}
#map {
  display: none;
}
#pesten-intro {
  background: #fbe121;
  display: none;
  height: 460px;
  left: 50%;
  margin: -230px 0 0 -300px;
  padding: 20px;
  position: fixed;
  top: 50%;
  width: 600px;
  z-index: 1007;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#pesten-intro h2 {
  background: url('../images/brul_pesten/megafoon.png') 120px -4px no-repeat;
  color: #ff2355;
  font: 36px/40px 'ketnet_proxima_novaextrabold';
  text-align: center;
}
#pesten-intro #pesten-intro-video {
  height: 260px;
  margin: 10px auto 0;
  width: 400px;
}
#pesten-intro #intro-brulmeter {
  position: absolute;
  right: 10px;
  top: 85px;
}
#pesten-intro #close-intro-popup {
  background: #671e75;
  border: none;
  color: #ffffff;
  display: block;
  font: 16px/40px 'ProximaNova-Bold';
  margin: 13px auto 0 auto;
  padding: 0 15px;
  text-decoration: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
#pesten-intro #close-intro-popup span {
  font-size: 10px;
}
#pesten-intro .close-intro {
  background: #671e75;
  border: none;
  color: #c2a4c7;
  font-size: 13px;
  height: 25px;
  padding: 1px 0 0 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
#pesten-intro .close-intro span {
  margin-left: 1px;
}
#pesten-intro .info-links {
  margin: 20px 0 0 0;
  text-align: center;
}
#pesten-intro .info-links a {
  background: #ff2355;
  color: #ffffff;
  display: inline-block;
  overflow: hidden;
  font: 16px/31px 'ketnet_proxima_novaextrabold';
  margin: 0 15px;
  padding: 0 15px 0 0;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#pesten-intro .info-links a .orb {
  background: #ffa7ba;
  color: #ffffff;
  display: inline-block;
  float: left;
  height: 28px;
  margin-right: 10px;
  padding: 3px 0 0 0;
  text-align: center;
  width: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
.brul-tegen-pesten-page #header #header-inner {
  z-index: 1007;
}
@media screen and (min-width: 725px) {
  #pesten-sien-william,
  #pesten-school-search-wrapper,
  #map {
    display: block;
  }
  #low-resolution {
    display: none;
  }
  #pesten-user-block {
    visibility: visible;
  }
}
@media screen and (min-width: 940px) {
  #pesten-school-search-wrapper {
    bottom: 12px;
    left: 50%;
    margin: 0 0 0 -250px;
    right: auto;
  }
  #pesten-user-block {
    bottom: 12px;
    right: 10px;
    width: 150px;
  }
  .brul-tegen-pesten-page #header-wrapper {
    height: 192px;
  }
}
@media screen and (min-width: 980px) {
  .brul-tegen-pesten-page #header-wrapper {
    height: 192px;
  }
  #pesten-user-block {
    width: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .brul-tegen-pesten-page #header-wrapper {
    height: 192px;
  }
  #pesten-user-block {
    width: 202px;
  }
}
@media screen and (min-width: 1280px) {
  .brul-tegen-pesten-page #header-wrapper {
    height: 192px;
  }
  #pesten-user-block {
    width: 300px;
  }
  #pesten-brulmeter-wrapper {
    display: block;
  }
}
.premium-page .page-header {
  display: none;
}
.premium-wrapper {
  margin: 0 auto;
  max-width: 600px;
}
.premium-wrapper .title {
  display: inline-block;
  position: relative;
}
.premium-wrapper .title h1 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 22px 'ketnet_proxima_novaextrabold';
  padding: 7px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.premium-wrapper .user_login {
  background: #22d2f9 url('../images/wrappers_aanmelden.png') bottom right no-repeat;
  min-height: 300px;
  padding: 20px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.premium-wrapper .user_login label {
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  text-transform: lowercase;
}
.premium-wrapper .user_login label .form-required {
  color: #eaf2fa;
}
.premium-wrapper .user_login .form-item {
  margin: 10px 0;
}
.premium-wrapper .user_login .form-text {
  border: none;
  color: #99a6c3;
  font: 20px 'ProximaNova-Regular';
  margin: 0;
  max-width: 260px;
  padding: 10px 20px;
  width: calc(100% - 40px);
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.premium-wrapper .user_login .input-class-wrapper {
  margin: 10px 0;
}
.premium-wrapper .user_login h1 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
}
.premium-wrapper .user_login .body {
  color: #ffffff;
  font: 16px 'ProximaNova-Bold';
  padding: 10px 0 20px;
  width: 260px;
}
.premium-wrapper .user_login .error {
  max-width: 270px;
}
.premium-wrapper .user_login .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  width: 130px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.premium-wrapper .user_login .form-submit span {
  float: right;
  margin: 2px 5px 0 0;
}
.swipe-poll {
  position: relative;
}
.swipe-poll .title {
  display: block;
  margin: 0 auto;
  width: 112px;
}
.swipe-poll .title h2 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 20px 'ProximaNova-Bold';
  padding: 5px 10px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.swipe-poll .swipe-poll-wrapper {
  background: #012069;
  overflow: hidden;
  margin: -14px 0 0 0;
  padding: 30px 0 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.swipe-poll .swipe-poll-wrapper h3 {
  color: #fbe121;
  font: 20px 'ProximaNova-Bold';
  height: 60px;
  margin: 0 auto;
  text-align: center;
  width: 280px;
}
.swipe-poll .swipe-question {
  background: #012069;
  display: none;
  overflow: hidden;
  position: relative;
}
.swipe-poll .swipe-question img {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.swipe-poll .swipe-question .blue {
  display: block;
  height: 183px;
  margin: 0 auto;
  position: relative;
  width: 280px;
}
.swipe-poll .swipe-question .blue .description {
  bottom: 0;
  color: #012069;
  font: 20px 'ProximaNova-Bold';
  left: 0;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.swipe-poll .swipe-question .blue .description .corner {
  left: 0;
  position: absolute;
  top: -18px;
}
.swipe-poll .swipe-question .swipe-left {
  background: none;
  border: none;
  display: block;
  height: 124px;
  overflow: hidden;
  outline: none;
  position: relative;
  width: 240px;
}
.swipe-poll .swipe-question .swipe-left .edge {
  background: #ff2355;
  display: block;
  height: 125px;
  -webkit-transform: skewY(27deg);
  -moz-transform: skewY(27deg);
  -o-transform: skewY(27deg);
  -ms-transform: skewY(27deg);
  transform: skewY(27deg);
  margin: 61px 0 0;
  width: 240px;
}
.swipe-poll .swipe-question .swipe-left .dislike {
  background: url('../images/swipe-poll/dislike.png') 0 0 no-repeat;
  background-size: 47px 54px;
  display: block;
  height: 54px;
  left: 35px;
  position: absolute;
  top: 58px;
  transition: all 0.2s ease-in-out;
  width: 47px;
}
.swipe-poll .swipe-question .swipe-left:hover .dislike {
  animation-duration: 0.5s;
  animation-name: swipe-button;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.swipe-poll .swipe-question .swipe-right {
  background: none;
  border: none;
  display: block;
  height: 124px;
  margin: -124px 0 0 0;
  overflow: hidden;
  outline: none;
  position: absolute;
  right: 0;
  width: 240px;
  z-index: 5;
}
.swipe-poll .swipe-question .swipe-right .edge {
  background: #671e75;
  display: block;
  height: 125px;
  -webkit-transform: skewY(-27deg);
  -moz-transform: skewY(-27deg);
  -o-transform: skewY(-27deg);
  -ms-transform: skewY(-27deg);
  transform: skewY(-27deg);
  margin: 61px 0 0;
  width: 240px;
}
.swipe-poll .swipe-question .swipe-right .like {
  background: url('../images/swipe-poll/like.png') 0 0 no-repeat;
  background-size: 48px 40px;
  display: block;
  height: 40px;
  position: absolute;
  right: 35px;
  top: 58px;
  transition: all 0.2s ease-in-out;
  width: 48px;
}
.swipe-poll .swipe-question .swipe-right:hover .like {
  animation-duration: 0.5s;
  animation-name: swipe-button;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.swipe-poll .poll-results h3 {
  color: #22d2f9;
  font: 20px 'ProximaNova-Bold';
  text-align: center;
}
.swipe-poll .poll-results h3 strong {
  color: #ffffff;
  font-weight: normal;
}
.swipe-poll .poll-results .result-list {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 255px;
}
.swipe-poll .poll-results .result-list li {
  overflow: hidden;
  margin: 15px 0 0 0;
}
.swipe-poll .poll-results .result-list .label {
  color: #66ff99;
  display: block;
  float: left;
  font: 20px/35px 'ProximaNova-Bold';
  margin: 0 0 0 15px;
  width: 205px;
}
.swipe-poll .poll-results .result-list .orb {
  background: #66ff99;
  color: #671e75;
  display: block;
  float: left;
  font: 20px/35px 'ketnet_proxima_novaextrabold';
  text-align: center;
  width: 35px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.swipe-poll .poll-results .footer {
  border-top: 1px solid #344d86;
  color: #fbe121;
  padding: 15px 28px 25px 30px;
  margin: 40px auto 0 auto;
  overflow: hidden;
  width: 197px;
}
.swipe-poll .poll-results .footer .swipe-logo {
  background: url('../images/swipe-poll/swipe-logo.png') 0 0 no-repeat;
  display: block;
  float: right;
  height: 42px;
  width: 95px;
}
.swipe-poll .rotate-left {
  animation-duration: 0.5s;
  animation-name: swipe-rotate-left;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.swipe-poll .rotate-right {
  animation-duration: 0.5s;
  animation-name: swipe-rotate-right;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.swipe-poll .stembtn,
.swipe-poll .form-checkboxes {
  display: none !important;
}
@keyframes swipe-rotate-left {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
}
@keyframes swipe-rotate-right {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
  }
}
@keyframes swipe-button {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@media screen and (min-width: 950px) {
  .swipe-poll .title {
    display: block;
    left: 20px;
    margin: 0 auto;
    position: absolute;
    top: 17px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 112px;
  }
  .swipe-poll .swipe-question .swipe-left {
    margin: -70px 0 0 0;
  }
  .swipe-poll .swipe-poll-wrapper {
    margin: 0;
  }
  .swipe-poll .swipe-poll-wrapper .poll-results {
    padding-bottom: 25px;
  }
  .swipe-poll .swipe-poll-wrapper .poll-results h3 {
    margin: 0 0 0 74px;
    text-align: left;
  }
  .swipe-poll .swipe-poll-wrapper .poll-results .result-list {
    float: left;
    margin: 0 0 10px 74px;
  }
  .swipe-poll .swipe-poll-wrapper .poll-results .footer {
    border-top: none;
    clear: left;
    float: right;
    margin: -55px 0 0 0;
  }
}
.app-page {
  height: 100%;
  overflow: hidden;
}
.app-page body {
  background: #22d2f9 url('../images/sr-app/sidebar.png') 0 0 no-repeat fixed;
  background-size: contain;
  height: 100%;
  overflow: auto;
}
.app-page body #main-content {
  margin: 0 auto;
  max-width: 650px;
  padding: 40px 0 0 0;
}
.app-page body #main-content .block-title,
.app-page body #main-content #title {
  margin: 0 0 10px 0;
}
.app-page body #main-content .block-title h2,
.app-page body #main-content #title h2,
.app-page body #main-content .block-title h1,
.app-page body #main-content #title h1 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 25px 'ketnet_proxima_novaextrabold';
  padding: 7px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.app-page body #main-content .content .block,
.app-page body #main-content #registration_counter {
  background: #671e75;
  color: #ffffff;
  padding: 30px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.app-page body #main-content .content .block a,
.app-page body #main-content #registration_counter a {
  color: #fbe121;
}
.app-page body #main-content .content .block h2,
.app-page body #main-content #registration_counter h2 {
  font: 22px 'ProximaNova-Bold';
}
.app-page body #main-content .content .block h3,
.app-page body #main-content #registration_counter h3 {
  font: 16px 'ProximaNova-Bold';
}
.app-page body #main-content .content .block #steps,
.app-page body #main-content #registration_counter #steps {
  background: #22d2f9;
  color: #012069;
  display: block;
  font: 18px/50px 'ketnet_proxima_novaextrabold';
  height: 50px;
  position: absolute;
  right: 30px;
  top: 20px;
  text-align: center;
  width: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.app-page body #main-content ::-webkit-input-placeholder {
  color: #012069;
}
.app-page body #main-content ::-moz-placeholder {
  color: #012069;
  opacity: 1;
}
.app-page body #main-content :placeholder-shown {
  color: #012069;
}
.app-page body #main-content ::placeholder {
  color: #012069;
}
.app-page body #main-content #user-login {
  background: url('../images/wrappers_aanmelden_large.png') right 0 no-repeat;
  background-size: 400px 440px;
  height: 400px;
  margin: 30px auto 0 auto;
  max-width: none;
  padding: 20px;
  width: 678px;
}
.app-page body #main-content #user-login h1 {
  margin: 0 0 15px 0;
}
.app-page body #main-content #user-login h4 {
  color: #ffffff;
  font: 18px 'ketnet_proxima_novaextrabold';
}
.app-page body #main-content #user-login .form-text {
  width: 260px;
}
.app-page body #main-content #user-login .error {
  max-width: 270px;
}
.app-page body #main-content #user-login .form-submit {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: block;
  font: 18px/40px "ketnet_proxima_novaextrabold";
  height: 41px;
  margin: 15px 15px 0 0;
  text-transform: uppercase;
  width: 150px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content #user-login .form-submit span {
  float: right;
  margin: 2px 5px 0 0;
}
.app-page body #main-content .user_login {
  background: none !important;
}
.app-page body #main-content .user_login .form-text {
  background: #ffffff;
  font: 22px 'ProximaNova-Bold' !important;
}
.app-page body #main-content .user_login #title h1 {
  background: none;
  color: #671e75;
  padding-left: 0;
  text-transform: capitalize;
}
.app-page body #main-content .user_login ::-webkit-input-placeholder {
  color: #99a6c3;
}
.app-page body #main-content .user_login ::-moz-placeholder {
  color: #99a6c3;
  opacity: 1;
}
.app-page body #main-content .user_login :placeholder-shown {
  color: #99a6c3;
}
.app-page body #main-content .user_login ::placeholder {
  color: #99a6c3;
}
.app-page body #main-content label {
  display: none;
}
.app-page body #main-content p {
  margin: 1em 0 0 0;
}
.app-page body #main-content .messages {
  border: medium none;
  border-radius: 8px 8px 0 0;
  display: block;
  font-size: 14px;
  margin: 5px 0 0;
  padding: 5px 10px;
  max-width: 460px;
  text-align: center;
}
.app-page body #main-content .messages.error {
  background: #ff2355 none repeat scroll 0 0;
  color: #fbe121;
}
.app-page body #main-content .messages.status {
  background: #66ff99;
  color: #671e75;
}
.app-page body #main-content .form-item-files-file-upload label,
.app-page body #main-content #profile-photo label,
.app-page body #main-content .form-item-birthday label {
  color: #ffffff;
  display: block;
  font: 22px 'ProximaNova-Bold';
  margin: 15px 0 0 0;
}
.app-page body #main-content #profile-photo #edit-photo {
  background: #22d2f9;
  border: none;
  color: #012069;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 10px 0 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content .form-select,
.app-page body #main-content .form-text {
  background: #fbe121;
  border: none;
  color: #012069;
  font: 22px 'ProximaNova-Bold';
  margin: 10px 0 0 0;
  max-width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.app-page body #main-content .form-select {
  -webkit-appearance: none;
  min-width: 80px;
}
.app-page body #main-content #ketnet-registration-build-form .form-item-pass-pass1::after,
.app-page body #main-content #ketnet-registration-build-form .form-item-pass-pass2::after,
.app-page body #main-content #ketnet-registration-build-form .form-item-mail::after,
.app-page body #main-content #ketnet-registration-build-form .form-item-username::after,
.app-page body #main-content #ketnet-registration-build-form .form-item-lastname::after,
.app-page body #main-content #ketnet-registration-build-form .form-item-parent-mail::after,
.app-page body #main-content #ketnet-registration-user-pass-app-form .form-item-name::after,
.app-page body #main-content #ketnet-registration-user-pass-app-form .form-item-email::after {
  background: url('../images/corners_sprite.png') -542px -702px no-repeat;
  content: ' ';
  display: block;
  height: 25px;
  width: 50px;
}
.app-page body #main-content #edit-pass-pass1-wrapper {
  margin: 25px 0 10px 0;
}
.app-page body #main-content #edit-pass-pass2-wrapper {
  margin: 10px 0;
}
.app-page body #main-content #edit-firstname-wrapper {
  margin: 10px 0 0 0;
}
.app-page body #main-content #edit-next,
.app-page body #main-content .reg-app-send-stop {
  border: none;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content .reg-app-send-stop {
  background: #ff2355;
  color: #ffffff;
  float: left;
}
.app-page body #main-content #edit-next {
  background: #66ff99;
  color: #671e75;
}
.app-page body #main-content #edit-gender-wrapper {
  margin: 25px 0 0 0;
}
.app-page body #main-content #edit-gender-wrapper .form-radios .form-item,
.app-page body #main-content #edit-gender-wrapper .form-radios label {
  display: inline-block;
  margin: 0 10px 0 0;
  font: 22px 'ProximaNova-Bold';
}
.app-page body #main-content #edit-gender-wrapper .form-radios .form-item .form-radio,
.app-page body #main-content #edit-gender-wrapper .form-radios label .form-radio {
  float: left;
  margin: 7px 10px 0 0;
}
.app-page body #main-content #profile-photo {
  display: block;
  overflow: hidden;
}
.app-page body #main-content #profile-photo img {
  float: left;
  margin: 20px 20px 0 0;
}
.app-page body #main-content .step_4 {
  margin: 25px 0 0 0;
}
.app-page body #main-content .step_4 label {
  display: block;
  font-size: 22px;
}
.app-page body #main-content .step_4 .form-item-terms label,
.app-page body #main-content .step_4 .form-radios label {
  display: inline;
  font-size: 15px;
}
.app-page body #main-content .step_4 .form-item-terms .form-item,
.app-page body #main-content .step_4 .form-radios .form-item {
  margin: 0 0 15px 0;
}
.app-page body #main-content .step_4 .form-item-parent-mail label {
  display: inline;
}
.app-page body #main-content .step_4 .form-item-terms {
  margin: 25px 0 0 0;
}
.app-page body #main-content .step_4 .form-item-terms label {
  font-size: 16px;
}
.app-page body #main-content .step_4 .form-radios {
  margin: 1em 0;
}
.app-page body #main-content .step_5 h2 {
  color: #66ff99;
}
.app-page body #main-content .step_5 h3 {
  margin: 0 0 35px 0;
}
.app-page body #main-content .block {
  margin: 0 0 20px 0;
}
.app-page body #main-content .block #ketnet-profile-mydata-form label,
.app-page body #main-content .block #ketnet-profile-newsletters-form label {
  display: block;
}
.app-page body #main-content .block #ketnet-profile-mydata-form hr,
.app-page body #main-content .block #ketnet-profile-newsletters-form hr {
  background: #ffffff;
  border: none;
  display: block;
  height: 1px;
  margin: 10px 0;
}
.app-page body #main-content .block #ketnet-profile-mydata-form .form-item,
.app-page body #main-content .block #ketnet-profile-newsletters-form .form-item {
  margin: 10px 0 0;
}
.app-page body #main-content .block #ketnet-profile-newsletters-form label {
  display: inline;
}
.app-page body #main-content .block #ketnet-profile-mydata-form .medialiteracy-popup {
  display: block;
  margin: 20px 0 10px;
}
.app-page body #main-content .block #ketnet-profile-mydata-form .rightPart img {
  margin: 0 0 15px 0;
}
.app-page body #main-content .block #ketnet-profile-mydata-form .rightPart .input-class-wrapper {
  clear: both;
  margin: 10px 0;
}
.app-page body #main-content .block #ketnet-profile-mydata-form .changePaswordWrapper label {
  display: none;
}
.app-page body #main-content .block #ketnet-profile-mydata-form label {
  font-size: 20px;
}
.app-page body #main-content .block #edit-save-1,
.app-page body #main-content .block #edit-save-2,
.app-page body #main-content .block #edit-save,
.app-page body #main-content .block #edit-next,
.app-page body #main-content .block #edit-password {
  border: none;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content .block #edit-password {
  -webkit-appearance: none;
  background: #22d2f9;
  color: #ffffff;
  font-size: 18px;
}
.app-page body #main-content .block #edit-save-1,
.app-page body #main-content .block #edit-save {
  background: #66ff99;
  color: #671e75;
}
.app-page body #main-content .block #edit-save-2 {
  background: #ff2355;
  color: #ffffff;
}
.app-page body #main-content .block #ketnet-profile-newsletters-form .form-submit {
  background: #66ff99;
  border: none;
  color: #671e75;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content .block #ketnet-profile-media-consent-form .form-submit,
.app-page body #main-content .block #ketnet-profile-delete-form .form-submit,
.app-page body #main-content .block #ketnet-profile-plus-form .form-submit {
  background: #ff2355;
  color: #ffffff;
  border: none;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page body #main-content .block #ketnet-profile-media-consent-form,
.app-page body #main-content .block #ketnet-profile-plus-form,
.app-page body #main-content .block #ketnet-profile-delete-form {
  margin: 10px 0 0 0;
}
.app-page body #main-content .block #ketnet-profile-media-consent-form label,
.app-page body #main-content .block #ketnet-profile-plus-form label,
.app-page body #main-content .block #ketnet-profile-delete-form label {
  display: inline;
}
.app-page body #main-content .rightPart {
  overflow: hidden;
}
.app-page body #main-content .rightPart .instruction-popup {
  clear: both;
  display: block;
  padding: 10px 0;
}
.app-page input::-webkit-file-upload-button {
  -webkit-appearance: none;
  background: #66ff99;
  border: none;
  color: #671e75;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page .ketnet_confirm_dialog {
  top: 45% !important;
}
.app-page .iframe_wrapper #main-content {
  padding: 0;
}
.app-page #username-form {
  background: #671e75;
  color: #ffffff;
  margin: 0 auto;
  max-width: 650px;
  padding: 30px;
  position: relative;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.app-page #username-form #edit-submit {
  background: #66ff99;
  border: none;
  color: #671e75;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.app-page #username-form .form-text {
  width: 450px;
}
.app-page #ketnet-registration-user-pass-app-form .form-item-email {
  display: none;
}
.tabs-wrapper {
  margin: -30px 0 10px 0;
  position: relative;
  z-index: 999;
}
.tabs-wrapper button {
  background: #fbe121 url('../images/gears-small.png') 10px center no-repeat;
  border: none;
  color: #671e75;
  cursor: pointer;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  height: 40px;
  padding: 0 0 0 40px;
  text-align: left;
  width: 160px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.tabs-wrapper .tabs-content {
  background: #fbe121;
  display: none;
  position: absolute;
  top: 40px;
  width: 160px;
}
.tabs-wrapper .tabs-content ul {
  border: none;
  padding: 0;
  white-space: normal;
}
.tabs-wrapper .tabs-content ul li {
  display: block;
}
.tabs-wrapper .tabs-content ul li a {
  background: none;
  border: none;
  color: #671e75;
  display: block;
  margin: 0 0 2px 0;
  padding: 5px 10px;
}
.mobile-app-page {
  background: #012169;
}
.mobile-app-page body {
  background: #012169;
  color: #ffffff;
}
.mobile-app-page .messages {
  margin: 0;
}
.mobile-app-page input::-webkit-file-upload-button {
  -webkit-appearance: none;
  background: #66ff99;
  border: none;
  color: #671e75;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 15px 15px 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.mobile-app-page .register-header {
  background: #1b3878 url('../images/mobile-app/header-pattern.png');
  background-size: 60px 90px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  margin: 0 0 15px 0;
  padding: 15px 0 15px;
  text-align: center;
}
.mobile-app-page .register-header h1 {
  font: 20px 'ketnet_proxima_novaextrabold';
  color: #22d2f9;
}
.mobile-app-page .register-header .counter {
  background: #22d2f9;
  color: #012069;
  display: block;
  font: 16px/35px 'ketnet_proxima_novaextrabold';
  height: 35px;
  margin: 10px auto;
  text-align: center;
  width: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
}
.mobile-app-page .register-header .circle {
  background: #fbe121;
  color: #012069;
  display: inline-block;
  font-size: 11px;
  height: 17px;
  line-height: 19px;
  margin: 0 5px 0 0;
  text-align: center;
  width: 17px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.mobile-app-page a {
  color: #fbe121;
}
.mobile-app-page p {
  margin: 10px 0;
}
.mobile-app-page .region-page-closure p {
  margin: 0;
}
.mobile-app-page h2 {
  font: 20px 'ketnet_proxima_novaextrabold';
  max-width: 270px;
  margin: 0 auto 8px auto;
}
.mobile-app-page h3 {
  font: 16px 'ketnet_proxima_novaextrabold';
  max-width: 270px;
  margin: 0 auto;
}
.mobile-app-page label {
  display: none;
}
.mobile-app-page .step_1,
.mobile-app-page .step_2,
.mobile-app-page .step_3,
.mobile-app-page .step_4,
.mobile-app-page .step_5 {
  max-width: 270px;
  margin: 0 auto;
}
.mobile-app-page .step_1 .form-item input.error,
.mobile-app-page .step_2 .form-item input.error,
.mobile-app-page .step_3 .form-item input.error,
.mobile-app-page .step_4 .form-item input.error,
.mobile-app-page .step_5 .form-item input.error,
.mobile-app-page .step_1 .form-item textarea.error,
.mobile-app-page .step_2 .form-item textarea.error,
.mobile-app-page .step_3 .form-item textarea.error,
.mobile-app-page .step_4 .form-item textarea.error,
.mobile-app-page .step_5 .form-item textarea.error,
.mobile-app-page .step_1 .form-item select.error,
.mobile-app-page .step_2 .form-item select.error,
.mobile-app-page .step_3 .form-item select.error,
.mobile-app-page .step_4 .form-item select.error,
.mobile-app-page .step_5 .form-item select.error {
  max-width: 236px;
}
.mobile-app-page .messages.error {
  background: #ff2355 none repeat scroll 0 0;
  border: none;
  color: #ffffff;
  display: block;
  padding: 5px 10px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.mobile-app-page .messages.status {
  background: #66ff99;
  color: #671e75;
  padding: 5px 10px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.mobile-app-page .form-item-birthday .messages.error {
  width: 248px;
}
.mobile-app-page .form-select,
.mobile-app-page .form-text {
  background: #fbe121;
  border: none;
  color: #012069;
  font: 18px 'ProximaNova-Bold';
  margin: 10px 0 0 0;
  padding: 10px 15px;
  width: 240px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.mobile-app-page .form-select {
  -webkit-appearance: none;
  min-width: 80px;
}
.mobile-app-page .form-submit {
  background: #66ff99;
  color: #671e75;
  border: none;
  font: 16px 'ketnet_proxima_novaextrabold';
  float: right;
  height: 50px;
  margin: 25px 0 15px 0;
  width: 130px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.mobile-app-page .reg-app-send-stop {
  color: #012069;
  margin: 25px 6px 0 0;
}
.mobile-app-page .form-item-files-file-upload label,
.mobile-app-page #profile-photo label,
.mobile-app-page .form-item-birthday label {
  color: #ffffff;
  display: block;
  font: 18px 'ProximaNova-Bold';
  margin: 15px 0 0 0;
}
.mobile-app-page .form-item-files-file-upload label .form-required,
.mobile-app-page #profile-photo label .form-required,
.mobile-app-page .form-item-birthday label .form-required {
  color: #f00;
}
.mobile-app-page #edit-file-upload {
  width: 250px;
}
.mobile-app-page .form-item-birthday .form-item {
  display: inline-block;
  width: 85px;
}
.mobile-app-page .form-item-birthday .form-select {
  display: inline-block;
  min-width: auto;
  padding: 10px 8px;
  width: 85px;
}
.mobile-app-page .form-item-birthday .form-item-birthday-month {
  margin: 0 3px;
}
.mobile-app-page #profile-photo #edit-photo {
  background: #22d2f9;
  border: none;
  color: #012069;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 10px 0 0 0;
  padding: 10px 20px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.mobile-app-page .step_4 .form-radios,
.mobile-app-page #edit-gender-wrapper .form-radios {
  background: #fbe121;
  margin: 1em 0 0 0;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.mobile-app-page .step_4 .form-radios .form-item,
.mobile-app-page #edit-gender-wrapper .form-radios .form-item {
  margin: 0;
  padding: 0;
}
.mobile-app-page .step_4 .form-radios .form-item:first-child,
.mobile-app-page #edit-gender-wrapper .form-radios .form-item:first-child {
  border-bottom: 2px solid #ab9c17;
}
.mobile-app-page .step_4 .form-radios .form-type-radio,
.mobile-app-page #edit-gender-wrapper .form-radios .form-type-radio {
  color: #012169;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
  overflow: hidden;
  padding: 15px 5px 15px 10px;
}
.mobile-app-page .step_4 .form-radios .form-type-radio .form-radio,
.mobile-app-page #edit-gender-wrapper .form-radios .form-type-radio .form-radio {
  float: left;
  margin-right: 9px;
}
.mobile-app-page .step_4 .form-radios .form-type-radio label,
.mobile-app-page #edit-gender-wrapper .form-radios .form-type-radio label {
  color: #012169;
  display: block;
  font: 16px 'ketnet_proxima_novaextrabold';
}
.mobile-app-page .step_4 .form-radios .form-type-radio br,
.mobile-app-page #edit-gender-wrapper .form-radios .form-type-radio br {
  display: none;
}
.mobile-app-page .step_4 .form-radios .form-type-radio #edit-parent-approve-0,
.mobile-app-page #edit-gender-wrapper .form-radios .form-type-radio #edit-parent-approve-0 {
  float: left;
  margin: 3px 9px 40px 0;
}
.mobile-app-page .terms_text {
  display: block;
  margin: 0 0 10px 0;
}
.mobile-app-page .form-item-terms input {
  float: left;
  margin: 0 10px 35px 0;
}
.mobile-app-page .form-item-terms label {
  display: block;
}
.mobile-app-page .step_5 .media_wrapper {
  margin: 10px 0 0 0;
}
.mobile-app-page .step_5 .form-submit {
  width: 270px;
}
.mobile-app-page #ketnet-registration-build-form .form-item-pass-pass1::after,
.mobile-app-page #ketnet-registration-build-form .form-item-pass-pass1::after,
.mobile-app-page #ketnet-registration-build-form .form-item-pass-pass2::after,
.mobile-app-page #ketnet-registration-build-form .form-item-mail::after,
.mobile-app-page #ketnet-registration-build-form .form-item-lastname::after,
.mobile-app-page #ketnet-registration-build-form .form-item-parent-mail::after,
.mobile-app-page #ketnet-registration-username-form .form-item-email::after,
.mobile-app-page #ketnet-registration-user-pass-app-form .form-item-name::after,
.mobile-app-page .page-app-login .form-item-pass::after {
  background: url('../images/corners_sprite.png') -542px -702px no-repeat;
  content: ' ';
  display: block;
  height: 25px;
  width: 50px;
}
.mobile-app-page ::-webkit-input-placeholder {
  color: #99a6c3;
}
.mobile-app-page ::-moz-placeholder {
  color: #99a6c3;
  opacity: 1;
}
.mobile-app-page :placeholder-shown {
  color: #99a6c3;
}
.mobile-app-page ::placeholder {
  color: #99a6c3;
}
.mobile-app-page .header h1 {
  color: #22d2f9;
  font: 20px 'ketnet_proxima_novaextrabold';
  padding: 16px 15.5% 10px 15.5%;
  text-align: center;
  text-transform: lowercase;
}
.mobile-app-page .header .corner {
  display: none;
}
.mobile-app-page #username-form {
  margin: 0 auto;
  padding: 194px 0 0 0;
  position: relative;
  width: 270px;
}
.mobile-app-page #username-form .messages {
  margin: 25px 0 0 0;
}
.mobile-app-page #username-form .messages.status {
  background: none;
  color: #ffffff;
}
.mobile-app-page #username-form .messages.error {
  border: none;
  color: #ffffff;
  padding: 5px 10px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.mobile-app-page #username-form #wrappers {
  background: url('../images/mobile-app/wrappers.png') 0 0 no-repeat;
  background-size: 175px 218px;
  height: 218px;
  left: 47px;
  position: absolute;
  top: 0;
  width: 175px;
}
.mobile-app-page #username-form .form-submit {
  width: 270px;
}
.mobile-app-page #username-form ::-webkit-input-placeholder {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page #username-form ::-moz-placeholder {
  color: #99a6c3;
  opacity: 1;
  font-size: 15px;
}
.mobile-app-page #username-form :placeholder-shown {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page #username-form ::placeholder {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page #ketnet-registration-user-pass-app-form .form-item {
  display: none;
}
.mobile-app-page #ketnet-registration-user-pass-app-form .form-item-name {
  display: block;
}
.mobile-app-page #ketnet-registration-user-pass-app-form .form-item-email {
  display: none;
}
.mobile-app-page .page-app-login {
  margin: 0 auto;
  position: relative;
  width: 270px;
}
.mobile-app-page .page-app-login h4 {
  font: 16px 'ketnet_proxima_novaextrabold';
  text-align: center;
}
.mobile-app-page .page-app-login .messages {
  margin: 5px 0 0 0;
}
.mobile-app-page .page-app-login .messages.error {
  border: none;
  color: #ffffff;
  padding: 5px 10px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.mobile-app-page .page-app-login #wrappers {
  background: url('../images/mobile-app/wrappers.png') 0 0 no-repeat;
  background-size: 175px 218px;
  height: 218px;
  margin: 0 auto;
  width: 175px;
}
.mobile-app-page .page-app-login .form-submit {
  width: 270px;
}
.mobile-app-page .page-app-login ::-webkit-input-placeholder {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page .page-app-login ::-moz-placeholder {
  color: #99a6c3;
  opacity: 1;
  font-size: 15px;
}
.mobile-app-page .page-app-login :placeholder-shown {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page .page-app-login ::placeholder {
  color: #99a6c3;
  font-size: 15px;
}
.mobile-app-page .profile-edit .profile-header {
  background: #1b3878 url('../images/mobile-app/header-pattern.png');
  background-size: 60px 90px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: #22d2f9;
  font: 20px 'ketnet_proxima_novaextrabold';
  padding: 15px 0 15px;
  text-align: center;
}
.mobile-app-page .profile-edit .block-title,
.mobile-app-page .profile-edit #title {
  margin: 0 0 10px 0;
}
.mobile-app-page .profile-edit .block-title h2,
.mobile-app-page .profile-edit #title h2,
.mobile-app-page .profile-edit .block-title h1,
.mobile-app-page .profile-edit #title h1 {
  background: #ff2355;
  color: #fbe121;
  display: inline-block;
  font: 25px 'ketnet_proxima_novaextrabold';
  margin: 0;
  padding: 7px 14px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.mobile-app-page .profile-edit .block-title {
  padding: 25px 0 0 0;
}
.mobile-app-page .profile-edit .block {
  overflow: hidden;
}
.mobile-app-page .profile-edit .outer-wrapper {
  background: #012474;
  overflow: hidden;
  padding: 15px 0 10px 0;
}
.mobile-app-page .profile-edit .outer-wrapper .block-title {
  padding: 10px 0 0 0;
}
.mobile-app-page .profile-edit .wrapper {
  margin: 0 auto;
  width: 270px;
}
.mobile-app-page .profile-edit label {
  color: #ffffff;
  display: block;
  font: 18px "ProximaNova-Bold";
  margin: 15px 0 0;
}
.mobile-app-page .profile-edit .changePaswordWrapper label {
  display: none;
}
.mobile-app-page .profile-edit #ketnet-profile-newsletters-form {
  padding: 0 0 10px 0;
}
.mobile-app-page .profile-edit .form-submit {
  width: 270px;
}
.mobile-app-page .profile-edit .form-checkbox {
  float: left;
  margin: 4px 10px 30px 0;
}
.mobile-app-page .profile-edit hr {
  background: #ffffff;
  border: none;
  height: 1px;
  line-height: 0;
  margin: 15px 0;
}
.mobile-app-page .profile-edit .rightPart .instruction-popup {
  display: block;
  margin: 15px 0 0 0;
}
.maintenance-page {
  background: #22d2f9;
}
.maintenance-page #maintenance-header #logo {
  display: block;
  margin: 20px auto 0 auto;
  position: static;
  width: 60px;
}
.maintenance-page #maintenance-header #logo img {
  width: 60px;
}
.maintenance-page #container {
  margin: 30px auto 0 auto;
  max-width: 600px;
}
.maintenance-page #container::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 35px 0;
  border-color: transparent #96263d transparent transparent;
}
.maintenance-page #content {
  background: #ff2355;
  color: #fbe121;
  padding: 25px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper {
  background: #22d2f9;
  color: #012069;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  width: 300px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper #media-upload-close {
  background: none;
  border: none;
  color: #012069;
  font-size: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
}
#media-upload-wrapper .step {
  display: none;
  padding: 40px 20px 20px;
}
#media-upload-wrapper .profile-photo,
#media-upload-wrapper .photo {
  display: block;
}
#media-upload-wrapper .profile-photo .new,
#media-upload-wrapper .photo .new {
  display: none;
}
#media-upload-wrapper .profile-photo .photo-upload,
#media-upload-wrapper .photo .photo-upload,
#media-upload-wrapper .profile-photo .photo-record,
#media-upload-wrapper .photo .photo-record {
  display: none;
}
#media-upload-wrapper .profile-photo .album-type-selector,
#media-upload-wrapper .photo .album-type-selector {
  text-align: center;
}
#media-upload-wrapper .profile-photo .album-type-selector label,
#media-upload-wrapper .photo .album-type-selector label {
  display: inline;
  margin: 0 10px;
}
#media-upload-wrapper .profile-photo .album-selector,
#media-upload-wrapper .photo .album-selector {
  height: 40px;
  margin: 0 auto;
  padding: 15px;
  width: 200px;
}
#media-upload-wrapper .profile-photo .album-selector label,
#media-upload-wrapper .photo .album-selector label {
  margin: 0 0 10px 0;
}
#media-upload-wrapper .profile-photo .album-selector select,
#media-upload-wrapper .photo .album-selector select {
  width: 180px;
}
#media-upload-wrapper .profile-photo .album-selector input,
#media-upload-wrapper .photo .album-selector input {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper .profile-photo .album-selector select,
#media-upload-wrapper .photo .album-selector select,
#media-upload-wrapper .profile-photo .album-selector input,
#media-upload-wrapper .photo .album-selector input {
  border: none;
  color: #000000;
  font: 14px 'ProximaNova-Regular';
  padding: 5px 10px;
}
#media-upload-wrapper .profile-photo .record-container,
#media-upload-wrapper .photo .record-container {
  background: #aeebf9;
}
#media-upload-wrapper .profile-photo .record-container .photo-wrapper,
#media-upload-wrapper .photo .record-container .photo-wrapper {
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 300px;
}
#media-upload-wrapper .profile-photo .record-container .photo-wrapper video,
#media-upload-wrapper .photo .record-container .photo-wrapper video,
#media-upload-wrapper .profile-photo .record-container .photo-wrapper canvas,
#media-upload-wrapper .photo .record-container .photo-wrapper canvas {
  max-width: 100%;
  height: 300px;
}
#media-upload-wrapper .profile-photo .record-container .photo-wrapper canvas,
#media-upload-wrapper .photo .record-container .photo-wrapper canvas {
  display: none;
}
#media-upload-wrapper .profile-photo .record-container .record-info,
#media-upload-wrapper .photo .record-container .record-info {
  background: #aeebf9;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center;
  padding: 25px;
}
#media-upload-wrapper .profile-photo .record-container .record-info .record-reset,
#media-upload-wrapper .photo .record-container .record-info .record-reset,
#media-upload-wrapper .profile-photo .record-container .record-info .record-finish,
#media-upload-wrapper .photo .record-container .record-info .record-finish {
  display: none;
}
#media-upload-wrapper .profile-photo .step:first-child,
#media-upload-wrapper .photo .step:first-child,
#media-upload-wrapper .video .step:first-child {
  display: block;
}
#media-upload-wrapper .select-file {
  background: #732181 url('../images/media-uploader/icon_filebrowse.png') center 15px no-repeat;
  background-size: 60px 43px;
  border: none;
  color: #66ff99;
  font: 16px 'ketnet_proxima_novaextrabold';
  padding: 65px 0 10px;
  width: 160px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper .select-file span {
  font-size: 9px;
}
#media-upload-wrapper .select-camera {
  background: #732181 url('../images/media-uploader/icon_camera.png') center 20px no-repeat;
  background-size: 60px 34px;
  border: none;
  color: #66ff99;
  font: 16px 'ketnet_proxima_novaextrabold';
  padding: 65px 0 10px;
  width: 160px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper .select-camera span {
  font-size: 9px;
}
#media-upload-wrapper .step-indicator {
  background: #012069;
  color: #ffffff;
  display: block;
  font: 14px/36px 'ProximaNova-Bold';
  height: 35px;
  margin: 0 auto 15px auto;
  text-align: center;
  width: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
}
#media-upload-wrapper h2 {
  color: #ffffff;
  font: 21px 'ProximaNova-Bold';
  margin: 0 0 10px 0;
  text-align: center;
}
#media-upload-wrapper h3 {
  color: #012069;
  font: 18px 'ProximaNova-Bold';
  margin: 0 0 10px 0;
  text-align: center;
}
#media-upload-wrapper .buttons {
  text-align: center;
}
#media-upload-wrapper .buttons button {
  display: inline-block;
  margin: 0 10px 10px;
}
#media-upload-wrapper .description {
  height: 118px;
  position: relative;
  margin: 0 auto;
  width: 300px;
}
#media-upload-wrapper .description .corner {
  bottom: 0;
  left: 0;
  position: absolute;
}
#media-upload-wrapper .description textarea {
  background: #ffffff;
  border: none;
  font: 14px 'ProximaNova-Regular';
  height: 80px;
  padding: 10px;
  resize: none;
  width: 240px;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#media-upload-wrapper .camera-upload-finish,
#media-upload-wrapper .upload-finish {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: 15px auto;
  padding: 9px 10px 7px;
  text-transform: lowercase;
  width: 110px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#media-upload-wrapper .camera-upload-finish span,
#media-upload-wrapper .upload-finish span {
  font-size: 8px;
}
#media-upload-wrapper .continue {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font: 12px 'ketnet_proxima_novaextrabold';
  margin: 15px auto;
  padding: 9px 10px 7px;
  text-transform: uppercase;
  width: 85px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#media-upload-wrapper .continue span {
  font-size: 8px;
}
#media-upload-wrapper .recorded-container {
  display: none;
}
#media-upload-wrapper .recorded-container #recorded {
  max-width: 300px;
}
#media-upload-wrapper .recorded-container .record-info {
  background: #aeebf9;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center;
  padding: 25px;
}
#media-upload-wrapper .record-reset,
#media-upload-wrapper .record-finish,
#media-upload-wrapper .record-stop,
#media-upload-wrapper .record-start {
  background: #ff2355;
  border: none;
  color: #fbe121;
  display: block;
  font: 12px 'ketnet_proxima_novaextrabold';
  margin: 15px auto;
  padding: 9px 10px 7px;
  text-transform: uppercase;
  width: 120px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#media-upload-wrapper .record-reset span,
#media-upload-wrapper .record-finish span,
#media-upload-wrapper .record-stop span,
#media-upload-wrapper .record-start span {
  font-size: 8px;
}
#media-upload-wrapper .record-stop {
  display: none;
}
#media-upload-wrapper .video .record-container #record {
  max-width: 300px;
}
#media-upload-wrapper .video .record-container .record-info {
  background: #aeebf9;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center;
  padding: 25px;
}
@media screen and (min-width: 950px) {
  #media-upload-wrapper {
    width: 640px;
  }
  #media-upload-wrapper .profile-photo,
  #media-upload-wrapper .photo {
    width: 640px;
  }
  #media-upload-wrapper .profile-photo .record-container,
  #media-upload-wrapper .photo .record-container {
    overflow: hidden;
    margin: 0 auto;
    max-height: 240px;
    width: 600px;
  }
  #media-upload-wrapper .profile-photo .record-container .photo-wrapper,
  #media-upload-wrapper .photo .record-container .photo-wrapper {
    float: left;
    max-width: none;
    width: 320px;
  }
  #media-upload-wrapper .profile-photo .record-container .photo-wrapper video,
  #media-upload-wrapper .photo .record-container .photo-wrapper video,
  #media-upload-wrapper .profile-photo .record-container .photo-wrapper canvas,
  #media-upload-wrapper .photo .record-container .photo-wrapper canvas {
    max-width: none;
    height: 240px;
    width: 320px;
  }
  #media-upload-wrapper .profile-photo .record-container .record-info,
  #media-upload-wrapper .photo .record-container .record-info {
    float: left;
    height: 225px;
    width: 280px;
  }
  #media-upload-wrapper .video .record-container {
    overflow: hidden;
    margin: 0 auto;
    max-height: 225px;
    width: 600px;
  }
  #media-upload-wrapper .video .record-container #record {
    float: left;
    width: 300px;
  }
  #media-upload-wrapper .video .record-container .record-info {
    float: left;
    height: 225px;
    width: 300px;
  }
  #media-upload-wrapper .video .recorded-container {
    display: none;
    overflow: hidden;
    margin: 0 auto;
    max-height: 225px;
    width: 600px;
  }
  #media-upload-wrapper .video .recorded-container #recorded {
    float: left;
    width: 300px;
  }
  #media-upload-wrapper .video .recorded-container .record-info {
    float: left;
    height: 225px;
    width: 300px;
  }
  #media-upload-wrapper .description textarea {
    width: 280px;
  }
}
.page-no-access #header .breadcrumb {
  display: none;
}
#access-denied {
  margin: 0 auto;
  width: 300px;
}
#access-denied .icon-wrapper {
  background: #012069;
  border-radius: 125px;
  height: 250px;
  margin: 0 auto;
  position: relative;
  width: 250px;
}
#access-denied .icon-wrapper .icon {
  background: url('../images/errormannetje.png') center center no-repeat;
  background-size: contain;
  border-radius: 125px;
  height: 266px;
  position: absolute;
  top: -16px;
  width: 250px;
}
#access-denied .message-wrapper {
  color: #fbe121;
  font: 18px 'ketnet_proxima_novaextrabold';
  margin: -20px 0 0 0;
  position: relative;
}
#access-denied .message-wrapper .message {
  background: #ff2355;
  padding: 20px;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 980px) {
  #access-denied {
    width: 600px;
  }
  #access-denied .message-wrapper {
    font-size: 21px;
  }
  #access-denied .message-wrapper .message {
    padding: 40px;
  }
}
@font-face {
  font-family: 'cassannet_bold';
  src: url('../fonts/cassanet/cassannet_bold-webfont.eot');
  src: url('../fonts/cassanet/cassannet_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cassanet/cassannet_bold-webfont.woff2') format('woff2'), url('../fonts/cassanet/cassannet_bold-webfont.woff') format('woff'), url('../fonts/cassanet/cassannet_bold-webfont.ttf') format('truetype'), url('../fonts/cassanet/cassannet_bold-webfont.svg#cassannet_boldbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cassannet_regular';
  src: url('../fonts/cassanet/cassannet-webfont.eot');
  src: url('../fonts/cassanet/cassannet-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cassanet/cassannet-webfont.woff2') format('woff2'), url('../fonts/cassanet/cassannet-webfont.woff') format('woff'), url('../fonts/cassanet/cassannet-webfont.ttf') format('truetype'), url('../fonts/cassanet/cassannet-webfont.svg#cassannet_regularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.duivels-plus-scholen-page .error {
  display: none;
  padding: 10px;
}
.duivels-plus-scholen-page #duivels-plus-scholen-content-page .error {
  display: block;
}
.duivels-plus-scholen-page #page-wrapper {
  background: url('../images/duivelseplus/bg.jpg') center top repeat-y;
}
.duivels-plus-scholen-page #header {
  background: url('../images/duivelseplus/mobile_bg.png') center bottom no-repeat;
}
.duivels-plus-scholen-page #duivelseplus-header #duivelseplus-logo {
  background: url('../images/duivelseplus/logo.png') 0 0 no-repeat;
  background-size: contain;
  height: 172px;
  margin: 0 auto;
  width: 310px;
}
.duivels-plus-scholen-page #duivelseplus-header #mediaplayer-wrapper {
  height: 180px;
  width: 320px;
}
.duivels-plus-scholen-page #duivelseplus-header h1 {
  color: #ad1327;
  font: 38px/32px 'cassannet_bold';
  padding: 10px 5px;
  text-align: center;
}
.duivels-plus-scholen-page #duivelseplus-body h2,
.duivels-plus-scholen-page #duivelseplus-body h3 {
  color: #ad1327;
  font: 24px 'cassannet_bold';
  text-transform: uppercase;
}
.duivels-plus-scholen-page #duivelseplus-body .red-title {
  background: #ad1327;
  color: #ffffff;
  display: block;
  float: right;
  margin: 0 0 20px 0;
  padding: 5px 10px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block {
  background: rgba(234, 179, 49, 0.65);
  color: #000000;
  font: 20px 'ProximaNova-Regular';
  margin: 30px 0;
  padding: 15px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper p,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block p {
  margin: 1em 0;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper ul,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block ul {
  list-style-image: url('../images/duivelseplus/ball.png');
  margin: 1em 0 1em 30px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper ul li,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block ul li {
  margin: 10px 0 0 0;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper a,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block a {
  background: #ad1327;
  color: #ffd100;
  font: 16px/40px 'cassannet_bold';
  display: inline-block;
  min-height: 40px;
  margin: 10px 0 0;
  padding: 0 15px;
  text-transform: uppercase;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper a:before,
.duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block a:before {
  font-family: "ketneticons10" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "g";
  font-size: 13px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper {
  clear: both;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-type-checkbox {
  align-items: center;
  display: flex;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-type-checkbox .form-checkbox {
  margin: 0 20px 0 0;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper label {
  color: #ffffff;
  display: block;
  font: 20px 'cassannet_regular';
  margin: 11px 0;
  text-transform: uppercase;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper label a {
  color: #ffffff;
  text-decoration: underline;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-component {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper input[type=text],
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper textarea {
  border: none;
  box-sizing: unset;
  color: #333333;
  display: block;
  font: 16px 'ProximaNova-Regular';
  padding: 13px 20px;
  width: 80%;
  width: calc(100% - 40px);
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-actions {
  height: 40px;
  position: relative;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-actions .webform-submit {
  background: #ad1327;
  border: none;
  color: #ffd100;
  display: block;
  font: 20px 'cassannet_bold';
  height: 40px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .form-actions .webform-submit:before {
  font-family: "ketneticons10" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "g";
  font-size: 13px;
}
@media screen and (min-width: 980px) {
  .duivels-plus-scholen-page #header {
    background: none;
  }
  .duivels-plus-scholen-page #wrapper {
    background: url('../images/duivelseplus/header_bg.png') center 0 no-repeat;
  }
  .duivels-plus-scholen-page #duivelseplus-header {
    margin: -50px 0 0 0;
  }
  .duivels-plus-scholen-page #duivelseplus-header #duivelseplus-logo {
    background: url('../images/duivelseplus/logo.png') 0 0 no-repeat;
    height: 199px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 359px;
    z-index: 999;
  }
  .duivels-plus-scholen-page #duivelseplus-header #mediaplayer-wrapper {
    height: 534px;
    width: 950px;
  }
  .duivels-plus-scholen-page #duivelseplus-header h1 {
    color: #ffd100;
    font-size: 49px;
    padding: 112px 0 20px 0;
    text-align: left;
  }
  .duivels-plus-scholen-page #duivelseplus-header h1 span {
    display: inline-block;
    width: 163px;
    height: 10px;
  }
  .duivels-plus-scholen-page #duivelseplus-body .duivelseplus-block a {
    margin: 10px 30px 0;
  }
  .duivels-plus-scholen-page #duivelseplus-body .webform-wrapper {
    padding: 25px 15px;
  }
  .duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .webform-component {
    margin: 0 0 25px 0;
  }
  .duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .webform-component-textfield {
    display: flex;
  }
  .duivels-plus-scholen-page #duivelseplus-body .webform-wrapper .webform-component-textfield label {
    flex: 0 0 120px;
  }
}
.ui-dialog .consent-request-form {
  color: #344d86;
  font-size: 14px;
  padding: 10px 20px;
  text-align: center;
  margin-top: 30px;
}
.ui-dialog .consent-request-form .formHeader {
  padding: 0;
}
.ui-dialog .consent-request-form h4 {
  color: #ffffff;
  font: 22px 'ketnet_proxima_novaextrabold';
  margin: 0 0 15px 0;
}
.ui-dialog .consent-request-form p {
  margin: 0 0 1em 0;
}
.ui-dialog .consent-request-form .btnCloseBox {
  color: #012069;
  font-size: 22px;
  float: right;
}
.ui-dialog .consent-request-form .button-container {
  padding: 30px 0 0;
  text-align: center;
}
.ui-dialog .consent-request-form button {
  background: #671e75;
  border: none;
  color: #66ff99;
  display: inline-block;
  font: 14px/30px 'ketnet_proxima_novaextrabold';
  height: 30px;
  padding: 0 0 0 15px;
  text-transform: uppercase;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.ui-dialog .consent-request-form button span {
  float: right;
  margin: 2px 5px 0 5px;
  font-size: 14px;
}
@media screen and (min-width: 600px) {
  .ui-dialog .consent-request-form {
    height: auto !important;
    margin: 0 auto;
    width: 450px !important;
    margin-top: 100px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .ui-dialog .consent-request-form .formHeader {
    padding: 10px 0 0;
  }
}
.media_wrapper {
  width: 100%;
  height: auto;
  margin-bottom: -1px;
}
.media_wrapper .vuplay-container {
  min-width: auto;
}
#ketnet-junior-newsletter-form .form-item .form-text {
  background: none;
  border: 1px solid #671e75;
  color: #671e75;
  font: 14px 'ProximaNova-Regular';
  margin: 5px 0 10px;
  padding: 5px 10px;
  width: 165px;
  border-radius: 0;
  -webkit-border-radius: 0;
}
#ketnet-junior-newsletter-form .form-item .form-submit {
  background: #671e75;
  color: #fbe121;
  cursor: pointer;
  border: none;
  font: 14px 'ProximaNova-Bold';
  display: inline-block;
  margin: 15px 0;
  padding: 6px 10px 5px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
}
#ketnet-junior-newsletter-form .form-item .form-submit span {
  font-size: 10px;
}
.dashboard .dashboard-tabs {
  margin: 0 auto;
  width: 310px;
}
.dashboard .dashboard-tabs button {
  background: none;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font: 16px 'ProximaNova-Bold';
  margin: 0 15px 15px 0;
  padding: 0 5px 5px 0;
}
.dashboard .dashboard-tabs .dashboard-tab__active {
  color: #fbe121;
  border-bottom: 1px solid #fbe121;
}
.dashboard .dashboard-form {
  max-width: 310px;
  color: white;
  margin: 0 auto;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form {
    max-width: 387px;
  }
}
.dashboard .dashboard-form .o-registration__title {
  color: #fbe121;
  font: 27px 'ProximaNova-Bold';
  line-height: 25px;
  margin-top: 15px;
  padding-bottom: 7.5px;
}
.dashboard .dashboard-form .o-registration__description {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 30px;
}
.dashboard .dashboard-form .o-registration__description a {
  color: white;
  text-decoration: underline;
}
.dashboard .dashboard-form .o-registration__description a:visited {
  color: white;
}
.dashboard .dashboard-form .o-registration__description strong {
  color: white;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .o-registration__description {
    line-height: 18px;
    font-size: 14px;
  }
}
.dashboard .dashboard-form .o-registration__avatar {
  text-align: center;
  position: relative;
  z-index: 2;
  height: 132.5px;
  padding: 0 0 15px;
}
.dashboard .dashboard-form .o-registration__avatar img {
  height: 132.5px;
  left: 50%;
  margin-top: -25px;
  position: absolute;
  transform: translateX(-50%);
}
.dashboard .dashboard-form .o-registration__highlighted {
  font: 14px 'ProximaNova-Bold';
  line-height: 18px;
  color: #fbe121;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .o-registration__highlighted {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
  }
}
.dashboard .dashboard-form .o-registration__title_3 {
  font: 20px 'ProximaNova-Bold';
  line-height: 25px;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .o-registration__title_3 {
    font: 15px 'ProximaNova-Bold';
    line-height: 20px;
  }
}
.dashboard .dashboard-form .form-item-profile-type .option,
.dashboard .dashboard-form .form-item {
  margin-bottom: 15px;
  position: relative;
  border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .form-item-profile-type .option,
  .dashboard .dashboard-form .form-item {
    margin-bottom: 9px;
  }
}
.dashboard .dashboard-form .form-item-profile-type .option.last:after,
.dashboard .dashboard-form .form-item.last:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: solid 30px #999fa2;
  border-left: solid 60px transparent;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .form-item-profile-type .option.last:after,
  .dashboard .dashboard-form .form-item.last:after {
    border-top: solid 22px #999fa2;
    border-left: solid 45px transparent;
  }
}
.dashboard .dashboard-form .form-type-date .a-error-message {
  margin-top: -15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 420px) {
  .dashboard .dashboard-form .form-type-date .a-error-message {
    margin-bottom: 9px;
  }
}
.dashboard .dashboard-form .error label {
  color: white;
}
.dashboard .dashboard-form .form-type-textfield label,
.dashboard .dashboard-form .form-type-password label,
.dashboard .dashboard-form .form-type-select label,
.dashboard .dashboard-form .form-type-date label {
  margin: 18px 0 6px;
}
.dashboard .dashboard-form .form-type-textfield .a-form-select,
.dashboard .dashboard-form .form-type-password .a-form-select,
.dashboard .dashboard-form .form-type-select .a-form-select,
.dashboard .dashboard-form .form-type-date .a-form-select {
  display: flex;
  justify-content: space-between;
}
.dashboard .dashboard-form .a-btn-primary {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 420px) {
  .dashboard {
    display: flex;
    margin: 0 auto;
    max-width: 950px;
  }
  .dashboard .dashboard-tabs {
    margin: 15px 0 0;
    padding: 0 15px;
    width: auto;
  }
  .dashboard .dashboard-tabs button {
    display: block;
    text-align: left;
    width: 100%;
  }
  .dashboard .dashboard-form {
    flex: 387px 0 0;
  }
}