@font-face {
  font-family: 'IcoMoon';
  src: url('../../../media/jui/fonts/IcoMoon.eot');
  src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Due to a bug in the compiler that doesn't handle the relative paths correctly, the @font-face stuff needs to go in the templates less files
@font-face {
	font-family: 'IcoMoon';
	src: url('../fonts/IcoMoon.eot');
	src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IcoMoon.woff') format('woff'),
		url('../fonts/IcoMoon.ttf') format('truetype'),
		url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none;
}
/* From Bootstrap */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal;
}
.icon-joomla:before {
  content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
  content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
  content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
  content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
  content: "\e008";
}
.icon-arrow-first:before {
  content: "\e003";
}
.icon-arrow-last:before {
  content: "\e004";
}
.icon-arrow-up-2:before {
  content: "\e009";
}
.icon-arrow-right-2:before {
  content: "\e00a";
}
.icon-arrow-down-2:before {
  content: "\e00b";
}
.icon-arrow-left-2:before {
  content: "\e00c";
}
.icon-arrow-up-3:before {
  content: "\e00f";
}
.icon-arrow-right-3:before {
  content: "\e010";
}
.icon-arrow-down-3:before {
  content: "\e011";
}
.icon-arrow-left-3:before {
  content: "\e012";
}
.icon-menu-2:before {
  content: "\e00e";
}
.icon-arrow-up-4:before {
  content: "\e201";
}
.icon-arrow-right-4:before {
  content: "\e202";
}
.icon-arrow-down-4:before {
  content: "\e203";
}
.icon-arrow-left-4:before {
  content: "\e204";
}
.icon-share:before,
.icon-redo:before {
  content: "\27";
}
.icon-undo:before {
  content: "\28";
}
.icon-forward-2:before {
  content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
  content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
  content: "\6c";
}
.icon-undo-2:before {
  content: "\e207";
}
.icon-move:before {
  content: "\7a";
}
.icon-expand:before {
  content: "\66";
}
.icon-contract:before {
  content: "\67";
}
.icon-expand-2:before {
  content: "\68";
}
.icon-contract-2:before {
  content: "\69";
}
.icon-play:before {
  content: "\e208";
}
.icon-pause:before {
  content: "\e209";
}
.icon-stop:before {
  content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
  content: "\7c";
}
.icon-next:before,
.icon-forward:before {
  content: "\7b";
}
.icon-first:before {
  content: "\7d";
}
.icon-last:before {
  content: "\e000";
}
.icon-play-circle:before {
  content: "\e00d";
}
.icon-pause-circle:before {
  content: "\e211";
}
.icon-stop-circle:before {
  content: "\e212";
}
.icon-backward-circle:before {
  content: "\e213";
}
.icon-forward-circle:before {
  content: "\e214";
}
.icon-loop:before {
  content: "\e001";
}
.icon-shuffle:before {
  content: "\e002";
}
.icon-search:before {
  content: "\53";
}
.icon-zoom-in:before {
  content: "\64";
}
.icon-zoom-out:before {
  content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b";
}
.icon-pencil-2:before {
  content: "\2c";
}
.icon-brush:before {
  content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
  content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
  content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
  content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
  content: "\47";
}
.icon-new:before,
.icon-plus:before {
  content: "\2a";
}
.icon-plus-circle:before {
  content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
  content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
  content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
  content: "\4a";
}
.icon-cancel-circle:before {
  content: "\e217";
}
.icon-checkmark-2:before {
  content: "\e218";
}
.icon-checkmark-circle:before {
  content: "\e219";
}
.icon-info:before {
  content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
  content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
  content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
  content: "\e222";
}
.icon-notification:before {
  content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
  content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
  content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
  content: "\e225";
}
.icon-checkbox-unchecked:before {
  content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
  content: "\3e";
}
.icon-checkbox-partial:before {
  content: "\3f";
}
.icon-square:before {
  content: "\e226";
}
.icon-radio-unchecked:before {
  content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
  content: "\e228";
}
.icon-circle:before {
  content: "\e229";
}
.icon-signup:before {
  content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
  content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59";
}
.icon-menu:before {
  content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
  content: "\31";
}
.icon-list-2:before {
  content: "\e231";
}
.icon-menu-3:before {
  content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
  content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
  content: "\2e";
}
.icon-folder-plus:before {
  content: "\e234";
}
.icon-folder-minus:before {
  content: "\e235";
}
.icon-folder-3:before {
  content: "\e236";
}
.icon-folder-plus-2:before {
  content: "\e237";
}
.icon-folder-remove:before {
  content: "\e238";
}
.icon-file:before {
  content: "\e016";
}
.icon-file-2:before {
  content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
  content: "\29";
}
.icon-file-minus:before {
  content: "\e017";
}
.icon-file-check:before {
  content: "\e240";
}
.icon-file-remove:before {
  content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
  content: "\e018";
}
.icon-stack:before {
  content: "\e242";
}
.icon-tree:before {
  content: "\e243";
}
.icon-tree-2:before {
  content: "\e244";
}
.icon-paragraph-left:before {
  content: "\e246";
}
.icon-paragraph-center:before {
  content: "\e247";
}
.icon-paragraph-right:before {
  content: "\e248";
}
.icon-paragraph-justify:before {
  content: "\e249";
}
.icon-screen:before {
  content: "\e01c";
}
.icon-tablet:before {
  content: "\e01d";
}
.icon-mobile:before {
  content: "\e01e";
}
.icon-box-add:before {
  content: "\51";
}
.icon-box-remove:before {
  content: "\52";
}
.icon-download:before {
  content: "\e021";
}
.icon-upload:before {
  content: "\e022";
}
.icon-home:before {
  content: "\21";
}
.icon-home-2:before {
  content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
  content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
  content: "\e251";
}
.icon-link:before {
  content: "\e252";
}
.icon-picture:before,
.icon-image:before {
  content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
  content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
  content: "\e014";
}
.icon-camera:before {
  content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
  content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56";
}
.icon-music:before {
  content: "\57";
}
.icon-user:before {
  content: "\22";
}
.icon-users:before {
  content: "\e01f";
}
.icon-vcard:before {
  content: "\6d";
}
.icon-address:before {
  content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
  content: "\26";
}
.icon-enter:before {
  content: "\e257";
}
.icon-exit:before {
  content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
  content: "\24";
}
.icon-comments-2:before {
  content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
  content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
  content: "\e259";
}
.icon-phone:before {
  content: "\e260";
}
.icon-phone-2:before {
  content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
  content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
  content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
  content: "\50";
}
.icon-briefcase:before {
  content: "\e020";
}
.icon-tag:before {
  content: "\e262";
}
.icon-tag-2:before {
  content: "\e263";
}
.icon-tags:before {
  content: "\e264";
}
.icon-tags-2:before {
  content: "\e265";
}
.icon-options:before,
.icon-cog:before {
  content: "\38";
}
.icon-cogs:before {
  content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
  content: "\36";
}
.icon-wrench:before {
  content: "\3a";
}
.icon-equalizer:before {
  content: "\39";
}
.icon-dashboard:before {
  content: "\78";
}
.icon-switch:before {
  content: "\e266";
}
.icon-filter:before {
  content: "\54";
}
.icon-purge:before,
.icon-trash:before {
  content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23";
}
.icon-unlock:before {
  content: "\e267";
}
.icon-key:before {
  content: "\5f";
}
.icon-support:before {
  content: "\46";
}
.icon-database:before {
  content: "\62";
}
.icon-scissors:before {
  content: "\e268";
}
.icon-health:before {
  content: "\6a";
}
.icon-wand:before {
  content: "\6b";
}
.icon-eye-open:before,
.icon-eye:before {
  content: "\3c";
}
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
  content: "\e269";
}
.icon-clock:before {
  content: "\6e";
}
.icon-compass:before {
  content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
  content: "\e01b";
}
.icon-book:before {
  content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
  content: "\79";
}
.icon-print:before,
.icon-printer:before {
  content: "\e013";
}
.icon-feed:before {
  content: "\71";
}
.icon-calendar:before {
  content: "\43";
}
.icon-calendar-2:before {
  content: "\44";
}
.icon-calendar-3:before {
  content: "\e273";
}
.icon-pie:before {
  content: "\77";
}
.icon-bars:before {
  content: "\76";
}
.icon-chart:before {
  content: "\75";
}
.icon-power-cord:before {
  content: "\32";
}
.icon-cube:before {
  content: "\33";
}
.icon-puzzle:before {
  content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
  content: "\72";
}
.icon-lamp:before {
  content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
  content: "\73";
}
.icon-location:before {
  content: "\63";
}
.icon-shield:before {
  content: "\e274";
}
.icon-flag:before {
  content: "\35";
}
.icon-flag-3:before {
  content: "\e275";
}
.icon-bookmark:before {
  content: "\e023";
}
.icon-bookmark-2:before {
  content: "\e276";
}
.icon-heart:before {
  content: "\e277";
}
.icon-heart-2:before {
  content: "\e278";
}
.icon-thumbs-up:before {
  content: "\5b";
}
.icon-thumbs-down:before {
  content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
  content: "\40";
}
.icon-star-2:before {
  content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
  content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
  content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
  content: "\e280";
}
.icon-smiley-sad:before {
  content: "\e281";
}
.icon-smiley-sad-2:before {
  content: "\e282";
}
.icon-smiley-neutral:before {
  content: "\e283";
}
.icon-smiley-neutral-2:before {
  content: "\e284";
}
.icon-cart:before {
  content: "\e019";
}
.icon-basket:before {
  content: "\e01a";
}
.icon-credit:before {
  content: "\e286";
}
.icon-credit-2:before {
  content: "\e287";
}
.icon-expired:before {
  content: "\4b";
}
.jcustom-other-pages .j2column,
.j2column {
  margin-right: 0px;
  margin-left: 0px;
}
.jcustom-other-pages .j2column-img,
.j2column-img,
.jcustom-other-pages .j2column-table,
.j2column-table {
  margin-left: auto;
  margin-right: auto;
}
.jcustom-other-pages .j2column-img.img-responsive,
.j2column-img.img-responsive {
  display: block;
}
.jcustom-other-pages .j2column-title,
.j2column-title {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 32px;
  color: #52a0d2;
}
.jcustom-other-pages .j2column-title.text-center,
.j2column-title.text-center {
  text-align: center !important;
  width: 100%;
}
.jcustom-other-pages .j2column > [class*='col-'],
.j2column > [class*='col-'] {
  padding-right: 0px;
}
.jcustom-other-pages p,
.jcustom-other-pages li,
.jcustom-other-pages table {
  font-size: 14px;
}
.jcustom-other-pages [class*='wblock'] p,
.jcustom-other-pages [class*='wblock'] li,
.packages-typecursus-volwassen li, .packages-typecursus-volwassen p {
  font-size: 18px;
}
.custom p,
.custom {
  font-size: 14px;
}
.itemid-101 .custom p,
.itemid-167 .custom p {
  font-size: 18px;
}
.itemid-101 .jcustom-video-bottom-block .dark-overlay .h4 {
  font-size: 36px;
  margin-top: 35px;
}
.itemid-101 .dark-overlay .h3 {
  font-size: 66px;
}
h2.j2column-title {
  font-size: 30px !important;
}
.itemid-166 .hero-page-wrap,
.itemid-323 .hero-page-wrap,
.itemid-167 .hero-page-wrap,
.itemid-161 .hero-page-wrap,
.itemid-168 .hero-page-wrap,
.itemid-162 .hero-page-wrap,
.itemid-198 .hero-page-wrap,
.itemid-286 .hero-page-wrap {
  background-color: #fafafa;
}
.wbloack-bg {
  background-color: #fafafa !important;
}
.wblock-row [class*="wblock"] {
  text-align: justify;
  background-color: #fff;
  padding: 30px;
}
.wblock-row [class*="wblock"] .wblock {
  width: 100%;
}
@media (min-width: 768px) {
  .wblock-row {
    width: 100%;
    display: table;
  }
  .wblock-row > [class*='wblock-'] {
    display: table-cell;
    vertical-align: middle;
  }
  .wblock-1-2 {
    width: 50%;
  }
  .wblock-1-3 {
    width: 33.33333333%;
  }
  .wblock-2-3 {
    width: 66.66666667%;
  }
  .wblock-1-4 {
    width: 25%;
  }
  .wblock-3-4 {
    width: 75%;
  }
  .wblock-1-5 {
    width: 20%;
  }
  .wblock-2-5 {
    width: 40%;
  }
  .wblock-3-5 {
    width: 60%;
  }
  .wblock-4-5 {
    width: 80%;
  }
  .wblock-1-6 {
    width: 16.66666667%;
  }
  .wblock-5-6 {
    width: 83.33333333%;
  }
  .wblock-wrapper {
    margin: -20px !important;
  }
  .wblock-wrapper.jmargin-top-medium {
    margin-top: 10px !important;
  }
  .wblock-wrapper .wblock-row {
    border-spacing: 20px;
  }
}
@media (max-width: 767px) {
  .wblock-wrapper [class*="wblock"] {
    margin-top: 20px;
  }
}
.com_myticken #jcontent,
.com_tickentype #jcontent {
  margin-top: 20px;
}
#keyboardStart {
  left: 40%;
  z-index: 201;
}
.progress {
  display: block;
  float: left;
  width: 75%;
  margin-left: 2%;
}
.jcustom-toggle-keyboard {
  display: block;
  width: 19%;
  float: right;
  margin-right: 2%;
}
#thepage {
  margin-top: 30px;
}
#thepage-dashboard.jdashboard-custom {
  margin: 0px !important;
}
#thepage-dashboard.jdashboard-custom .dashboard {
  width: 95%;
}
#thepage-dashboard.jdashboard-custom .capital {
  margin-top: 10px;
  margin-bottom: 10px;
}
#thepage-dashboard.jdashboard-custom .stats {
  width: 49%;
  margin: 0 auto;
}
#thepage-dashboard.jdashboard-custom .stats th,
#thepage-dashboard.jdashboard-custom .stats td {
  padding-bottom: 5px;
  text-align: left;
}
#thepage-dashboard.jdashboard-custom .tab {
  padding: 0px 10px;
}
#jcontent #thepage-dashboard.jdashboard-custom {
  padding-bottom: 50px;
}
.jstats-wrapper {
  min-height: 280px;
}
.jadd-border-bottom-nop {
  border-bottom: 1px solid #ccc !important;
}
#res_button_speed {
  margin-left: auto;
  margin-top: auto;
}
#res_button2_speed {
  margin-right: auto;
  margin-top: auto;
}
#thepage-dashboard #res_button,
#thepage-dashboard #res_button2 {
  margin-top: auto;
}
.com_tickentype_wrap {
  max-width: 1000px;
  padding: 10px 20px;
  border: 1px solid #dee1e2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.com_tickentype_wrap .container_heading {
  background: url(../../../images/icons/user_blue.png) 0 0 no-repeat;
  padding: 7px 0 15px 50px;
  font-size: 24px;
  color: #58b3f1;
}
.jcustom-tickentype-heading {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  content: "";
  display: block;
  width: 100%;
  height: 44px;
  background-repeat: repeat-x;
  background: #00aced;
  background: -moz-linear-gradient(top, #00aced 0%, #00adef 3%, #00a9ec 19%, #0295de 65%, #028ad7 97%, #015da1 100%);
  background: -webkit-linear-gradient(top, #00aced 0%, #00adef 3%, #00a9ec 19%, #0295de 65%, #028ad7 97%, #015da1 100%);
  background: linear-gradient(to bottom, #00aced 0%, #00adef 3%, #00a9ec 19%, #0295de 65%, #028ad7 97%, #015da1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aced', endColorstr='#015da1', GradientType=0);
}
.jcustom-tickentype-heading {
  font-size: 1em !important;
  color: white;
  line-height: 44px !important;
  padding-left: 14px;
  font-weight: bold;
  margin-top: 0px !important;
}
.jkeyboardpage-wrapper {
  margin-left: 0px !important;
  margin-right: 0px !important;
  border: 1px solid #dee1e2;
  border-top: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jvalidate-icon {
  padding-top: 5px;
}
.form-group .has-success .control-label {
  color: #000;
}
.form-group .has-success input {
  border-color: #008000;
}
.form-group .has-success input:focus {
  border-color: #008000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 128, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 128, 0, 0.6);
}
.form-group .has-success input[type="radio"],
.form-group .has-success input[type="radio"]:focus {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.form-group .has-success .jvalidate-icon {
  color: #008000;
}
.form-group .has-error .control-label,
form .has-error .control-label {
  color: #dd9747;
}
.form-group .has-error input,
form .has-error input,
.form-group .has-error .form-control,
form .has-error .form-control {
  border-color: #dd9747;
}
.form-group .has-error input:focus,
form .has-error input:focus,
.form-group .has-error .form-control:focus,
form .has-error .form-control:focus {
  border-color: #dd9747;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 151, 71, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 151, 71, 0.6);
}
.form-group .has-error .jvalidate-icon,
form .has-error .jvalidate-icon {
  color: #dd9747;
}
.jvalidate-close {
  font-size: 22px;
  margin-right: -10px;
  cursor: pointer;
}
.jvalidate-close:hover {
  text-decoration: none;
}
.jvalidate-message {
  padding: 5px;
  margin-top: -15px;
  text-align: center;
}
.ji-button {
  background: url(../../../images/icons/i-button.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  display: block;
}
.ji-button-wrapper {
  clear: both;
  position: relative;
}
.ji-button-position-for-course {
  position: absolute;
  left: 15px;
  top: -45px;
}
.jcom_tickentype-modal-no-content {
  cursor: default;
}
#main {
  position: relative;
}
.overlay {
  top: -130px;
  height: 768px;
  left: -23px;
  width: 110%;
  z-index: 200;
}
.jcustom-orange-panel .jbr-double {
  content: '';
  height: 10px;
  display: block;
}
.jcustom-orange-panel .container_heading {
  background: url(../../../images/icons/user_yellow.png) 0 0 no-repeat;
  color: #f0a95b;
}
.jcustom-orange-panel .jcustom-tickentype-heading {
  background: #f9c667;
  background: -moz-linear-gradient(top, #f9c667 1%, #f79621 100%);
  background: -webkit-linear-gradient(top, #f9c667 1%, #f79621 100%);
  background: linear-gradient(to bottom, #f9c667 1%, #f79621 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c667', endColorstr='#f79621', GradientType=0);
}
.jcustom-last-panel {
  margin-bottom: 0;
}
.jbuy-now-button-wrapper {
  position: relative;
}
.buy-now-button {
  display: none;
  position: absolute;
  top: 112px;
  right: 10px;
  height: 60px;
  width: 60px;
  color: #FFF;
  background-color: #EBA032;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 2px 7px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 2px 7px 0 rgba(50, 50, 50, 0.75);
  z-index: 10000;
  font-size: 14px;
}
.buy-now-button:hover,
.buy-now-button:focus {
  background-color: #DE8F1D;
  color: #FFF;
  text-decoration: none;
}
.jshow-buy-now-button .buy-now-button {
  display: block;
}
.jcustom-notice {
  width: 100% !important;
  margin-left: 0px !important;
  text-align: center !important;
  font-size: 12px !important;
}
.keyboard-keyset {
  padding-top: 0px;
}
#info {
  margin-bottom: 10px;
}
.jcustom-jlms-calendar .panel-body {
  padding: 10px;
}
.jcustom-jlms-calendar .ui-datepicker-calendar td a {
  width: 25px;
  height: 25px;
}
.jcustom-jlms-calendar .ui-datepicker-calendar th {
  padding: .7em .1em;
}
.jcustom-jlms-calendar .ui-datepicker-header .ui-datepicker-title {
  margin: 0px 0px;
}
.jcustom-jlms-calendar .ui-datepicker-header .ui-datepicker-month,
.jcustom-jlms-calendar .ui-datepicker-header .ui-datepicker-year {
  font-size: 16px;
}
#main .keyField {
  height: 127px !important;
  width: 100%;
  margin-left: 0px !important;
}
#main .keyFieldInside {
  padding: 0 20px;
}
#main .controlNav {
  clear: initial;
  overflow: initial;
  position: initial;
  width: initial;
  z-index: initial;
  background: none;
  top: initial;
  border-radius: initial;
  padding: initial;
  left: initial;
  font-size: initial;
  float: initial;
}
.jlink-disable {
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
}
.jlink-disable:hover {
  color: black !important;
  background-color: rgba(204, 204, 204, 0.08) !important;
}
.jcustom-tooltip-calendar {
  padding-left: 1px !important;
}
.jadd-gray-ul-links-no-greater-than {
  list-style-type: none;
}
.jadd-gray-ul-links-no-greater-than a {
  color: #707070;
}
.jadd-gray-ul-links-no-greater-than a:hover {
  text-decoration: none;
  border-bottom: 1px solid #707070;
}
.jcapslock-sprite {
  position: relative;
}
.jcapslock-sprite::after {
  background-image: url(../images/sprite-capslock.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
}
.jcapslock-sprite_active::after {
  background-position: -5px -4px;
  width: 33px;
  height: 33px;
}
.jcapslock-sprite_unactive::after {
  background-position: -5px -46px;
  width: 33px;
  height: 33px;
}
.jtext-blue {
  color: #00AEEF !important;
}
.jtext-green {
  color: #bdd73c !important;
}
.jtext-almast-black {
  color: rgba(0, 0, 0, 0.7) !important;
}
.jsmall {
  font-size: 18px !important;
}
#nav-spy li a {
  padding: 6.66666667px !important;
}
#nav-spy li > a {
  -webkit-box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(205, 205, 205, 0.2);
  -moz-box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(205, 205, 205, 0.2);
  box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(205, 205, 205, 0.2);
}
#nav-spy li.active > a {
  -webkit-box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(255, 0, 0, 0.2);
  -moz-box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(255, 0, 0, 0.2);
  box-shadow: 1.33333333px 1.33333333px 3.33333333px 1.33333333px rgba(255, 0, 0, 0.2);
}
.jadd-top-border {
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
.jadd-bottom-border {
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}
.jadd-bottom-border.jsmall-padding-bottom {
  padding-bottom: 10px;
}
.informative_land img {
  margin-top: 10px;
}
.informative_land h4,
.informative_land .h4 {
  line-height: 1em;
}
.informative_land h3,
.informative_land .h3 {
  font-size: 36px;
}
.informative_land h1,
.informative_land h2,
.informative_land h3,
.informative_land h4,
.informative_land .h1,
.informative_land .h2,
.informative_land .h3,
.informative_land .h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.jadd-bg-line::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: -2;
  height: 1px;
  background-color: #ccc;
}
.jadd-bg-line > * {
  background: white !important;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.jborder-orange {
  border-color: #f57b20 !important;
}
.jborder-gray {
  border-color: #ccc !important;
}
.jblock-orange {
  border-radius: 8px;
  background-color: rgba(245, 123, 32, 0.2);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  .jone_fifth-responsive {
    width: 100%;
  }
  .jone_fifth-responsive .span {
    display: block !important;
  }
  #nav-spy {
    display: none;
  }
  .btn {
    white-space: normal;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .jone_fifth-responsive {
    width: 33%;
    min-height: 230px;
  }
}
@media (max-width: 767px) {
  .jadd-bottom-border {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .informative_land > div:last-child .jadd-bottom-border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  p:last-child.jadd-bottom-border {
    min-height: 120px;
  }
}
@media (max-width: 991px) {
  .jmainmenu-logo {
    margin-bottom: 20px;
  }
  .jmainmenu-inline li {
    margin-right: 20px;
  }
  #nav-spy li > a {
    padding: 13.33333333px !important;
  }
  #nav-spy li > a {
    -webkit-box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(205, 205, 205, 0.2);
    -moz-box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(205, 205, 205, 0.2);
    box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(205, 205, 205, 0.2);
  }
  #nav-spy li.active > a {
    -webkit-box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(255, 0, 0, 0.2);
    -moz-box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(255, 0, 0, 0.2);
    box-shadow: 2.66666667px 2.66666667px 6.66666667px 2.66666667px rgba(255, 0, 0, 0.2);
  }
}
@media all and (orientation: landscape) {
  #bock-top {
    right: 43.33333333px;
    padding-right: 0px;
  }
  #nav-spy li > a {
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
@media (max-height: 620px) {
  #nav-spy {
    top: 60px !important;
  }
}
@media (max-height: 360px) and (orientation: landscape) {
  #nav-spy {
    display: none;
  }
}
.jtext-small-63 {
  font-size: 63%;
}
.jtext-lightgray {
  color: rgba(204, 204, 204, 0.75);
}
.jtext-gray {
  color: #ccc;
}
.jtext-gray:hover {
  color: #ccc;
}
.jtext-weight-normal {
  font-weight: normal !important;
}
section.testimonials-home {
  background-image: url(../../../images/homepage/maintopBg-v3-gray.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.jh1-inline {
  font-size: 18px;
  color: #000 !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
.jadd-yellow-bg-box {
  background: rgba(253, 255, 173, 0.1);
  font-size: 1.7em;
  font-weight: bold;
  padding: 3%;
}
.jadd-white-text {
  color: #fff;
}
.jcustom-parallax {
  background-size: cover;
  background-position: 50% bottom;
}
.jcustom-parallax .quote_open {
  margin-top: 5%;
}
.jadd-box {
  margin: 5% 10% 10%;
}
.jadd-mr-35p {
  margin-right: 35%;
}
.jadd-border-after-li {
  overflow: hidden;
}
.jadd-border-after-li > li {
  padding-bottom: 30px;
  position: relative;
}
.jadd-border-after-li > li::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: -40px;
  width: 1200px;
  height: 1px;
  background: #eee;
}
.jadd-gray-ul-links {
  list-style-type: none;
}
.jadd-gray-ul-links a {
  color: #707070;
}
.jadd-gray-ul-links a::after {
  content: ">";
  padding-left: 5px;
  color: #00AEEF;
}
.jadd-gray-ul-links a:hover {
  text-decoration: none;
  border-bottom: 1px solid #707070;
}
.jblue-header {
  color: #00AEEF;
  font-weight: bold;
  font-size: 18px;
}
.jadd-borders {
  border: 1px solid #ccc;
  padding: 20px;
}
.com_myticken.view-subscribtions .jadd-borders {
  display: inline-block;
}
.jinput-radio {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 18px;
  line-height: 50px;
  color: #707070;
  padding-left: 10px;
  padding-right: 10px;
}
.jinput-radio.jsmall-text {
  font-size: 16px;
}
.jinput-radio [id*="jinput"] {
  float: left;
  display: block;
  height: 50px;
  margin-top: 0px;
  margin-right: 5px;
}
.jinput-radio img {
  height: 50px;
}
.jinput-number {
  width: 100%;
}
.jinput-number-label {
  color: #00AEEF;
  font-size: 18px;
}
.jinput-number-list {
  padding-left: 17px;
}
.jinput-number-list-dash {
  list-style: none;
  padding-left: 10px;
}
.jinput-number-list-dash li:before {
  content: "-";
  position: relative;
  left: -5px;
}
.jorange-price {
  color: #f57b20;
  font-size: 18px;
  font-weight: bold;
}
.jgreen-price {
  color: #008000;
  font-weight: bold;
}
.jh4 {
  font-size: 16px;
  font-weight: bold;
}
.jadd-icon-ckeck {
  padding-left: 20px;
}
.jadd-icon-ckeck::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
  margin-right: 6.66666667px;
  background: url(../../../images/icons/check.png) no-repeat;
}
.jadd-icon-info {
  padding-left: 20px;
  margin-top: 5px;
  display: inline-block;
}
.jadd-icon-info::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6.66666667px;
  margin-bottom: -6px;
  background: url(../../../images/icons/info_lightblue_icon.png) no-repeat;
}
small .jadd-icon-info {
  padding-left: 7px!important;
}
small .jadd-icon-info::before {
  width: 1.4em;
  height: 1.6em;
  background-size: contain;
}
.bonuslabel .jcustom-tooltip-body {
  left: -50px !important;
}
.bonuslabel .jcustom-tooltip-body .jcustom-tooltip-triangle {
  left: 40px!important;
}
@media (max-width: 767px) {
  #jinputBonus .jadd-icon-info {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #jinputBonus .jadd-icon-info {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .jadd-margin-right-as-col-sm-6 {
    margin-right: 50%;
  }
  #jfix-20px-to-left {
    position: relative;
    left: -20px;
  }
}
@media (min-width: 992px) {
  #jinputBonus .jadd-icon-info {
    position: absolute;
    right: -200px;
    top: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #jcustom-font-size-fix {
    font-size: 13px !important;
  }
}
.jinputPostcode-wrapper1 {
  width: 60%;
}
.jinputPostcode-wrapper2 {
  width: 30%;
  margin-left: 9%;
}
[class*="jinputPostcode-wrapper"] {
  float: left;
}
#jcustom-matching-img {
  padding-top: 9px;
  padding-bottom: 9px;
}
.jfont-size-16 {
  font-size: 16px !important;
}
.jfont-size-17 {
  font-size: 17px !important;
}
.jfont-size-18 {
  font-size: 18px !important;
}
h2.jgray-box {
  margin-bottom: 10px !important;
}
.jfrom-label-as-control {
  height: 34px;
  padding: 6px 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .jinput-missing-top {
    margin-top: 49px;
  }
}
#jvalidate-wrapper-custom-fix + .jvalidate-wrapper > .jadd-special-margin-left {
  margin-left: 8.33333333%;
}
#jvalidate-wrapper-custom-fix .jvalidate-icon-wrapper {
  margin-right: -8.33333333%;
}
.step-two-head,
.step-one-head {
  cursor: pointer;
}
.com_tickentype .jcustom-other-pages h2.jcustom-tickentype-heading,
.com_tickentype .jcustom-other-pages .jcustom-tickentype-heading.h2 {
  margin-bottom: 0px;
}
.com_tickentype .jcustom-other-pages p {
  font-size: 14px;
}
.jremove-underline {
  text-decoration: none !important;
}
.jtext-increase-font-size {
  font-size: 20px;
}
.jbox-image {
  padding: 10px 40px 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
.jadd-gray-bg {
  background: #eee;
}
[id*='jdyslectici-block-'] .jbox-blue {
  padding: 9px;
}
@media (min-width: 768px) and (max-width: 991px) {
  [id*='jdyslectici-block-'] {
    min-height: 222px;
  }
}
@media (min-width: 992px) and (max-width: 1201px) {
  [id*='jdyslectici-block-'] {
    min-height: 173px;
  }
}
@media (min-width: 1201px) {
  [id*='jdyslectici-block-'] {
    min-height: 123px;
  }
}
.jcustom-keyboard-typetest .overlay {
  top: 203px;
  height: 300px;
  left: 2%;
  width: 95%;
}
.jinput-block-label {
  text-align: left !important;
  font-weight: normal;
}
.jsubmit-custom {
  margin-right: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.jbox-blue-bg {
  background: #daeef3;
}
@media (min-width: 992px) {
  .jcol-md-9-w100p > .col-md-9 {
    width: 100% !important;
  }
}
.jcustom-blog .subheading-category {
  background: #eee;
  width: 100%;
  display: table;
  content: "";
  padding: 10px 0;
  padding-left: 20px;
  margin-bottom: 40px;
}
.jcustom-blog .page-header {
  padding-bottom: 0px;
  margin: 0px 0 15px;
}
.jcustom-blog [itemprop="blogPost"] {
  margin-bottom: 40px;
}
.jcustom-blog.item-page {
  text-align: center;
}
.jcustom-blog.item-page p:not(.text-right) {
  text-align: justify;
}
.jcustom-blog.item-page img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.over-ons-paralax-img-height {
  height: 500px;
}
@media (min-width: 650px) {
  .jadd-text-on-image-front {
    top: 20px;
    position: absolute;
  }
  .jadd-text-on-image-front-block {
    position: relative;
    max-width: 822px;
    width: 100%;
    margin: 20px auto;
  }
}
.jadd-text-on-image-front-2 {
  max-width: 822px;
  width: 100%;
  margin: 20px auto;
}
.jimage-cover {
  background-size: cover;
}
@media (max-width: 649px) {
  .jadd-text-on-image-front {
    padding: 0px !important;
  }
  .jadd-text-on-image-front [class*="jmargin-bottom-"] {
    margin-bottom: 2px !important;
  }
  .jadd-text-on-image-front .jtext-increase-font-size-16 {
    font-size: 14px;
  }
  .jadd-text-on-image-front-block img {
    display: none;
  }
}
#jcustom-img-painted-girl {
  width: 93%;
}
.jtable-2td-padding tr > td {
  vertical-align: top;
}
.jtable-2td-padding tr > td:first-child {
  white-space: nowrap;
}
.jtable-2td-padding tr > td:last-child {
  padding-left: 20px;
}
#jinputTimeReply-label {
  margin-top: -10px;
}
#user-registration #jform_email-lbl {
  display: inline-block !important;
}
#jover-blind-typen-leren-parallax {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 481px) and (max-width: 767px) {
  #jover-blind-typen-leren-responsive-fix {
    padding-left: 20px;
    padding-right: 20px;
  }
  #jover-blind-typen-leren-responsive-fix .jimg-with-text-header {
    font-size: 16px;
    margin-top: 5px !important;
  }
  #jover-blind-typen-leren-responsive-fix p {
    font-size: 14px;
  }
  #jover-blind-typen-leren-responsive-fix .jmargin-bottom {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #jover-blind-typen-leren-responsive-fix .jimg-with-text-header {
    margin-top: 5px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #jover-blind-typen-leren-responsive-fix .jimg-with-text-header {
    margin-top: 40px !important;
  }
}
@media (min-width: 1201px) {
  #jover-blind-typen-leren-responsive-fix .jimg-with-text-header {
    margin-top: 80px !important;
  }
}
.new-jvideo-text {
  text-align: center;
  padding-top: 20px;
  font-size: 45px;
}
.new-modal-table-border {
  padding: 15px 15px 25px 15px;
  border: 1px solid black;
}
.new-img {
  float: right;
  width: 400px;
  height: 340px;
  padding: 10px 0 10px 10px;
}
#jcustom-info-voor-bedrijven-10-sterke-punten {
  max-width: 843px;
}
@media (min-width: 1201px) {
  #jcompany-logos-new {
    width: 70%;
  }
}
.jbox-blue-bg7-fix .jbox-blue {
  background: #dee9f4;
}
.jbox-blue-bg7-fix * {
  color: #52a0d2;
}
.jcustom-left-border-transparent {
  border-right: 0px solid transparent !important;
}
.jcustom-bottom-border-transparent {
  border-bottom: 0px solid transparent !important;
}
.jmin-width-85px {
  min-width: 85px;
}
.item-pageerror404 .jimg-caption-wrapper h1.jimg-caption strong {
  font-size: 36px;
}
.item-pageerror404 .err404 ul.ls-dec {
  list-style-type: decimal;
}
.item-pageerror404 .err404 li {
  font-size: 18px;
}
.item-pageerror404 .err404 {
  padding-top: 30px;
}
.item-pageerror404 .err404 h2 {
  color: #52a0d2;
  font-weight: bold;
}
.item-pageerror404 .err404 p {
  font-size: 20px;
}
@media (max-width: 600px) {
  .item-pageerror404 .jimg-caption-wrapper h1.jimg-caption {
    margin-top: 25px;
  }
  .item-pageerror404 .jimg-caption-wrapper h1.jimg-caption strong {
    line-height: 46px;
  }
  .item-pageerror404 .jimg {
    padding-bottom: 40px;
  }
}
.itemid-203 .overlay {
  top: 0;
  height: 550px;
  left: 1px;
  width: 99%;
}
.itemid-246 .jinput-radio {
  line-height: 45px;
}
@media (max-width: 480px) {
  .jcustom-nav .jcustom-nav-button {
    top: 5px !important;
  }
}
@media (max-width: 767px) {
  .jcustom-nav .nav.pull-right {
    float: none !important;
  }
  .jcustom-nav .jcustom-nav-button {
    right: 10px !important;
    top: 10px;
    left: inherit !important;
  }
  .jcustom-nav .jcustom-nav-items-wrapper {
    text-align: center;
  }
  .jcustom-nav .jcustom-nav-items {
    display: inline-block;
  }
  .jcustom-nav .navbar-header {
    float: left;
  }
  .navbar-brand > img {
    padding: 5px;
  }
}
.jcustom-footer-links {
  float: left;
  word-break: break-all;
}
@media (max-width: 480px) {
  .jcustom-footer-links {
    width: 50%;
  }
  .jfooter-top-blocks-responsive {
    width: 100%;
  }
  .jcustom-footer-small-links .ms-10 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .fsocial {
    text-align: center;
    margin-bottom: 20px;
  }
  .fsocial a {
    display: inline-block;
  }
}
@media (min-width: 481px) {
  .jcustom-footer-links {
    width: 20%;
  }
}
.navtoogler-static {
  z-index: 202;
}
.navtoogler-static.hide.open {
  display: inherit !important;
}
@media (max-width: 480px) {
  .jcustom-nav .jcustom-nav-button {
    right: 10px !important;
    top: 10px;
    left: inherit !important;
  }
}
@media (max-width: 767px) {
  .jmainmenu-logo img {
    margin-top: 5px;
  }
  #logo img {
    padding-left: 15px;
  }
  .navtoogler-static {
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid #ccc;
  }
  .navtoogler-static > div > .nav li > a.shadowed {
    box-shadow: none;
  }
}
@media (max-width: 767px) and (orientation: landscape) and (max-height: 420px) {
  #main-down.dropdown-menu {
    height: 100%;
    overflow-y: auto;
    position: fixed !important;
  }
}
@media (min-width: 481px) and (max-width: 575px) {
  .jcustom-menu-button {
    min-width: 116px;
    left: 37% !important;
    right: 43% !important;
  }
}
.jcustom-articles-horizontal-menu {
  margin-top: 1px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.jcustom-articles-horizontal-menu li {
  float: left;
}
.jcustom-articles-horizontal-menu li > a {
  color: #000;
}
.jcustom-articles-horizontal-menu li > a::before {
  content: ">";
  float: left;
  padding-right: 5px;
}
.jcustom-articles-horizontal-menu li.current a {
  color: #00AEEF;
  font-weight: bold;
}
.jcustom-articles-vertical-menu li {
  float: left;
}
.jcustom-articles-vertical-menu li > a {
  color: #000;
}
.jcustom-articles-vertical-menu li > a::before {
  content: ">";
  float: left;
  padding-right: 5px;
}
.jcustom-articles-vertical-menu li.current a {
  color: #00AEEF;
  font-weight: bold;
}
.jcustom-articles-vertical-menu li {
  width: 100%;
  float: none;
}
.jcustom-articles-vertical-menu li > a {
  width: 100%;
}
.jcustom-gray-breadcrumbs {
  color: #808080;
  padding-left: 0px;
  background: none;
}
.jcustom-gray-breadcrumbs li::before {
  display: none;
}
.jcustom-gray-breadcrumbs li:not(.active) a,
.jcustom-gray-breadcrumbs li:not(.active) span {
  color: #808080;
}
.jcustom-gray-breadcrumbs li.active {
  font-weight: bold;
}
.jcustom-video video {
  position: static !important;
  left: inherit !important;
  top: inherit !important;
  width: 100% !important;
}
.jcustom-video .jcustom-video-text {
  position: absolute !important;
  top: 0px !important;
  height: 100%;
  width: 100%;
}
.jcustom-video-rotate05 {
  transform: rotate(-0.6deg);
}
.jcustom-video-bottom-block video {
  transform: none !important;
}
.jcustom-video-bottom-block .dark-overlay .h4 {
  font-size: 66px;
}
.jcustom-video-overlay {
  width: 100%;
  overflow: hidden;
  height: 385px;
}
.jcustom-video-overlay::before {
  position: absolute;
  content: "";
  background: rgba(16, 23, 87, 0.58);
  top: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
}
@media (max-width: 480px) {
  .jcustom-video.video-under-wrap .h2,
  .jcustom-video.video-under-wrap h2 {
    line-height: 36px !important;
    font-size: 36px !important;
  }
  .jcustom-video.video-under-wrap .h2.typing-anim,
  .jcustom-video.video-under-wrap h2.typing-anim {
    padding-bottom: 40px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text {
    padding-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .overlay-block-wrap {
    margin-top: -15px !important;
    padding-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .h3,
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text h3 {
    font-size: 22px !important;
    line-height: 22px !important;
    margin-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text p {
    font-size: 10px !important;
    line-height: 12px !important;
    margin-bottom: 5px !important;
  }
}
@media (min-width: 481px) and (max-width: 624px) {
  .jcustom-video.video-under-wrap .h2,
  .jcustom-video.video-under-wrap h2 {
    line-height: 72px !important;
    font-size: 56px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text {
    padding-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .overlay-block-wrap {
    margin-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .h3,
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text h3 {
    font-size: 36px !important;
    line-height: 42px !important;
    margin-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text p {
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }
}
@media (min-width: 625px) and (max-width: 767px) {
  .jcustom-video.video-under-wrap .h2,
  .jcustom-video.video-under-wrap h2 {
    line-height: 76px !important;
    font-size: 60px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text {
    padding-top: 0px !important;
  }
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .h3,
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text h3 {
    font-size: 56px !important;
    line-height: 62px !important;
    margin-top: 0px !important;
  }
}
@media (max-width: 768px) {
  .jcustom-video.jcustom-video-bottom-block .jcustom-video-text .overlay-block-wrap {
    margin-bottom: 0px !important;
  }
  .jcustom-video.video-under-wrap .h2,
  .jcustom-video.video-under-wrap h2 {
    padding-top: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jcustom-video.video-under-wrap .h2,
  .jcustom-video.video-under-wrap h2 {
    font-size: 60px !important;
  }
  .jcustom-video .jcustom-video-text {
    padding-top: 0px !important;
  }
  .jcustom-video .jcustom-video-text .h3,
  .jcustom-video .jcustom-video-text h3 {
    font-size: 48px !important;
    line-height: 56px !important;
  }
}
@media (min-width: 992px) {
  .jcustom-video iframe {
    position: absolute;
  }
  .jcustom-video iframe .player .video-wrapper {
    top: -126px;
  }
  .jcustom-video iframe .player .video-wrapper,
  .jcustom-video iframe .player .video-wrapper .telecine,
  .jcustom-video iframe .player .video-wrapper object,
  .jcustom-video iframe .player .video-wrapper video {
    height: auto !important;
  }
  .jcustom-video-bottom-block .container {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  #jcustom-home-top-video-overlay.jcustom-video-overlay {
    height: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .jcustom-video-bottom-block .jcustom-video-text {
    padding-top: 150px !important;
  }
}
@media (min-width: 992px) and (max-width: 1530px) {
  .jcustom-video-bottom-block .overlay-block-wrap {
    margin-top: 0px;
    padding-top: 0px;
  }
  .jcustom-video-bottom-block .overlay-block-wrap .h3 {
    line-height: 82px;
    font-size: 52px;
  }
  .jcustom-video-bottom-block .overlay-block-wrap .h4 {
    font-size: 38px;
    line-height: 70px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1300px) and (max-width: 1530px) {
  .jcustom-video-bottom-block .overlay-block-wrap {
    margin-top: 40px;
  }
}
@media (min-width: 1531px) {
  .jcustom-video-bottom-block .overlay-block-wrap {
    margin-top: 100px;
  }
  .jcustom-video-bottom-block .overlay-block-wrap .h4 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1201px) {
  .jcustom-video video {
    margin-top: -300px !important;
  }
  .jcustom-video.jcustom-video-bottom-block video {
    margin-top: -150px !important;
  }
  .jcustom-video .jcustom-video-lg-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1170px !important;
  }
  .jcustom-video .jcustom-video-bottom-block {
    height: 640px;
  }
  .jcustom-video .jcustom-video-bottom-block .jcustom-video-text {
    padding-bottom: 100px;
  }
  #jcustom-home-top-video-overlay:before {
    height: 385px;
    width: 100%;
  }
  #jcustom-home-top-video-overlay:before .jcustom-video {
    height: 385px;
  }
  #jcustom-bedrijven-top-video-overlay .jcustom-video-overlay {
    height: 540px;
  }
}
#jcustom-bedrijven-top-video-overlay .jcustom-video {
  height: 385px !important;
}
.jvideo-text-header {
  font-size: 45px;
}
.jtext-gray7 {
  color: #d8d8d8;
}
.jcustom-video-text {
  z-index: 2;
}
@media (max-width: 767px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: 0px !important;
  }
  #jcustom-bedrijven-top-video-overlay.jcustom-video-overlay {
    height: 220px;
  }
  #jcustom-bedrijven-top-video-overlay .jcustom-video {
    height: 220px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -30px !important;
  }
  #jcustom-bedrijven-top-video-overlay.jcustom-video-overlay {
    height: 300px;
  }
  #jcustom-bedrijven-top-video-overlay .jcustom-video {
    height: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1099px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -40px !important;
  }
}
@media (min-width: 1100px) and (max-width: 1199px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -95px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -140px !important;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -185px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -225px !important;
  }
}
@media (min-width: 1500px) and (max-width: 1699px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -275px !important;
  }
}
@media (min-width: 1700px) and (max-width: 1799px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -300px !important;
  }
}
@media (min-width: 1800px) {
  #jcustom-bedrijven-top-video-overlay video {
    margin-top: -415px !important;
  }
}
#jcustom-typecursus-volwassen-header-video {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}
#jcustom-typecursus-volwassen-header-video::before {
  content: "";
  width: 100%;
  height: 20px;
  background: #eee;
  position: absolute;
  bottom: 48px;
}
#jcustom-typecursus-volwassen-header-video .jimg-video {
  width: 106%;
  margin-top: -20px;
  margin-left: -3%;
}
#jcustom-typecursus-volwassen-header-video + .jimg-caption-wrapper {
  bottom: 100px;
}
.jcustom-swap-slider {
  background: rgba(204, 204, 204, 0.15);
}
.jkeyboard-key {
  background: url(../images/keyboard-button-custom.png) center center no-repeat;
  background-size: contain;
  height: 250px;
  padding: 14%;
  padding-right: 14%;
}
.jkeyboard-key-symbol {
  text-align: center;
  font-size: 320%;
  color: #707070;
  line-height: 68px;
}
.jkeyboard-key-body {
  text-align: center;
}
.jkeyboard-key-wrapper {
  float: left;
}
.jkeyboard-key-wrapper:last-child {
  margin-right: 0px;
}
.jpadding-left-top-right-12p {
  padding-right: 12%;
  padding-left: 12%;
  padding-bottom: 12%;
}
@media (max-width: 480px) {
  .jkeyboard-key-wrapper {
    width: 60%;
    margin: 2% 20%;
  }
}
@media (min-width: 481px) and (max-width: 624px) {
  .jkeyboard-key-wrapper {
    width: 46%;
    margin: 1% 3% 1% 1%;
  }
}
@media (min-width: 625px) and (max-width: 767px) {
  .jkeyboard-key-wrapper {
    width: 38%;
    margin: 3% 4% 2% 6%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jkeyboard-key-wrapper {
    width: 30%;
    margin-right: 3%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .jkeyboard-key-body {
    font-size: 12px !important;
  }
  .jkeyboard-key-symbol {
    font-size: 250%;
    line-height: 48px;
    padding-top: 28px;
  }
}
@media (min-width: 992px) {
  .jkeyboard-key-wrapper {
    width: 19%;
    margin-right: 1%;
  }
}
.jpackages-switch-responsive {
  margin-bottom: 20px;
}
.jpackages-switch-buttons p {
  margin: 0 0 3px !important;
}
@media (max-width: 480px) {
  .jpackages-switch-responsive,
  .jpackages-switch-buttons {
    width: 60%;
    margin: 20px 20%;
  }
  .jpackages-switch-buttons .btn {
    width: 90% !important;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .jpackages-switch-responsive {
    float: left;
  }
  .jpackages-switch-buttons {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 991px) {
  .jpackages-switch-buttons .btn {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .jpackages-switch-responsive .btn {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .jpackages-switch-buttons {
    margin-left: -15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .jrow-fix {
    margin-left: -30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .jpackages-switch-buttons {
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .packagesWS {
    height: 438px;
  }
}
#legacyJModalBody {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 14px;
}
#legacyJModalBody .jcustom-login {
  width: 98% !important;
  margin-left: 0px !important;
}
.jtext-dark-blue {
  color: #004165;
}
.jcustom-tooltip-wrapper {
  position: relative;
}
.jcustom-tooltip-wrapper:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom: 15px solid #464646;
  top: -10px;
  left: -2px;
}
.jcustom-tooltip-wrapper.jhide-before::before {
  display: none !important;
}
.jcustom-tooltip.jcustom-tooltip-calendar .jcustom-tooltip-body {
  overflow-y: auto;
}
.jcustom-tooltip-body {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  background: white;
  color: #464646;
  padding: 25px;
  z-index: 1;
  white-space: nowrap;
  max-height: 300px;
  border: 1px solid rgba(70, 70, 70, 0.1);
  -webkit-box-shadow: 1px 1px 30px 2px rgba(70, 70, 70, 0.05);
  -moz-box-shadow: 1px 1px 30px 2px rgba(70, 70, 70, 0.05);
  box-shadow: 1px 1px 30px 2px rgba(70, 70, 70, 0.05);
}
.jcustom-tooltip .jcustom-tooltip-body {
  font-weight: normal;
}
.jcustom-tooltip[jtooltip-position='bottom'] .jcustom-tooltip-body {
  margin-top: 15px;
  left: 50%;
}
.jcustom-tooltip[jtooltip-position='bottom'] .jcustom-tooltip-triangle {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -30px;
}
.jcustom-tooltip[jtooltip-position='top'] .jcustom-tooltip-body {
  left: 50%;
  margin-bottom: 15px;
}
.jcustom-tooltip[jtooltip-position='top'] .jcustom-tooltip-triangle {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 15px solid transparent;
  border-top: 15px solid white;
  bottom: -30px;
}
@font-face {
  font-family: "Avenir Light";
  src: url('fonts/Adobe - AvenirLTStd-Light.otf');
}
@font-face {
  font-family: "Avenir Book";
  src: url('fonts/Adobe - AvenirLTStd-Book.otf');
}
html body {
  font-family: 'Avenir Book';
  font-size: 18px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
.new-jvideo-text {
  font-family: 'Avenir Light';
}
.jcustom-other-pages .jimg-caption,
.jcustom-other-pages .jimg-subcaption {
  font-size: 34px;
}
h3.j2column-title {
  font-size: 26px;
}
.jcustom-articles-horizontal-menu li a,
.breadcrumb *,
#legacyJModalBody,
footer {
  font-size: 14px;
}
:not(.blog) > h1,
:not(.blog) > .h1 {
  color: #52a0d2 !important;
}
.jcustom-tooltip-body {
  font-size: 14px;
  text-align: left;
}
.alert-error {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.jtable-blue {
  color: #00AEEF;
}
.jtable-blue thead {
  font-weight: bold;
}
.jtable-blue tbody {
  border-top: none;
}
.jtable-blue tbody tr:last-child td {
  border-bottom: 0px solid transparent;
}
.jtable-blue tr td:first-child {
  border-left: 0px solid transparent;
}
.jtable-blue tr td:last-child {
  border-right: 0px solid transparent;
}
.jtable-blue tr td div {
  margin-bottom: 15px;
}
.jtable-blue tr:first-child td {
  border-top: 0px solid transparent;
}
.jtable-blue td {
  border: 1px solid #0168AF;
  padding: 10px;
}
@media (max-width: 767px) {
  .jtable-blue-sub-td {
    width: 100%;
  }
}
.jtable-blue-sub-td:first-child {
  float: left;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .jtable-blue-sub-td:first-child {
    width: 55%;
  }
  .itemid-161 .jtable-blue-sub-td:first-child {
    width: 40%;
  }
}
.jtable-blue-sub-td:last-child {
  float: right;
}
@media (min-width: 768px) {
  .jtable-blue-sub-td:last-child {
    width: 45%;
  }
  .itemid-161 .jtable-blue-sub-td:last-child {
    width: 60%;
  }
}
.jtable-blue-sub-tr {
  clear: both;
}
.itemid-161 .jtable-blue-sub-tr {
	width: 500px;
}
.jtable-blue-article9{
	display: flex;
	justify-content: center;
}
.jtable-blue-article9 .typediploma-ticken-typecursus img{
	border: 1px solid #ededed;
	height: 402px;
}
.jtable-blue-wrapper {
  border: 1px solid #0168AF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: table;
}
.itemid-161 .jtable-blue-wrapper {
	margin-right: 2rem;
}
@media only screen and (max-width: 1024px){
	.jtable-blue-article9{
		flex-direction: column;
		align-items: center;
	}
	.jtable-blue-article9 .typediploma-ticken-typecursus{
		margin-top: 3rem;
	}
	.itemid-161 .jtable-blue-wrapper {
		margin-right: 0;
	}
}
@media only screen and (max-width: 767px){
	.itemid-161 .jtable-blue-sub-tr{
		width: 90%;
	}
}
@media only screen and (max-width: 450px){
	.jtable-blue-article9 .typediploma-ticken-typecursus{
		text-align: center;
	}
	.jtable-blue-article9 .typediploma-ticken-typecursus img{
		height: unset;
		max-width: 90%;
	}
}
.jtable-blue [class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}
.jadd-vertical-align-top {
  vertical-align: top;
}
[class*="jadd-rounded-table-thead-blue"] {
  background-color: #dbe5f1;
  border: 0px solid transparent;
  color: #000;
}
.jadd-rounded-table-thead-blue-left {
  -webkit-border-radius: 7px 0px 0px 0px;
  -moz-border-radius: 7px 0px 0px 0px;
  border-radius: 7px 0px 0px 0px;
}
.jadd-rounded-table-thead-blue-right {
  -webkit-border-radius: 0px 7px 0px 0px;
  -moz-border-radius: 0px 7px 0px 0px;
  border-radius: 0px 7px 0px 0px;
}
.jadd-border-dotted-bottom {
  border-bottom: 1px dotted #0168AF;
}
#jcustom-info-voor-bedrijven-price-table.jtable-blue-wrapper,
#jcustom-info-voor-bedrijven-price-table table {
  width: 100%;
}
#jcustom-info-voor-bedrijven-price-table tr td:first-child {
  width: 25%;
}
@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
  .swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
  }
  #nav-spy li > a {
    padding: 9px !important;
  }
  .ico-ucanscroll .glyphicon {
    float: left !important;
    margin-left: 43.33333333px !important;
  }
  .jcustom-footer-links li {
    line-height: 22px !important;
  }
  .jcustom-nav .jcustom-nav-button,
  .jcustom-menu-button {
    position: relative !important;
    left: inherit !important;
    right: -10px !important;
    float: right !important;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
  }
  #nav-spy li > a {
    padding: 9px !important;
  }
  .ico-ucanscroll .glyphicon {
    float: left !important;
    margin-left: 43.33333333px !important;
  }
  .jcustom-footer-links li {
    line-height: 22px !important;
  }
  .jcustom-nav .jcustom-nav-button,
  .jcustom-menu-button {
    position: relative !important;
    left: inherit !important;
    right: -10px !important;
    float: right !important;
  }
}
.custom p {
  padding: 0px;
  margin: 0px;
}
.btn:focus {
  outline: none;
}
.jtext-justify {
  text-align: justify;
}
.jno-decoration-any {
  text-decoration: none !important;
}
.jno-decoration-any:hover {
  text-decoration: none;
}
body,
.informative_land {
  font-size: 14px;
}
.jmargin-buttom,
.jmargin-bottom {
  margin-bottom: 20px !important;
}
.jmargin-buttom-0,
.jmargin-bottom-0 {
  margin-bottom: 0px !important;
}
.jmargin-buttom-small,
.jmargin-bottom-small,
.jmargin-buttom-10,
.jmargin-bottom-10 {
  margin-bottom: 10px !important;
}
.jmargin-buttom-20,
.jmargin-bottom-20 {
  margin-bottom: 20px !important;
}
.jmargin-buttom-medium,
.jmargin-bottom-medium,
.jmargin-buttom-30,
.jmargin-bottom-30 {
  margin-bottom: 30px !important;
}
.jmargin-buttom-big,
.jmargin-bottom-big {
  margin-bottom: 80px !important;
}
.jmargin-buttom-2big,
.jmargin-bottom-2big {
  margin-bottom: 160px !important;
}
.jmargin-buttom-40,
.jmargin-bottom-40 {
  margin-bottom: 40px !important;
}
.jmargin-buttom-50,
.jmargin-bottom-50 {
  margin-bottom: 50px !important;
}
@media (max-width: 767px) {
  .jmargin-buttom-xs-20,
  .jmargin-bottom-xs-20 {
    margin-bottom: 20px !important;
  }
}
.jmargin-top {
  margin-top: 20px !important;
}
.jmargin-top-0 {
  margin-top: 0px !important;
}
.jmargin-top-small,
.jmargin-top-10 {
  margin-top: 10px !important;
}
.jmargin-top-20 {
  margin-top: 20px !important;
}
.jmargin-top-medium,
.jmargin-top-30 {
  margin-top: 30px !important;
}
.jmargin-top-big {
  margin-top: 80px !important;
}
.jmargin-top-2big {
  margin-top: 160px !important;
}
.jmargin-top-40 {
  margin-top: 40px !important;
}
.jmargin-top-50 {
  margin-top: 50px !important;
}
@media (max-width: 767px) {
  .jmargin-top-xs-20 {
    margin-top: 20px !important;
  }
}
.jmargin-left {
  margin-left: 20px !important;
}
.jmargin-left-0 {
  margin-left: 0px !important;
}
.jmargin-left-small,
.jmargin-left-10 {
  margin-left: 10px !important;
}
.jmargin-left-20 {
  margin-left: 20px !important;
}
.jmargin-left-medium,
.jmargin-left-30 {
  margin-left: 30px !important;
}
.jmargin-left-big {
  margin-left: 40px !important;
}
.jmargin-left-2big {
  margin-left: 80px !important;
}
.jmargin-left-40 {
  margin-left: 40px !important;
}
.jmargin-left-50 {
  margin-left: 50px !important;
}
@media (max-width: 767px) {
  .jmargin-left-xs-20 {
    margin-left: 20px !important;
  }
}
.jmargin-right {
  margin-right: 20px !important;
}
.jmargin-right-0 {
  margin-right: 0px !important;
}
.jmargin-right-small,
.jmargin-right-10 {
  margin-right: 10px !important;
}
.jmargin-right-20 {
  margin-right: 20px !important;
}
.jmargin-right-medium,
.jmargin-right-30 {
  margin-right: 30px !important;
}
.jmargin-right-big {
  margin-right: 40px !important;
}
.jmargin-right-2big {
  margin-right: 80px !important;
}
.jmargin-right-40 {
  margin-right: 40px !important;
}
.jmargin-right-50 {
  margin-right: 50px !important;
}
@media (max-width: 767px) {
  .jmargin-right-xs-20 {
    margin-right: 20px !important;
  }
}
.jpadding-top {
  padding-top: 20px !important;
}
.jpadding-top-0 {
  padding-top: 0px !important;
}
.jpadding-top-small,
.jpadding-top-10 {
  padding-top: 10px !important;
}
.jpadding-top-20 {
  padding-top: 20px !important;
}
.jpadding-top-medium,
.jpadding-top-30 {
  padding-top: 30px !important;
}
.jpadding-top-big {
  padding-top: 80px !important;
}
.jpadding-top-2big {
  padding-top: 160px !important;
}
.jpadding-top-40 {
  padding-top: 40px !important;
}
.jpadding-top-50 {
  padding-top: 50px !important;
}
@media (max-width: 767px) {
  .jpadding-top-xs-20 {
    padding-top: 20px !important;
  }
}
.jpadding-top-super-big {
  padding-top: 50px;
}
.jpadding-bottom {
  padding-bottom: 20px !important;
}
.jpadding-bottom-0 {
  padding-bottom: 0px !important;
}
.jpadding-bottom-small,
.jpadding-bottom-10 {
  padding-bottom: 10px !important;
}
.jpadding-bottom-20 {
  padding-bottom: 20px !important;
}
.jpadding-bottom-medium,
.jpadding-bottom-30 {
  padding-bottom: 30px !important;
}
.jpadding-bottom-big {
  padding-bottom: 80px !important;
}
.jpadding-bottom-2big {
  padding-bottom: 160px !important;
}
.jpadding-bottom-40 {
  padding-bottom: 40px !important;
}
.jpadding-bottom-50 {
  padding-bottom: 50px !important;
}
@media (max-width: 767px) {
  .jpadding-bottom-xs-20 {
    padding-bottom: 20px !important;
  }
}
.jpadding-left {
  padding-left: 20px !important;
}
@media only screen and (max-width: 420px){
	.itemid-161 .jpadding-left {
	  padding-left: 0 !important;
	}
}
.jpadding-left-0 {
  padding-left: 0px !important;
}
.jpadding-left-small,
.jpadding-left-10 {
  padding-left: 10px !important;
}
.jpadding-left-20 {
  padding-left: 20px !important;
}
.jpadding-left-medium,
.jpadding-left-30 {
  padding-left: 30px !important;
}
.jpadding-left-big {
  padding-left: 40px !important;
}
.jpadding-left-2big {
  padding-left: 80px !important;
}
.jpadding-left-40 {
  padding-left: 40px !important;
}
.jpadding-left-50 {
  padding-left: 50px !important;
}
@media (max-width: 767px) {
  .jpadding-left-xs-20 {
    padding-left: 20px !important;
  }
}
.jpadding-right {
  padding-right: 20px !important;
}
@media only screen and (max-width: 420px){
	.itemid-161 .jpadding-right {
	  padding-right: 0 !important;
	}
}
.jpadding-right-0 {
  padding-right: 0px !important;
}
.jpadding-right-small,
.jpadding-right-10 {
  padding-right: 10px !important;
}
.jpadding-right-20 {
  padding-right: 20px !important;
}
.jpadding-right-medium,
.jpadding-right-30 {
  padding-right: 30px !important;
}
.jpadding-right-big {
  padding-right: 40px !important;
}
.jpadding-right-2big {
  padding-right: 80px !important;
}
.jpadding-right-40 {
  padding-right: 40px !important;
}
.jpadding-right-50 {
  padding-right: 50px !important;
}
@media (max-width: 767px) {
  .jpadding-right-xs-20 {
    padding-right: 20px !important;
  }
}
.jpadding-lr {
  padding-left: 20px;
  padding-right: 20px;
}
.jadd-mt-pb {
  margin-top: 0px;
  padding-top: 60px;
}
.jpadding {
  padding: 20px;
}
.jpadding-5 {
  padding: 5px;
}
.jpadding-10 {
  padding: 10px;
}
.jpadding-15 {
  padding: 15px;
}
.jpadding-30 {
  padding: 30px;
}
.jpadding-40 {
  padding: 40px;
}
.jimg {
  width: 100%;
  padding-bottom: 60px;
  background: #eee;
}
.jimg-caption-wrapper {
  position: relative;
  bottom: 90px;
  width: 100%;
  text-align: center;
  height: 0px;
}
.jimg-caption-wrapper .h1.jimg-caption,
.jimg-caption-wrapper h1.jimg-caption {
  margin-top: 0px;
  font-size: 28px;
}
.jimg-caption-wrapper.jimg-add-subcaption {
  bottom: 108px;
}
.jimg-caption-wrapper.jimg-add-subcaption .jimg-caption {
  line-height: 57px;
  margin-bottom: 0px;
}
.jimg-caption-wrapper.jimg-add-subcaption .jimg-subcaption {
  margin-left: -3px;
  font-size: 1.6em;
  line-height: 20px;
  padding-bottom: 15px;
}
.jimg.jimg-caption-wrapper {
  padding-top: 20px;
  padding-bottom: 100px;
  bottom: inherit;
}
.jimg-caption {
  font-size: 2em;
  line-height: 60px;
}
.jimg-caption.jtransparent-bg {
  background: transparent;
}
.jimg-caption.jnormal-line-h {
  line-height: 26px;
}
.jimg-caption-gray {
  color: #ccc;
}
.jimg-caption,
.jimg-subcaption {
  background: #fff;
  color: #00AEEF;
  display: inline-block;
  font-weight: bold;
  min-width: 70%;
}
.jimg-caption .h2,
.jimg-subcaption .h2,
.jimg-caption h2,
.jimg-subcaption h2 {
  font-size: 30px;
  margin: 30px 0px 10px 0px;
}
.jimg-video {
  width: 100%;
}
.jimg-video:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0px;
}
@media (max-width: 600px) {
  .jimg-caption {
    line-height: 26px;
  }
}
.jbox-blue {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #00AEEF;
  border: 1px solid #0168AF;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.jbox-blue-header {
  font-size: 21px;
}
.jtext-orange {
  color: #f57b20 !important;
}
.jtext-white {
  color: #fff;
}
.jtext-green3 {
  color: #ccffcc;
}
.jtext-black {
  color: #000;
}
.jbottom-links .btn,
#jcontent .btn {
  min-width: 138px;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}
.packages-typecursus-volwassen a.btn-warning {
  font-size: 14px !important;
  text-decoration: none !important;
}
/* ++ */
.delete-exam-result{
  border-radius: 2px !important;
  font-size: 14px !important;
  height: 36px;
  margin-top: 4px;
  width: 100%;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.delete-exam-result:before,
.delete-exam-result:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
.delete-exam-result:before {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -105px;
  padding: 7px;
  width: 210px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: 'Klik je op de oranje button, dan krijgt \0a deze leerling een herexamen. \0a De eerdere examenresultaten \0a worden gewist.';
  text-align: center;
  font-size: 10px;
  line-height: 1;
  height: 60px;
  white-space: pre;
}
.delete-exam-result.success{
  background: #79bf41 !important;
}
.delete-exam-result.error{
  background: #C3312D !important;
}
.delete-exam-result.success:before {
  content: 'Deze leerling kan nu herexamen doen. \0a De eerdere examenresultaten zijn \0a gewist.';
  height: 50px;
}
.delete-exam-result:after {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.delete-exam-result:hover:before,
.delete-exam-result:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* *** */
.jadd-border-top {
  padding-top: 20px;
  margin-top: 40px;
  border-top: 1px solid #ccc;
}
.jadd-border-top-margin-top-0 {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
[id^='Artikel'],
.jadd-border-bottom {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.jgray-box {
  background: #eee;
  width: 100%;
  display: table;
  content: "";
  padding: 10px 0;
}
.jgray-box-no-padding {
  width: 100%;
  background: #eee;
  padding: 0px;
}
.jgray-box-no-padding label {
  width: 100%;
}
.jadd-mt-mb {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.jcustom-login-links {
  border-top: 1px solid #ccc;
  padding-left: 20px;
  margin-right: -40px;
  padding-top: 20px;
  margin-top: 20px;
}
.jcustom-login .form-horizontal .control-label {
  padding-top: 5px;
}
.jcustom-other-pages h2,
.jcustom-other-pages .h2 {
  font-size: 30px;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: left;
}
.packages-typecursus-volwassen .h2{
  text-align: center;
}
.jcustom-other-pages p:not(.text-center) {
  text-align: justify;
}
.packages-typecursus-volwassen p{
  text-align: center !important;
}
.jcustom-other-pages p:not(.text-center) a {
  text-decoration: underline;
}
.jcustom-other-pages:not(#jcontent) > :first-child {
  margin-top: 20px;
}
.custom p a {
  text-decoration: underline;
}
section#jmiddle-articles-without-container {
  padding: 0px;
}
.jhr-fix hr {
  width: 100%;
}
.jtext-center,
.com_tickentype .exam-results p,
.com_tickentype .exam-results h2 {
  display: block;
  text-align: center;
}
.jtext-increase-font-size-12 {
  font-size: 12px !important;
}
.jtext-increase-font-size-14 {
  font-size: 14px !important;
}
.jtext-increase-font-size-16 {
  font-size: 16px !important;
}
.jtext-increase-font-size-18 {
  font-size: 18px !important;
}
.jtext-increase-font-size-20,
.jtext-increase-font-size-20 p{
  font-size: 20px !important;
}
.jtext-increase-font-size-22 {
  font-size: 22px !important;
}
.jtext-increase-font-size-24 {
  font-size: 24px !important;
}
.jtext-increase-font-size-26 {
  font-size: 26px !important;
}
.jtext-increase-font-size-28 {
  font-size: 28px !important;
}
.jtext-increase-font-size-30 {
  font-size: 30px !important;
}
.jtext-increase-font-size-32 {
  font-size: 32px !important;
}
.jtext-increase-font-size-33 {
  font-size: 33px !important;
}
.jtext-increase-font-size-34 {
  font-size: 34px !important;
}
.jtext-increase-font-size-36 {
  font-size: 36px !important;
}
.jtext-increase-font-size-38 {
  font-size: 38px !important;
}
.jtext-increase-font-size-40 {
  font-size: 40px !important;
}
.center-block.img-responsive {
  display: block;
}
.jadd-underline {
  text-decoration: underline;
}
.jadd-underline-blue {
  text-decoration: none;
  border-bottom: 1px solid #337ab7;
}
.jadd-underline-blue:hover {
  text-decoration: none;
  border-color: #23527c;
}
.jadd-as-block {
  display: block !important;
}
.jtext-center {
  text-align: center !important;
}
.jtext-italic {
  font-style: italic;
}
.jadd-lightgray3-content-bg {
  background-color: #f2f2f2;
}
.jimg-with-text {
  position: relative;
}
.jimg-with-text-body {
  position: absolute;
  top: 0px;
  left: 0px;
}
.jfixed-white-box {
  background: #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(88, 88, 88, 0.4);
  -moz-box-shadow: 0px 1px 5px 0px rgba(88, 88, 88, 0.4);
  box-shadow: 0px 1px 5px 0px rgba(88, 88, 88, 0.4);
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px !important;
}
.btn.btn-warning.jbtn-gray,
.btn.btn-warning.jbtn-gray:hover,
.btn.btn-warning.jbtn-gray:focus {
  color: #000;
  background: transparent;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
}
.btn.btn-warning.jbtn-gray[disabled] {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.w228px {
  width: 228px;
}
.mw25p {
  min-width: 25%;
}
.mw28p {
  min-width: 28%;
}
.mw33p {
  min-width: 33%;
}
.mw38p {
  min-width: 38%;
}
.w25p {
  width: 25%;
}
.w28p {
  width: 28%;
}
.w33p {
  width: 33%;
}
.w38p {
  width: 38%;
}
.jlabels-align-left {
  text-align: left !important;
  padding-right: 2px;
}
.jcaptcha-right #captcha {
  float: right;
}
ul + .muted {
  display: none;
}
.jwidth-100p {
  width: 100%;
}
.gap-li {
  line-height: 30px;
}
sup {
  font-size: 60%;
}
/*
	Mainly fixes privacy, but may standartize other page too
 */
.itemid-145 .jcustom-other-pages p strong:last-child:first-child,
.itemid-145 .jcustom-other-pages h2 {
  font-size: 18px;
  color: #ccc;
}
form .fa.fa-check {
  color: green;
}
form sup .fa {
  font-size: 14px;
  margin: 4px;
}
form sup .fa-info-circle {
  color: lightgrey;
}
.com_organization form .jvalidate-message-body {
  width: 100%;
}
.com_organization form .jvalidate-icon-wrapper.col-sm-1 {
  padding: 0px;
  text-align: center;
}
.itemid-174 #main .ji-button-wrapper,
.layout-speedtest #main .ji-button-wrapper {
  display: none!important;
}
.jadd-nowrap {
  white-space: nowrap;
}
.view-denounce label {
  font-size: 14px;
}
.view-denounce .jinput-radio {
  line-height: 2em;
}
.view-denounce .form-group {
  margin-bottom: 5px;
}
.hasPopover,
.hasTooltip {
  display: block !important;
}
#popup_flexcroll {
  font-size: 14px;
}
.com_joompms .pms-menu .navbar .nav > li > a {
  font-size: 14px;
}
.com_joompms .toggle-editor {
  margin-top: 15px;
}
.pagination-list li {
  display: inline;
}
.pagination-list li a {
  float: left;
  padding: 4px 12px;
  line-height: 18px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination-list > li.active > a {
  color: #999;
  cursor: default;
}
body.contentpane.modal {
  padding: 0px;
}
.jw-display-controls .jw-icon {
  padding: 0.24em!important;
}
.jw-display-controls .jw-icon,
.jw-display-controls .jw-icon:before {
  width: 1em!important;
  height: 1em!important;
  font-size: 25px!important;
  left: 0px!important;
  line-height: 1em!important;
}
th.exam_disabled a,
th.exam_enabled a {
  color: #fff;
}
th.exam_disabled {
  background: #cb3d39;
}
th.exam_enabled {
  background: #8fd854;
}
.jcustom-tooltip-body ol {
  text-align: left;
}
.datepicker-aankoopdatum,
.datepicker {
  display: initial!important;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #16B1EB 0, #098BD8 100%);
  background-image: -o-linear-gradient(top, #16B1EB 0, #098BD8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16B1EB), to(#098BD8));
  background-image: linear-gradient(to bottom, #16B1EB 0, #098BD8 100%);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #098BD8;
  border-color: #00a3e0;
}
.panel-body .btn-success {
  display: inline-block;
  background: #e1e6c8;
  background-image: -webkit-linear-gradient(top, #e1e6c8, #bdd73c);
  background-image: -moz-linear-gradient(top, #e1e6c8, #bdd73c);
  background-image: -ms-linear-gradient(top, #e1e6c8, #bdd73c);
  background-image: -o-linear-gradient(top, #e1e6c8, #bdd73c);
  background-image: linear-gradient(to bottom, #e1e6c8, #bdd73c);
  border-radius: 28px;
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
  border: solid #c4cc9d 2px;
}
.panel .panel-heading {
  font-family: Verdana;
}
.results .container_heading {
  font-family: Verdana;
  background: url('../../../images/icons/user_blue.png') 0 0 no-repeat;
  font-size: 24px;
  color: #58b3f1;
  padding: 0.3em 2em 0.5em;
}
.com_organization .results .container_heading {
  background: url('../../../images/icons/user_gray.png') 0 0 no-repeat;
  font-size: 24px;
  color: #58b3f1;
  padding: 0.3em 2em 0.5em;
}
tr.deleted_student_row {
  background: #e69090!important;
}
#main.loading .loading-layer {
  display: block!important;
  position: absolute;
  z-index: 10000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
#main.loading .loading-layer > div {
  position: relative;
  top: 40%;
}
.btn.btn-warning.jbtn-green,
.btn.btn-warning.jbtn-green:hover,
.btn.btn-warning.jbtn-green:focus {
  color: white;
  background: #bdd73c;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
}
.social-icons {
  padding-left: 15px;
}
#main-down .social-icons {
  padding-left: 0;
}
.social-icons li {
  margin-right: 4px;
  display: inline-block;
}
.social-icons li a i {
  background-color: #d9d9d9!important;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: large;
  padding: 6.25px 7.5px;
  width: 30px;
  transition: 0.8s;
}
.social-icons li a .fa.fa-pinterest {
  background-color: #FFF!important;
  color: #d9d9d9;
  padding: 0;
  font-size: 36px;
  line-height: 0.9em;
  margin-top: 1px;
}
.social-icons li a:hover .fa {
  background-color: #FFF!important;
}
.social-icons li a:hover .fa.fa-facebook {
  color: #3c5a98;
}
.social-icons li a:hover .fa.fa-twitter {
  color: #00aced;
}
.social-icons li a:hover .fa.fa-pinterest,
.social-icons li a:hover .fa.fa-youtube {
  color: #ed1c24;
}
.social-icons li a:hover .fa.fa-instagram {
  color: #fbad50;
}
.itemid-101 section p a:not(.btn) {
  text-decoration: underline;
}
.itemid-169 .jadd-yellow-bg-box.jadd-box {
  margin: 3% 10% 5%;
}
.itemid-169 .jadd-yellow-bg-box.jadd-box p {
  font-size: 18px;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.jfont-size-22 {
  font-size: 22px !important;
}
h2.jfont-size-28,
.jfont-size-28 {
  font-size: 28px !important;
}
.article-29{
	margin-bottom: 50px;
}
.flex-article{
	display: flex;
	align-items: center;
}
.flex-article>div{
    padding: 20px;
	width: 50%;
}
.flex-article h2{
	color: rgb(128,100,162);
	font-size: 32px;
}
.flex-article p{
	font-size: 18px;
}
.flex-article img{
    display: block;
	margin: auto;
	max-height: 250px;
}
@media (max-width: 768px) {
	.flex-article{
		flex-direction: column;
	}
	.flex-article>div{
		width: 100%;
	}
	.flex-article img{
		max-width: 90%;
	}
}
@media (max-width: 380px) {
	.article-29 a{
		font-size: 14px;
	}
}


.wrap-BeCommerce_subscribtion{
  display: flex;
}
.note-BeCommerce_subscribtion{
  font-size: 14px;
  width: 75%;
}
.label-BeCommerce_subscribtion{
  width: 25%;
}
.label-BeCommerce_subscribtion img{
  /* w=1056 h=944 */
  height: 140px;
  /*width: 157px;*/
  margin: auto;
  display: block;
}
@media (max-width: 768px) {
  .wrap-BeCommerce_subscribtion{
    flex-direction: column;
  }
  .note-BeCommerce_subscribtion, .label-BeCommerce_subscribtion{
    width: 100%;
  }
}
.label-BeCommerce_top{
  height: 50px;
  padding: 2px;
}

.becommerce-widget ul{
  padding: 0 0 0 5%;
}
.becommerce-widget li {
  list-style-type: none;
}
.becommerce-widget-text{
  color: #333;
}
.becommerce-widget-logo img{
  height: 120px;
}
.becommerce-widget-stars img{
  height: 24px;
}

.becommerce-widget_buying-process{
  color: #333;
  text-align: center;
}

.jpackages-switch-buttons .becommerce-widget,
.becommerce-widget.article {
  font-size: 12px;
}
.becommerce-widget-link{
  outline: none;
  text-decoration: none !important;
}

.jpackages-switch-buttons .becommerce-widget-logo img,
.becommerce-widget.article .becommerce-widget-logo img {
  height: 87px;
}

.jadd-borders-becommerce{
  padding: 15px;
}
.jadd-borders-becommerce.jpackages-switch-buttons{
  padding: 5px;
}

.validated.has-success input.form-control{
  background: #EFF5EA;
}
.ui-autocomplete .ui-menu-item-wrapper {
  font-size: 14px;
  font-family: 'Avenir Book';
}

.jcustom-video-text-balloon{
  background: #fff;
  border: #333 5px solid;
  border-radius: 30px;
  box-sizing: border-box;
  color: #333;
  display: inline-block;
  font-family: 'Comic Sans MS',cursive;
  font-size: 12px;
  height: 150px;
  padding: 10px;
  position: absolute;
  left: 5px;
  text-align: left;
  width: 410px;
}
.jcustom-video-text-balloon:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 26px 21px 0;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -26px;
  left: 190px;
}
.jcustom-video-text-balloon:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 30px 25px 0;
  border-color: #333 transparent;
  display: block;
  width: 0;
  z-index: 0;
  bottom: -35px;
  left: 186px;
}
@media (max-width: 1100px) {
  .jcustom-video-text-balloon{
    display: none;
  }
}

.skinny-tip{
  background: #2aa8f7;
  border: 1px #2aa8f7 solid;
  border-radius: 4px;
  color: #fff;
  font-size: 22px !important;
  margin: 5px 0 20px;
  padding: 10px;
  text-align: center !important;
}
.instock{
  color: #00bb00;
}
.jwidth-60px{
  width: 60px;
}
.jtext-right{
  text-align: right;
}

.toggle-site {
  color: #a9a9a9 !important;
  padding: 10px 5px !important;
  margin-right: 10px;
}
.toggle-site.active {
  color: #333 !important;
  margin-right: 0;
}
.toggle-site span {
  text-decoration: underline;
}

/* survey Evaluatie */
.survey_form .control-group {
  display: flex;
  margin-bottom: 22px;
  max-width: 100%;
}
.survey_form .control-group:before,
.survey_form .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.survey_form .control-group:after {
  clear: both;
}
.survey_form .control-label {
  float: left;
  padding-right: 5px;
  padding-top: 5px;
  text-align: left;
  width: 350px;
}
.survey_form .control-label label {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 5px;
}
.survey_form .controls {
  margin-left: 20px;
  min-width: 130px;
}
.survey_form .controls > .radio.btn-group-yesno:first-child {
  padding-top: 6px;
  padding-left: 0;
}
.survey_form .btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.survey_form .radio {
  min-height: 18px;
}
.survey_form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.survey_form .radio.btn-group input[type=radio] {
  cursor: pointer;
  display: none;
  float: left;
  margin-left: -20px;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
}
.survey_form .controls .btn-group.btn-group-yesno > .btn {
  border: 1px solid #9F9E9E;
  width: 50%;
  min-width: 60px !important;
  padding: 6px 0;
}
.survey_form .radio.btn-group > label:first-of-type {
  margin-left: 0;
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-right: none !important;
}
.survey_form .btn-group > .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.survey_form .btn-group > .btn.active {
  background-image: none;
  outline: 0;
  z-index: 2;
}
.survey_form .radio.btn-group > label {
  user-select: none;
}
.survey_form .btn-group > .btn {
  border-radius: 0;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
  position: relative;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.survey_form .btn-success {
  border: 1px solid rgba(0,0,0,0.2);
  color: #fff;
  background-color: #46a546;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.survey-explanation{
  margin-left: 20px;
}
.survey-explanation textarea {
  margin-top: 6px;
  font-size: 16px;
  padding: 7px;
  width: 300px;
}
.survey-comments label {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.survey-comments textarea {
  width: 70%;
  min-width: 300px;
  height: 90px;
  padding: 7px;
  font-size: 16px;
}
/* end */

/* window cookies-aware */
.cookies-aware {
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
}
.cookies-aware_inner {
  background: #444;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  max-width: 730px;
}
.cookies-aware_text {
  padding: 20px;
}
.cookies-aware_buttons {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.cookies-aware_button {
  border: 1px solid #333;
  border-radius: 4px;
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  padding: 5px 8px;
}
.cookies-aware_button-no {
  background: #444;
  color: #fff;
  margin-right: 20px;
}
.cookies-aware_button-yes {
  background: #BCDD46;
  color: #111;
}
@media (max-width: 480px) {
  .cookies-aware_inner {
    font-size: 16px;
  }
  .cookies-aware_buttons {
    flex-direction: column;
  }
  .cookies-aware_button-no {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* end */