/* Generated by less 1.7.5 */
/* or #30b6a9 */
* {
  box-sizing: border-box;
}
body {
  background: #e3e4df;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #0e403c;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
del {
  font-size: 70%;
}
a {
  color: #1fa194;
  text-decoration: none;
}
a a {
  pointer-events: none;
}
a:hover {
  color: #30b6a9;
}
.red {
  color: #f23750;
}
a.red:hover {
  color: #f44f65;
}
/* Mixins */
/* End Mixins */
/* Colors */
.text-color-black {
  color: #0e403c !important;
}
.border-color-black {
  border-color: #0e403c !important;
}
.background-color-black {
  background-color: #0e403c !important;
}
.text-color-teal {
  color: #1c9f8d !important;
}
.border-color-teal {
  border-color: #1c9f8d !important;
}
.background-color-teal {
  background-color: #1c9f8d !important;
}
.text-color-brown {
  color: #ad312f !important;
}
.border-color-brown {
  border-color: #ad312f !important;
}
.background-color-brown {
  background-color: #ad312f !important;
}
.text-color-gold {
  color: #d89515 !important;
}
.border-color-gold {
  border-color: #d89515 !important;
}
.background-color-gold {
  background-color: #d89515 !important;
}
.text-color-orange {
  color: #d94712 !important;
}
.border-color-orange {
  border-color: #d94712 !important;
}
.background-color-orange {
  background-color: #d94712 !important;
}
.text-color-violet {
  color: #ad1999 !important;
}
.border-color-violet {
  border-color: #ad1999 !important;
}
.background-color-violet {
  background-color: #ad1999 !important;
}
.text-color-blue {
  color: #2d81b9 !important;
}
.border-color-blue {
  border-color: #2d81b9 !important;
}
.background-color-blue {
  background-color: #2d81b9 !important;
}
.text-color-green {
  color: #1aa042 !important;
}
.border-color-green {
  border-color: #1aa042 !important;
}
.background-color-green {
  background-color: #1aa042 !important;
}
.text-color-gray {
  color: #828280 !important;
}
.border-color-gray {
  border-color: #828280 !important;
}
.background-color-gray {
  background-color: #828280 !important;
}
.text-color-red {
  color: #d83148 !important;
}
.border-color-red {
  border-color: #d83148 !important;
}
.background-color-red {
  background-color: #d83148 !important;
}
.text-color-purple {
  color: #7e2dad !important;
}
.border-color-purple {
  border-color: #7e2dad !important;
}
.background-color-purple {
  background-color: #7e2dad !important;
}
/* Support Colors */
.text-color-questions {
  color: #1aa042 !important;
}
.border-color-questions {
  border-color: #1aa042 !important;
}
.background-color-questions {
  background-color: #1aa042 !important;
}
.text-color-ideas {
  color: #2d81b9 !important;
}
.border-color-ideas {
  border-color: #2d81b9 !important;
}
.background-color-ideas {
  background-color: #2d81b9 !important;
}
.text-color-problems {
  color: #d83148 !important;
}
.border-color-problems {
  border-color: #d83148 !important;
}
.background-color-problems {
  background-color: #d83148 !important;
}
/* Blog */
.icon-announcements {
  background: url('icons/icon_announcements.svg') center center no-repeat;
}
.color-announcements {
  color: #ad312f !important;
}
.border-color-announcements {
  border-color: #ad312f !important;
}
.background-color-announcements {
  background-color: #ad312f !important;
}
.background-image-announcements {
  background: #ad312f url('img/bg/brown.jpg');
  background-size: cover;
}
.icon-extensions {
  background: url('icons/icon_extensions.svg') center center no-repeat;
}
.color-extensions {
  color: #d89515 !important;
}
.border-color-extensions {
  border-color: #d89515 !important;
}
.background-color-extensions {
  background-color: #d89515 !important;
}
.background-image-extensions {
  background: #d89515 url('img/bg/gold.jpg');
  background-size: cover;
}
.icon-premium-content {
  background: url('icons/icon_premium-content.svg') center center no-repeat;
}
.color-premium-content {
  color: #d94712 !important;
}
.border-color-premium-content {
  border-color: #d94712 !important;
}
.background-color-premium-content {
  background-color: #d94712 !important;
}
.background-image-premium-content {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-templates {
  background: url('icons/icon_templates.svg') center center no-repeat;
}
.color-templates {
  color: #1aa042 !important;
}
.border-color-templates {
  border-color: #1aa042 !important;
}
.background-color-templates {
  background-color: #1aa042 !important;
}
.background-image-templates {
  background: #1aa042 url('img/bg/green.jpg');
  background-size: cover;
}
.icon-showcases {
  background: url('icons/icon_showcases.svg') center center no-repeat;
}
.color-showcases {
  color: #ad1999 !important;
}
.border-color-showcases {
  border-color: #ad1999 !important;
}
.background-color-showcases {
  background-color: #ad1999 !important;
}
.background-image-showcases {
  background: #ad1999 url('img/bg/violet.jpg');
  background-size: cover;
}
.icon-videos {
  background: url('icons/icon_videos.svg') center center no-repeat;
}
.color-videos {
  color: #2d81b9 !important;
}
.border-color-videos {
  border-color: #2d81b9 !important;
}
.background-color-videos {
  background-color: #2d81b9 !important;
}
.background-image-videos {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-weekly-summary {
  background: url('icons/icon_weekly-summary.svg') center center no-repeat;
}
.color-weekly-summary {
  color: #1c9f8d !important;
}
.border-color-weekly-summary {
  border-color: #1c9f8d !important;
}
.background-color-weekly-summary {
  background-color: #1c9f8d !important;
}
.background-image-weekly-summary {
  background: #1c9f8d url('img/bg/teal.jpg');
  background-size: cover;
}
/* News */
.icon-general {
  background: url('icons/icon_general.svg') center center no-repeat;
}
.color-general {
  color: #d83148 !important;
}
.border-color-general {
  border-color: #d83148 !important;
}
.background-color-general {
  background-color: #d83148 !important;
}
.background-image-general {
  background: #d83148 url('img/bg/red.jpg');
  background-size: cover;
}
.icon-mobile {
  background: url('icons/icon_mobile.svg') center center no-repeat;
}
.color-mobile {
  color: #7e2dad !important;
}
.border-color-mobile {
  border-color: #7e2dad !important;
}
.background-color-mobile {
  background-color: #7e2dad !important;
}
.background-image-mobile {
  background: #7e2dad url('img/bg/purple.jpg');
  background-size: cover;
}
.icon-social-networking {
  background: url('icons/icon_social-networking.svg') center center no-repeat;
}
.color-social-networking {
  color: #2d81b9 !important;
}
.border-color-social-networking {
  border-color: #2d81b9 !important;
}
.background-color-social-networking {
  background-color: #2d81b9 !important;
}
.background-image-social-networking {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-adobe {
  background: url('icons/icon_adobe.svg') center center no-repeat;
}
.color-adobe {
  color: #ad312f !important;
}
.border-color-adobe {
  border-color: #ad312f !important;
}
.background-color-adobe {
  background-color: #ad312f !important;
}
.background-image-adobe {
  background: #ad312f url('img/bg/brown.jpg');
  background-size: cover;
}
.icon-apple {
  background: url('icons/icon_apple.svg') center center no-repeat;
}
.color-apple {
  color: #828280 !important;
}
.border-color-apple {
  border-color: #828280 !important;
}
.background-color-apple {
  background-color: #828280 !important;
}
.background-image-apple {
  background: #828280 url('img/bg/gray.jpg');
  background-size: cover;
}
.icon-google {
  background: url('icons/icon_google.svg') center center no-repeat;
}
.color-google {
  color: #1aa042 !important;
}
.border-color-google {
  border-color: #1aa042 !important;
}
.background-color-google {
  background-color: #1aa042 !important;
}
.background-image-google {
  background: #1aa042 url('img/bg/green.jpg');
  background-size: cover;
}
.icon-microsoft {
  background: url('icons/icon_microsoft.svg') center center no-repeat;
}
.color-microsoft {
  color: #ad1999 !important;
}
.border-color-microsoft {
  border-color: #ad1999 !important;
}
.background-color-microsoft {
  background-color: #ad1999 !important;
}
.background-image-microsoft {
  background: #ad1999 url('img/bg/violet.jpg');
  background-size: cover;
}
/* Rest */
.icon-design {
  background: url('icons/icon_design.svg') center center no-repeat;
}
.color-design {
  color: #1aa042 !important;
}
.border-color-design {
  border-color: #1aa042 !important;
}
.background-color-design {
  background-color: #1aa042 !important;
}
.background-image-design {
  background: #1aa042 url('img/bg/green.jpg');
  background-size: cover;
}
.icon-databases {
  background: url('icons/icon_databases.svg') center center no-repeat;
}
.color-databases {
  color: #2d81b9 !important;
}
.border-color-databases {
  border-color: #2d81b9 !important;
}
.background-color-databases {
  background-color: #2d81b9 !important;
}
.background-image-databases {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-photo-and-video {
  background: url('icons/icon_photo-and-video.svg') center center no-repeat;
}
.color-photo-and-video {
  color: #ad312f !important;
}
.border-color-photo-and-video {
  border-color: #ad312f !important;
}
.background-color-photo-and-video {
  background-color: #ad312f !important;
}
.background-image-photo-and-video {
  background: #ad312f url('img/bg/brown.jpg');
  background-size: cover;
}
.icon-interactivity {
  background: url('icons/icon_interactivity.svg') center center no-repeat;
}
.color-interactivity {
  color: #7e2dad !important;
}
.border-color-interactivity {
  border-color: #7e2dad !important;
}
.background-color-interactivity {
  background-color: #7e2dad !important;
}
.background-image-interactivity {
  background: #7e2dad url('img/bg/purple.jpg');
  background-size: cover;
}
.icon-file-management {
  background: url('icons/icon_file-management.svg') center center no-repeat;
}
.color-file-management {
  color: #828280 !important;
}
.border-color-file-management {
  border-color: #828280 !important;
}
.background-color-file-management {
  background-color: #828280 !important;
}
.background-image-file-management {
  background: #828280 url('img/bg/gray.jpg');
  background-size: cover;
}
.icon-productivity {
  background: url('icons/icon_productivity.svg') center center no-repeat;
}
.color-productivity {
  color: #d94712 !important;
}
.border-color-productivity {
  border-color: #d94712 !important;
}
.background-color-productivity {
  background-color: #d94712 !important;
}
.background-image-productivity {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-collections {
  background: url('icons/icon_collections.svg') center center no-repeat;
}
.color-collections {
  color: #d89515 !important;
}
.border-color-collections {
  border-color: #d89515 !important;
}
.background-color-collections {
  background-color: #d89515 !important;
}
.background-image-collections {
  background: #d89515 url('img/bg/gold.jpg');
  background-size: cover;
}
.icon-dreamweaver {
  background: url('icons/icon_dreamweaver.svg') center center no-repeat;
}
.color-dreamweaver {
  color: #1c9f8d !important;
}
.border-color-dreamweaver {
  border-color: #1c9f8d !important;
}
.background-color-dreamweaver {
  background-color: #1c9f8d !important;
}
.background-image-dreamweaver {
  background: #1c9f8d url('img/bg/teal.jpg');
  background-size: cover;
}
.icon-photoshop {
  background: url('icons/icon_photoshop.svg') center center no-repeat;
}
.color-photoshop {
  color: #2d81b9 !important;
}
.border-color-photoshop {
  border-color: #2d81b9 !important;
}
.background-color-photoshop {
  background-color: #2d81b9 !important;
}
.background-image-photoshop {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-flash {
  background: url('icons/icon_flash.svg') center center no-repeat;
}
.color-flash {
  color: #d83148 !important;
}
.border-color-flash {
  border-color: #d83148 !important;
}
.background-color-flash {
  background-color: #d83148 !important;
}
.background-image-flash {
  background: #d83148 url('img/bg/red.jpg');
  background-size: cover;
}
.icon-client-side {
  background: url('icons/icon_client-side.svg') center center no-repeat;
}
.color-client-side {
  color: #7e2dad !important;
}
.border-color-client-side {
  border-color: #7e2dad !important;
}
.background-color-client-side {
  background-color: #7e2dad !important;
}
.background-image-client-side {
  background: #7e2dad url('img/bg/purple.jpg');
  background-size: cover;
}
.icon-server-side {
  background: url('icons/icon_server-side.svg') center center no-repeat;
}
.color-server-side {
  color: #ad1999 !important;
}
.border-color-server-side {
  border-color: #ad1999 !important;
}
.background-color-server-side {
  background-color: #ad1999 !important;
}
.background-image-server-side {
  background: #ad1999 url('img/bg/violet.jpg');
  background-size: cover;
}
.icon-content-management {
  background: url('icons/icon_content-management.svg') center center no-repeat;
}
.color-content-management {
  color: #d89515 !important;
}
.border-color-content-management {
  border-color: #d89515 !important;
}
.background-color-content-management {
  background-color: #d89515 !important;
}
.background-image-content-management {
  background: #d89515 url('img/bg/gold.jpg');
  background-size: cover;
}
.icon-usability {
  background: url('icons/icon_usability.svg') center center no-repeat;
}
.color-usability {
  color: #d94712 !important;
}
.border-color-usability {
  border-color: #d94712 !important;
}
.background-color-usability {
  background-color: #d94712 !important;
}
.background-image-usability {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-javascript {
  background: url('icons/icon_javascript.svg') center center no-repeat;
}
.color-javascript {
  color: #d89515 !important;
}
.border-color-javascript {
  border-color: #d89515 !important;
}
.background-color-javascript {
  background-color: #d89515 !important;
}
.background-image-javascript {
  background: #d89515 url('img/bg/gold.jpg');
  background-size: cover;
}
.icon-css {
  background: url('icons/icon_css.svg') center center no-repeat;
}
.color-css {
  color: #7e2dad !important;
}
.border-color-css {
  border-color: #7e2dad !important;
}
.background-color-css {
  background-color: #7e2dad !important;
}
.background-image-css {
  background: #7e2dad url('img/bg/purple.jpg');
  background-size: cover;
}
.icon-html {
  background: url('icons/icon_html.svg') center center no-repeat;
}
.color-html {
  color: #d94712 !important;
}
.border-color-html {
  border-color: #d94712 !important;
}
.background-color-html {
  background-color: #d94712 !important;
}
.background-image-html {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-html5 {
  background: url('icons/icon_html5.svg') center center no-repeat;
}
.color-html5 {
  color: #d94712 !important;
}
.border-color-html5 {
  border-color: #d94712 !important;
}
.background-color-html5 {
  background-color: #d94712 !important;
}
.background-image-html5 {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-wordpress {
  background: url('icons/icon_wordpress.svg') center center no-repeat;
}
.color-wordpress {
  color: #ad1999 !important;
}
.border-color-wordpress {
  border-color: #ad1999 !important;
}
.background-color-wordpress {
  background-color: #ad1999 !important;
}
.background-image-wordpress {
  background: #ad1999 url('img/bg/violet.jpg');
  background-size: cover;
}
.icon-web-life {
  background: url('icons/icon_web-life.svg') center center no-repeat;
}
.color-web-life {
  color: #2d81b9 !important;
}
.border-color-web-life {
  border-color: #2d81b9 !important;
}
.background-color-web-life {
  background-color: #2d81b9 !important;
}
.background-image-web-life {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-manuals {
  background: url('icons/icon_manuals.svg') center center no-repeat;
}
.color-manuals {
  color: #828280 !important;
}
.border-color-manuals {
  border-color: #828280 !important;
}
.background-color-manuals {
  background-color: #828280 !important;
}
.background-image-manuals {
  background: #828280 url('img/bg/gray.jpg');
  background-size: cover;
}
.icon-fireworks {
  background: url('icons/icon_fireworks.svg') center center no-repeat;
}
.color-fireworks {
  color: #d94712 !important;
}
.border-color-fireworks {
  border-color: #d94712 !important;
}
.background-color-fireworks {
  background-color: #d94712 !important;
}
.background-image-fireworks {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
/* Subscriptions */
.icon-dmxzone-all-extensions-access {
  background: url('icons/icon_dmxzone-all-extensions-access.svg') center center no-repeat;
}
.color-dmxzone-all-extensions-access {
  color: #d94712 !important;
}
.border-color-dmxzone-all-extensions-access {
  border-color: #d94712 !important;
}
.background-color-dmxzone-all-extensions-access {
  background-color: #d94712 !important;
}
.background-image-dmxzone-all-extensions-access {
  background: #d94712 url('img/bg/orange.jpg');
  background-size: cover;
}
.icon-dmxzone-premium-content {
  background: url('icons/icon_dmxzone-premium-content.svg') center center no-repeat;
}
.color-dmxzone-premium-content {
  color: #2d81b9 !important;
}
.border-color-dmxzone-premium-content {
  border-color: #2d81b9 !important;
}
.background-color-dmxzone-premium-content {
  background-color: #2d81b9 !important;
}
.background-image-dmxzone-premium-content {
  background: #2d81b9 url('img/bg/blue.jpg');
  background-size: cover;
}
.icon-dmxzone-ultimate {
  background: url('icons/icon_dmxzone-ultimate.svg') center center no-repeat;
}
.color-dmxzone-ultimate {
  color: #d89515 !important;
}
.border-color-dmxzone-ultimate {
  border-color: #d89515 !important;
}
.background-color-dmxzone-ultimate {
  background-color: #d89515 !important;
}
.background-image-dmxzone-ultimate {
  background: #d89515 url('img/bg/gold.jpg');
  background-size: cover;
}
input[type='text'] {
  margin-bottom: 1em;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify !important;
}
.huge-text {
  font-size: 22px !important;
}
.big-text {
  font-size: 18px !important;
}
.large-text {
  font-size: 16px !important;
}
.normal-text {
  font-size: 14px !important;
}
.small-text {
  font-size: 12px !important;
}
.gray-text {
  color: #999999;
}
.header {
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #2daa9e 51%, #2daa9e 100%);
  width: 100%;
  height: 150px;
}
.header .container {
  position: relative;
  height: 100%;
}
.header .col-1-4 {
  background: #ffffff;
  height: 100%;
}
.header .col-3-4 {
  background: #2daa9e url('img/hapje-wit.png') left center no-repeat;
  background-image: url('img/hapje-wit.svg'), none;
  background-size: 7px;
  height: 100%;
}
.scrolled .header {
  height: 100px;
}
.main {
  overflow: hidden;
}
.dataTables_paginate a {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}
.dataTables_paginate a.paginate_active {
  color: #0e403c;
}
.aspect {
  position: relative;
}
.aspect.ratio-4-3::after {
  padding-top: 75%;
}
.aspect.ratio-16-9::after {
  padding-top: 56.25%;
}
.aspect::after {
  display: block;
  content: '';
}
.aspect > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.logo {
  width: 90%;
  height: 100%;
  background: url('img/logo.png') left center no-repeat;
  background-image: url('img/logo.svg'), none;
  background-size: contain;
  color: transparent;
}
.topnav {
  position: absolute;
  right: 10px;
  top: 10px;
}
.topnav a {
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-left: 15px;
}
.topnav .cart {
  margin-right: 20px;
}
.topnav .vertical-separator {
  margin-left: 15px;
}
.mainnav {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.mainnav ul {
  display: block;
  margin: 0;
  padding: 0;
}
.mainnav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
  height: 48px;
  /*&:hover {
				background: @highlight-color;
			}*/
}
.mainnav ul li a {
  display: block;
  padding: 0 10px;
  color: #ffffff;
  line-height: 48px;
  font-weight: 300;
  font-size: 19px;
}
.mainnav ul li a:hover {
  color: #106b60;
}
.mainnav ul li.active {
  border-bottom: 3px solid #106b60;
}
.mainnav ul li.subnav:hover > ul {
  display: block;
  z-index: 99;
}
.mainnav ul ul {
  display: none;
  width: auto;
  min-width: 170px;
  position: absolute;
  top: 48px;
  left: 0;
  background: #30b6a9;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.mainnav ul ul li {
  float: none;
  padding: 0;
  display: block;
  height: 32px;
}
.mainnav ul ul li a {
  padding: 0 10px;
  line-height: 32px;
  font-size: 16px;
  white-space: nowrap;
}
.navbar {
  clear: both;
  margin-left: 25%;
  width: 75%;
  background: #1fa194;
  text-align: center;
}
.navbar a {
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin: 8px 0;
  padding: 0 15px 0 5px;
  border-left: 2px solid #30b6a9;
}
.navbar a.active {
  border-left: 2px solid #ffffff;
}
.admin-panel {
  z-index: 10000;
  position: fixed;
  width: 220px;
  top: 165px;
  right: -185px;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: right 400ms;
}
.admin-panel:hover {
  right: 0;
}
.admin-panel ul,
.admin-panel li {
  display: block;
  margin: 0;
  padding: 0;
}
.admin-panel li.separator {
  height: 1px;
  background: #dbdcd7;
}
.admin-panel li.separator + li.separator {
  display: none;
}
.admin-panel li.separator:last-child {
  display: none;
}
.admin-panel a {
  display: block;
  padding: 3px 5px;
  font-size: 16px;
  color: #17877c;
}
.admin-panel a:hover {
  background: #17877c;
  color: #ffffff;
}
.admin-panel a.red {
  color: #f23750;
}
.admin-panel a.red:hover {
  background: #f23750;
  color: #ffffff;
}
.admin-panel .fa {
  width: 25px;
  text-align: center;
}
.tag {
  background: #1fa194;
  color: #ffffff;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 24px;
}
.tag:hover {
  background: #30b6a9;
  color: #ffffff;
}
.alert {
  padding: 10px;
  background: #FFFBB8;
  margin-bottom: 15px;
}
.alert a {
  color: #0e403c;
  text-decoration: underline;
}
.alert-error {
  background: #f23750;
  color: #ffffff;
}
.alert-error a {
  color: #ffffff;
  text-decoration: underline;
}
.close {
  cursor: pointer;
}
.button {
  display: inline-block;
  background: #1fa194;
  line-height: 24px;
  font-family: 'Lato', sans-serif;
  color: #dbdcd7;
  padding: 0 15px;
  margin: 0 2px;
  border-radius: 3px;
  vertical-align: middle;
}
.dropdown {
  display: inline-block;
  background: #1fa194;
  line-height: 24px;
  font-family: 'Lato', sans-serif;
  color: #dbdcd7;
  padding: 0 0 0 15px;
  margin: 0 2px;
  border-radius: 3px;
  vertical-align: middle;
}
.dropdown:after {
  content: '\f0d7';
  display: inline-block;
  font-family: FontAwesome;
  color: #106b60;
  margin: 0 0 0 15px;
  padding: 0 10px;
  border-left: 1px solid #106b60;
}
.search {
  display: inline-block;
  background: #ffffff url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g><path fill='%231fa08e' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/></g><line stroke='%231fa08e' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>") no-repeat 10px 6px;
  background-size: 18px;
  color: #0e403c;
  border: none;
  border-radius: 13px;
  height: 26px;
  padding: 0 10px 0 33px;
  outline: none;
  vertical-align: middle;
  margin-left: 15px;
  box-sizing: border-box !important;
}
.search::-webkit-input-placeholder {
  color: #1fa194;
  opacity: 1;
}
.search:-moz-placeholder {
  color: #1fa194;
  opacity: 1;
}
.search::-moz-placeholder {
  color: #1fa194;
  opacity: 1;
}
.search:-ms-input-placeholder {
  color: #1fa194;
  opacity: 1;
}
.item .search {
  background: #1fa194 url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g><path fill='%23ffffff' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/></g><line stroke='%23ffffff' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>") no-repeat 10px 6px;
  background-size: 18px;
  color: #ffffff;
}
.item .search::-webkit-input-placeholder {
  color: #dbdcd7;
  opacity: 1;
}
.item .search:-moz-placeholder {
  color: #dbdcd7;
  opacity: 1;
}
.item .search::-moz-placeholder {
  color: #dbdcd7;
  opacity: 1;
}
.item .search:-ms-input-placeholder {
  color: #dbdcd7;
  opacity: 1;
}
aside .search {
  width: 100%;
  margin: 0 0 15px 0;
}
@media (max-width: 1023px) {
  aside .search {
    width: 200px;
  }
}
.vertical-separator {
  display: inline-block;
  margin: 0 2px;
  width: 2px;
  height: 24px;
  background-color: #ffffff;
  vertical-align: middle;
}
.light {
  color: #999;
}
.modal {
  display: none;
  z-index: 99;
  position: fixed;
  padding: 15px;
  background: #ffffff;
  width: 460px;
  left: 50%;
  top: 100px;
  margin-left: -230px;
}
.shopping-cart .price {
  font-size: 26px;
}
article,
.item {
  position: relative;
  background: #ffffff url('img/hapje-grijs.png') left center no-repeat;
  background-image: url('img/hapje-grijs.svg'), none;
  background-size: 7px;
  padding: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  clear: both;
}
article.clickable,
.item.clickable {
  cursor: pointer;
}
article.clickable:hover,
.item.clickable:hover {
  background: #f9f9f9 !important;
}
@media (max-width: 767px) {
  article [class*='col-'],
  .item [class*='col-'] {
    width: 100%;
  }
}
article .article,
.item .article {
  position: relative;
  margin-left: 30px;
  border-left: 2px solid #1fa194;
  padding-left: 15px;
}
@media (max-width: 991px) {
  article .article,
  .item .article {
    margin: 0;
    border: none;
    padding: 0;
  }
}
article .article:after,
.item .article:after {
  content: "";
  display: table;
  clear: both;
}
article .article-detail,
.item .article-detail {
  clear: both;
  font-size: 12px;
}
article .article-detail > span,
.item .article-detail > span {
  margin-right: 15px;
}
article .subarticle,
.item .subarticle {
  margin-left: 43px;
}
article .subarticle:after,
.item .subarticle:after {
  content: "";
  display: table;
  clear: both;
}
article .article-category,
.item .article-category,
article .article-category a,
.item .article-category a {
  font-family: 'Alegreya', serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 15px;
}
article .article-title,
.item .article-title {
  margin-bottom: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 46px;
  line-height: 1;
  color: #106b60;
}
article .article-title a,
.item .article-title a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
article .article-subtitle,
.item .article-subtitle {
  font-family: 'Alegreya', serif;
  font-size: 32px;
  color: #0e403c;
  border-bottom: 2px solid #17877c;
  margin-bottom: 15px;
}
article .article-tagline,
.item .article-tagline {
  margin-bottom: 15px;
  font-family: 'Alegreya', serif;
  font-size: 28px;
  line-height: 1.2;
  color: #999999;
}
article .article-icon,
.item .article-icon {
  position: absolute;
  right: auto;
  left: -40px;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  text-align: center;
}
article .article-body,
.item .article-body {
  position: relative;
  min-height: 90px;
  padding-right: 30px;
  letter-spacing: 0.25pt;
}
article .article-body img,
.item .article-body img {
  max-width: 100%;
  height: auto;
}
article .article-logo,
.item .article-logo {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 39px;
  height: 60px;
}
article .article-price,
.item .article-price {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-family: 'Alegreya', serif;
  font-size: 32px;
  line-height: 1;
}
article .article-footer,
.item .article-footer {
  /*float: left;
		width: 75%;*/
  padding-right: 30px;
  clear: both;
  margin-top: 15px;
  font-size: 12px;
}
article .article-footer .pull-right > span,
.item .article-footer .pull-right > span {
  margin-left: 15px;
}
aside .item,
.related-item {
  padding-left: 21px;
}
aside .item h4,
.related-item h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  color: #0e403c;
  border-bottom: 2px solid #1fa194;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
aside .item ul.list,
.related-item ul.list {
  margin: -5px 0;
  padding: 0;
}
aside .item ul.list li,
.related-item ul.list li {
  display: block;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #dbdcd7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
aside .item ul.list li a,
.related-item ul.list li a {
  display: block;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #0e403c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
aside .item ul.list li img,
.related-item ul.list li img {
  max-width: 36px;
  max-height: 36px;
  vertical-align: middle;
  margin-right: 10px;
}
aside .item ul.list li .cat-icon,
.related-item ul.list li .cat-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 5px;
}
aside .item ul.list li small,
.related-item ul.list li small {
  color: #999999;
  display: block;
}
dl {
  margin: 0;
}
dl dt {
  font-size: 16px;
}
dl dd {
  margin: 0 0 15px 0;
  color: #999;
}
.pull-right {
  float: right;
}
.gutter {
  height: 15px;
}
.gutter:before,
.gutter:after {
  display: table;
  content: "";
}
.gutter:after {
  clear: both;
}
.container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
[class*='col-'] {
  float: left;
  padding: 0 5px;
}
.row {
  margin: 0 -5px;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.col-1-1 {
  width: 100%;
}
.col-1-2,
.col-2-4 {
  width: 50%;
}
.col-1-4 {
  width: 25%;
}
.col-3-4 {
  width: 75%;
}
.col-1-3 {
  width: 33.33333333%;
}
.col-1-8 {
  width: 12.5%;
}
.col2 {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}
.col2 dt,
.col2 dd {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
.col2 dt {
  -webkit-column-break-after: avoid;
  break-after: avoid;
}
@media (max-width: 767px) {
  .col2 {
    -webkit-column-count: auto;
    column-count: auto;
  }
}
#center {
  float: left;
  width: 100%;
}
#center .related {
  margin: 0 -5px;
}
#center.no-sidebars {
  width: 100%;
}
/*
.page-index .container.subscriptions {
	#center {
		width: 100%;
	}
	
	aside {
		display: none;
	}
}
*/
aside.left,
aside.right {
  clear: right;
  float: right;
  width: 100%;
}
aside.left .article-sale,
aside.right .article-sale {
  top: 0 !important;
  right: 0 !important;
}
.badge {
  font-size: 12px;
  background: #dbdcd7;
  color: #0e403c;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
}
.tabs {
  margin: 0;
  padding: 0;
}
.tabs li {
  display: inline-block;
  background: #dbdcd7;
}
.tabs li a {
  display: block;
  padding: 15px;
  color: #999999;
  font-size: 16px;
}
.tabs li a:hover {
  color: #0e403c;
}
.tabs li.active {
  background: #ffffff;
}
.tabs li.active a {
  color: #0e403c;
}
.sale-badge {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: url('img/sale.png') no-repeat top right;
}
.subscription-title {
  height: 60px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin: 15px 0 10px 0;
  padding-left: 15px;
  line-height: 30px;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .subscription-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
  }
}
.subscription-price {
  height: 70px;
  font-size: 12px;
  text-align: right;
  padding: 0 15px;
}
.subscription-price .price {
  color: #0e403c;
}
.subscription-price .price del {
  color: #999999;
}
.subscription-price .small .price {
  font-size: 20px;
}
.subscription-price .small .price del {
  font-size: 14px;
}
.subscription-sale {
  height: 45px;
  font-size: 12px;
}
.subscription-sale .subscription-sale-inner {
  position: relative;
  background: #fffbb8;
  padding: 10px;
  text-align: center;
}
.subscription-sale .subscription-sale-banner {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: url('img/sale.png') no-repeat top right;
}
.subscription-sale .big {
  font-size: 16px;
  font-weight: 700;
}
.sale .article-sale {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: url('img/sale.png') no-repeat;
}
.sale h4 {
  margin-bottom: 0 !important;
}
.sale .sale-item {
  padding: 15px 0;
  border-bottom: 1px solid #dbdcd7;
}
.sale .sale-title {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 5px;
  color: #17877c;
}
.sale .sale-title a {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.sale .sale-until {
  font-size: 12px;
  color: #1fa194;
}
.sale .sale-save {
  text-align: right;
  font-family: 'Alegreya', serif;
  font-size: 24px;
  line-height: 1;
  color: #f23750;
}
.sale .sale-price {
  text-align: right;
  font-family: 'Alegreya', serif;
  font-size: 32px;
  line-height: 1;
  color: #0e403c;
}
.sale .sale-price del {
  font-size: 14px;
  color: #17877c;
}
.mytabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  display: -moz-inline-stack;
  *display: inline;
  vertical-align: bottom;
  cursor: pointer;
  zoom: 1;
  margin-right: 2px;
  font-size: 85%;
}
.mytabs {
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  margin: 10px 0 !important;
  padding-left: 8px !important;
  list-style: none;
  border: solid #A8B2BB;
  border-width: 0 0 1px;
  position: static;
  zoom: 1;
}
.mytabs li a {
  display: block;
  display: inline-block;
  vertical-align: bottom;
  zoom: 1;
}
.mytabs li em {
  font-style: normal;
  font-weight: bolder;
}
.mytabs a {
  position: relative;
  background: #f1f1f1;
  border: solid #999;
  border-width: 0 1px;
  color: #000;
  text-decoration: none;
}
.mytabs a em {
  border: solid #999;
  border-width: 1px 0 0;
  cursor: hand;
  padding: 0.25em .75em;
  left: 0;
  right: 0;
  bottom: 0;
  top: -1px;
  position: relative;
}
.mytabs li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
.mytabs li a em {
  display: block;
}
.mytabs a.selected,
.mytabs a.selected:focus,
.mytabs a.selected:hover {
  background: #A8B2BB;
  color: #fff;
}
.mytabs a:hover,
.mytabs a:focus {
  background: bfdaff;
  outline: 0;
}
.mytabs a.selected em {
  padding: 0.35em 0.75em;
}
.table {
  width: 100%;
  margin-bottom: 1em;
  background: #fff;
}
.table .center {
  text-align: center;
}
.table th {
  padding: 5px 10px;
}
.table td {
  padding: 10px;
}
.table.table-condensed td {
  padding: 5px 10px;
}
.table.table-bordered {
  border: 1px solid #dbdcd7;
}
.table.table-bordered td {
  border-top: 1px solid #dbdcd7;
}
.table.table-bordered td[rowspan] {
  border-left: 1px solid #dbdcd7;
  border-right: 1px solid #dbdcd7;
}
.table.table-bordered th + td {
  border-left: 1px solid #dbdcd7;
}
.table.table-striped th {
  background: #efefef;
}
.table.table-striped tbody tr:nth-child(2n) {
  background: #f9f9f9;
}
.dataTable th.sorting,
.dataTable th.sorting_desc,
.dataTable th.sorting_asc {
  cursor: pointer;
}
.dataTable th.sorting:hover,
.dataTable th.sorting_desc:hover,
.dataTable th.sorting_asc:hover {
  background: #e1e1e1;
}
.dataTable th.sorting:after,
.dataTable th.sorting_desc:after,
.dataTable th.sorting_asc:after {
  float: right;
  font-family: FontAwesome;
}
.dataTable th.sorting_desc,
.dataTable th.sorting_asc {
  background: #e9e9e9;
}
.dataTable th.sorting:after {
  content: "\f0dc";
}
.dataTable th.sorting_desc:after {
  content: "\f0dd";
}
.dataTable th.sorting_asc:after {
  content: "\f0de";
}
.clickable {
  cursor: pointer;
}
.clickable:hover {
  background-color: #f1f1f1 !important;
}
.list-view {
  clear: both;
  background: #ffffff;
  margin-bottom: 15px;
}
.list-view ul {
  display: block;
  margin: 0;
  padding: 0;
}
.list-view li {
  display: block;
  position: relative;
  margin: 0;
  padding: 10px 15px;
  border-top: 1px solid #dbdcd7;
}
.list-view li.lines-2 {
  height: 70px;
}
.list-view li.lines-3 {
  height: 90px;
}
.list-view li.lines-3 .list-text {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 50px;
}
.list-view li.list-thumb {
  padding-left: 130px;
}
@media (max-width: 479px) {
  .list-view li.list-thumb {
    padding-left: 15px;
  }
}
.list-view li.list-thumb .list-thumb {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 100px;
  height: 70px;
}
@media (max-width: 479px) {
  .list-view li.list-thumb .list-thumb {
    display: none;
  }
}
.list-view li.list-thumb .list-thumb img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
.list-view li.list-icon {
  padding-left: 50px;
}
.list-view li.list-icon .list-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  height: 25px;
}
.list-view li:first-child {
  border: none;
}
.list-view .list-title {
  font-size: 16px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view .list-text {
  color: #999999;
  font-size: 14px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-view .list-extra {
  float: right;
  margin-left: 5px;
  font-size: 14px;
  line-height: 25px;
  color: #999999;
}
.column-view {
  margin: 0 -5px 5px -5px;
  overflow: hidden;
}
.column-view .column {
  float: left;
  padding: 0 5px 10px 5px;
}
.column-view .column-50 {
  width: 50%;
}
.column-view .column-25 {
  width: 25%;
}
.column-view .column-item {
  position: relative;
  overflow: hidden;
  background: #ffffff url('img/hapje-grijs.png') left center no-repeat;
  background-image: url('img/hapje-grijs.svg'), none;
  background-size: 7px;
}
.column-view .column-item-inner {
  position: relative;
  margin: 15px;
  margin-left: 45px;
  padding-left: 15px;
  border-left: 2px solid #17877c;
  height: 120px;
}
.column-view .column-item-icon {
  position: absolute;
  top: 0;
  left: -40px;
  width: 32px;
  height: 32px;
}
.column-view .column-item-title {
  overflow: hidden;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.column-view .column-item-text {
  overflow: hidden;
  font-size: 14px;
  color: #999999;
  /*display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;*/
}
.column-view .column-item-extra {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #999999;
}
.column-view .column-item-extra2 {
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 12px;
  color: #999999;
}
.column-view .column-item-extra2 span {
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .column-view {
    margin-bottom: 0;
  }
  .column-view .column {
    width: 100% !important;
    padding-bottom: 1px;
  }
  .column-view .column-item {
    background: #ffffff;
  }
  .column-view .column-item-inner {
    height: auto !important;
    border: none;
    margin: 10px 15px 10px 50px;
    padding: 0;
  }
  .column-view .column-item-icon {
    top: 5px;
    width: 26px;
    height: 26px;
  }
  .column-view .column-item-title {
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .column-view .column-item-text {
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .column-view .column-item-extra {
    position: static;
    float: right;
    line-height: 25px;
    font-size: 14px;
  }
  .column-view .column-item-extra2 {
    display: none;
  }
}
.gallery-view {
  margin: 0 -5px 5px -5px;
  overflow: hidden;
}
.gallery-view .column {
  float: left;
  padding: 0 5px 10px 5px;
}
.gallery-view .column-50 {
  width: 50%;
}
.gallery-view .column-25 {
  width: 25%;
}
.gallery-view .column-item {
  position: relative;
  overflow: hidden;
  background: #ffffff url('img/hapje-grijs.png') left center no-repeat;
  background-image: url('img/hapje-grijs.svg'), none;
  background-size: 7px;
}
.gallery-view .column-item-media {
  overflow: hidden;
  margin-bottom: 1px;
  background: #fff;
}
.gallery-view .column-item-inner {
  position: relative;
  margin: 15px;
  margin-left: 45px;
  padding-left: 15px;
  border-left: 2px solid #17877c;
  height: 120px;
}
.gallery-view .column-item-icon {
  position: absolute;
  top: 0;
  left: -35px;
  width: 26px;
  height: 26px;
}
.gallery-view .column-item-title {
  overflow: hidden;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gallery-view .column-item-title.no-wrap {
  display: block;
  font-size: 16px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery-view .column-item-text {
  overflow: hidden;
  font-size: 14px;
  color: #999999;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gallery-view .column-item-extra {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-left: 5px;
  font-size: 16px;
  color: #999999;
}
.gallery-view .column-item-extra2 {
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 12px;
  color: #999999;
}
.gallery-view .column-item-extra2 span {
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .gallery-view .column {
    width: 100% !important;
    padding-bottom: 15px;
  }
  .gallery-view .column-item {
    background: #ffffff;
  }
  .gallery-view .column-item-inner {
    height: auto !important;
    border: none;
    margin: 10px 15px 10px 50px;
    padding: 0;
  }
  .gallery-view .column-item-icon {
    top: 5px;
    width: 26px;
    height: 26px;
  }
  .gallery-view .column-item-title {
    display: block;
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gallery-view .column-item-text {
    display: block;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gallery-view .column-item-extra {
    position: static;
    float: right;
    line-height: 25px;
    font-size: 14px;
  }
  .gallery-view .column-item-extra2 {
    display: none;
  }
}
.showdetail article .article,
.showdetail .item .article {
  position: relative;
}
.showdetail article .article-icon,
.showdetail .item .article-icon {
  position: absolute;
  right: auto;
  left: -40px;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  text-align: center;
}
.showdetail article .article-logo,
.showdetail .item .article-logo {
  position: relative;
  width: 200px;
  height: 200px;
  top: auto;
  right: auto;
}
.showdetail article .article-body,
.showdetail .item .article-body {
  padding-right: 30px;
}
.showdetail article .foot,
.showdetail .item .foot {
  font-size: 12px;
}
.filter-bar {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .filter-bar {
    width: auto;
    display: inline-block;
    margin: 0 0 0 15px;
  }
}
.filter-bar li {
  display: inline-block;
  text-align: center;
}
.filter-bar li a {
  display: inline-block;
  padding: 3px 15px;
  background: #dbdcd7;
  color: #0e403c;
  border-bottom: 2px solid transparent;
}
.filter-bar li a.active {
  border-bottom: 2px solid #aaaca1;
}
.filter-bar li.important a {
  background: #f23750;
  color: #ffffff;
}
.filter-bar li.important a.active {
  border-bottom: 2px solid #b70c23;
}
.pagination {
  background: #17877c;
  text-align: center;
  margin-bottom: 15px;
  clear: both;
  padding: 5px;
}
.pagination > * {
  display: inline-block;
  padding: 3px 10px;
  margin: 0 3px;
}
.pagination a {
  color: #ffffff;
}
.footer {
  margin-top: 15px;
  font-size: 12px;
}
.footer .social {
  float: left;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 15px;
}
.footer .settings {
  float: left;
  line-height: 32px;
  margin-left: 15px;
}
.footer .settings a {
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  margin: 2px;
  width: 28px;
  text-align: center;
  border-radius: 5px;
  color: #17877c;
}
.footer .settings a.current {
  background: #17877c;
  color: #dbdcd7;
}
.footer .inner {
  /*a {
			color: @white;
			font-weight: normal;
			text-decoration: underline;
		}*/
}
.footer .inner > div {
  clear: both;
  overflow: hidden;
  margin: 15px 0;
}
.footer .inner ul {
  margin: 0 0 0 5px;
  padding: 0;
}
.footer .inner li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
.footer .inner .col-1-4 {
  padding: 0;
}
.hide {
  display: none;
}
.btn {
  display: inline-block;
  height: 48px;
  background: #dbdcd7;
  color: #0e403c !important;
  border: none;
  padding: 0 15px;
  text-align: left;
  line-height: 48px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  /*border-radius: 5px;*/
  cursor: pointer;
}
.btn .icon {
  display: block;
  float: left;
  width: 45px;
  height: 100%;
  background: #c9cac3;
  text-align: center;
  font-size: 25px;
  margin-left: -15px;
  margin-right: 15px;
}
.btn .icon.pull-right {
  float: right;
  margin-left: 15px;
  margin-right: -15px;
}
.btn:hover {
  color: #0e403c;
  background: #e7e8e5;
}
.btn.btn-mini {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  padding: 0 10px;
}
.btn.btn-mini .icon {
  margin-left: -10px;
  margin-right: 10px;
  font-size: 10px;
  width: 16px;
}
.btn.btn-mini .icon.pull-right {
  margin-left: 10px;
  margin-right: -10px;
}
.btn.btn-small {
  font-size: 14px;
  line-height: 32px;
  height: 32px;
  padding: 0 10px;
}
.btn.btn-small .icon {
  margin-left: -10px;
  margin-right: 10px;
  font-size: 16px;
  width: 32px;
}
.btn.btn-small .icon.pull-right {
  margin-left: 10px;
  margin-right: -10px;
}
.btn-block {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
}
.btn-primary {
  background: #e18b0f;
  color: #ffffff !important;
}
.btn-primary .icon {
  background: #de7f0d;
}
.btn-primary:hover {
  color: #ffffff;
  background: #f0981a;
}
.btn-primary:hover .icon {
  background: #f18c13;
}
.btn-secondary {
  background: #eba710;
  color: #ffffff !important;
}
.btn-secondary .icon {
  background: #e99e0e;
}
.btn-secondary:hover {
  color: #ffffff;
  background: #f0b124;
}
.btn-secondary:hover .icon {
  background: #f2a91f;
}
.btn-tertiary {
  background: #d4ad19;
  color: #ffffff !important;
}
.btn-tertiary .icon {
  background: #d0a516;
}
.btn-tertiary:hover {
  color: #ffffff;
  background: #e5bc22;
}
.btn-tertiary:hover .icon {
  background: #e7b719;
}
.btn-green {
  background: #1fa08e;
  color: #ffffff !important;
}
.btn-green .icon {
  background: #178879;
}
.btn-green:hover {
  color: #ffffff;
  background: #23b5a1;
}
.btn-green:hover .icon {
  background: #1b9e8c;
}
.btn-red {
  background: #e83952;
  color: #ffffff !important;
}
.btn-red .icon {
  background: #e02d46;
}
.btn-red:hover {
  color: #ffffff;
  background: #eb5066;
}
.btn-red:hover .icon {
  background: #e3435a;
}
.icon-dmx {
  background-image: url('svg/dmx.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 24px !important;
}
.icon-help {
  background-image: url('svg/help.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 24px !important;
}
.price {
  font-family: 'Alegreya', serif;
  font-size: 40px;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
  color: #17877c;
}
.price del {
  font-size: 18px;
}
.price .until {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #1fa194;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.rating {
  position: relative;
}
.rating i {
  position: relative;
  color: #dbdcd7 !important;
}
.rating span {
  position: absolute;
  left: 0;
  top: -1px;
  overflow: hidden;
  white-space: nowrap;
}
.rating span i {
  color: #e18b0f !important;
}
.showdetail .rating {
  display: inline-block;
  font-size: 24px;
}
fieldset {
  border: none;
  margin: 1em 0;
  padding: 0;
}
legend {
  font-family: 'Alegreya', serif;
  font-size: 24px;
  color: #0e403c;
  margin-bottom: 15px;
}
label {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #0e403c;
}
.backdrop {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.3;
  transition: opacity 400ms;
}
.hidden {
  display: none;
  opacity: 0;
}
.popup {
  z-index: 100;
  position: fixed;
  left: 50%;
  top: 10%;
  margin-left: -215px;
  width: 432px;
  background: url('img/login-box-bg.png');
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  /*.btn {
		//height: 30px;
		//line-height: 30px;
		background: @primary-color;
		color: @white !important;
	}
	
	//.btn-primary {
	//	background: #e18b0f;
//		padding: 0 15px;
//	}*/
}
.popup .popup-body {
  background: url('img/login-logo.png') no-repeat center 15px;
  padding: 175px 30px 15px 30px;
}
.popup .popup-bottom {
  background: #dbdcd7;
  text-align: center;
  padding: 10px 0;
}
.popup a {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup label {
  clear: left;
  float: left;
  width: 50%;
  line-height: 30px;
}
.popup .forgot {
  float: right;
  margin: 15px 0;
}
.popup input[type="text"],
.popup input[type="password"] {
  float: left;
  width: 50%;
  border: none;
  border-bottom: 1px solid #dbdcd7;
  outline: none;
}
.featured_banner {
  margin-bottom: 15px;
}
.featured_banner .banner {
  position: relative;
  height: 250px;
  overflow: hidden;
  background: #1fa194 url('img/hapje-grijs.png') left center no-repeat;
  background-image: url('img/hapje-grijs.svg'), none;
  background-size: 7px;
}
.featured_banner .banner a {
  color: #ffffff;
}
.featured_banner .banner .banner-left {
  float: left;
  width: 66.66666667%;
  height: 100%;
}
.featured_banner .banner .banner-right {
  position: relative;
  z-index: 2;
  float: left;
  width: 33.33333333%;
  height: 100%;
  background: transparent url('img/hapje-groen.png') left center no-repeat;
  background-image: url('img/hapje-groen.svg'), none;
  background-size: 7px;
}
.featured_banner .banner .banner-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.featured_banner .banner .banner-item .banner-left {
  padding: 15px;
}
.featured_banner .banner .banner-item .banner-right {
  z-index: 1;
  background: #ffffff;
  /*padding: 15px;*/
}
.featured_banner .banner .banner-left-inner {
  position: relative;
  border-left: 2px solid #ffffff;
  padding-left: 15px;
  margin-left: 30px;
  height: 100%;
}
.featured_banner .banner .banner-icon {
  position: absolute;
  right: auto;
  left: -36px;
  top: 0;
  width: 28px;
  height: 28px;
}
.featured_banner .banner .banner-icon.section1 {
  background: url('svg/articles-wit.svg') center center no-repeat;
}
.featured_banner .banner .banner-icon.section3 {
  background: url('svg/extensions-wit.svg') center center no-repeat;
}
.featured_banner .banner .banner-icon.section66 {
  background: url('svg/templates-wit.svg') center center no-repeat;
}
.featured_banner .banner .banner-icon.section76 {
  background: url('svg/showcases-wit.svg') center center no-repeat;
}
.featured_banner .banner .banner-icon.section75 {
  background: url('svg/videos-wit.svg') center center no-repeat;
}
.featured_banner .banner .banner-category {
  font-family: 'Alegreya', serif;
  font-size: 22px;
  line-height: 1;
  color: #0e403c;
  margin-bottom: 10px;
}
.featured_banner .banner .banner-featuring {
  margin-bottom: 10px;
}
.featured_banner .banner .banner-featuring span {
  display: inline-block;
  background-color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 46px;
  line-height: 1;
  color: #17877c;
  padding: 5px;
}
.featured_banner .banner .banner-title {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 10px;
  color: #ffffff;
}
.featured_banner .banner .banner-tagline {
  padding: 10px;
  background: #ffffff;
  color: #17877c;
  font-family: 'Alegreya', serif;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.featured_banner .banner .banner-tagline.section1 {
  color: #ad312f !important;
}
.featured_banner .banner .banner-tagline.section3 {
  color: #d89515 !important;
}
.featured_banner .banner .banner-tagline.section66 {
  color: #1aa042 !important;
}
.featured_banner .banner .banner-tagline.section76 {
  color: #ad1999 !important;
}
.featured_banner .banner .banner-tagline.section75 {
  color: #2d81b9 !important;
}
.featured_banner .banner .banner-text {
  color: #ffffff;
}
.sales_banner .banner {
  position: relative;
  margin-bottom: 15px;
  height: 170px;
  background: #1fa194 url('img/hapje-grijs.png') left center no-repeat;
  background-image: url('img/hapje-grijs.svg'), none;
  background-size: 7px;
}
.sales_banner .banner .banner-slide {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sales_banner .banner .banner-white {
  float: right;
  width: 33.33333333%;
  height: 100%;
  background: #ffffff url('img/hapje-groen.png') left center no-repeat;
  background-image: url('img/hapje-groen.svg'), none;
  background-size: 7px;
}
.sales_banner .banner .banner-left {
  float: left;
  width: 66.66666667%;
  height: 100%;
  padding: 15px 15px 15px 45px;
}
.sales_banner .banner .banner-right {
  float: left;
  width: 33.33333333%;
  height: 100%;
  padding: 5px 20px;
}
.sales_banner .banner .banner-left-inner {
  height: 100%;
  border-left: 2px solid #ffffff;
  padding-left: 15px;
}
.sales_banner .banner .banner-title {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 46px;
  line-height: 1;
  margin-bottom: 5px;
  color: #ffffff;
}
.sales_banner .banner .banner-tagline {
  font-family: 'Alegreya', serif;
  font-size: 28px;
  line-height: 1;
  color: #17877c;
  margin-bottom: 15px;
  background: #ffffff;
  padding: 5px;
}
.sales_banner .banner .banner-sale {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: url('img/sale.png') no-repeat;
}
.sales_banner .banner .banner-percent {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 46px;
  line-height: 1;
  color: #0e403c;
}
.sales_banner .banner .banner-savings {
  font-family: 'Alegreya', serif;
  font-size: 32px;
  line-height: 1;
  color: #f23750;
}
.sales_banner .banner .banner-until {
  font-size: 13px;
  color: #1fa194;
}
.sales_banner .banner .banner-price {
  z-index: 1;
  position: absolute;
  bottom: 5px;
  right: 15px;
  font-family: 'Alegreya', serif;
  font-size: 56px;
  line-height: 1;
  color: #0e403c;
}
.sales_banner .banner .banner-price del {
  font-size: 26px;
  color: #17877c;
}
/* content */
.Quote {
  display: block;
  border-left: 4px solid #178879;
  padding: 5px 15px;
  font-style: italic;
  margin: 0.5em 0;
}
.Code {
  display: block;
  background: #e3e4df;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: normal;
  margin: 0.5em 0;
}
.Note {
  display: block;
  background: #FFFBB8;
  padding: 10px;
  font-style: italic;
  margin: 0.5em 0;
}
.Highlight {
  display: block;
  color: #fff;
  background: #1fa08e;
  padding: 15px;
  margin: 0.5em 0;
}
.Highlight a {
  color: #fff;
  text-decoration: underline;
}
.Tip {
  display: block;
  border-left: 2px solid #eba710;
  /*background: #e3e4df;*/
  padding: 5px 10px;
  font-style: italic;
  margin: 0.5em 0;
}
/* Support Forums */
.icon-questions,
.icon-ideas,
.icon-problems {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-24 {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  width: 24px;
  line-height: inherit;
  font-size: 24px;
  margin-right: 5px;
}
.icon-questions:before {
  content: "\f11a";
}
.icon-ideas:before {
  content: "\f138";
}
.icon-problems:before {
  content: "\f100";
}
.votes-star {
  font-size: 16px;
  color: #d89515;
}
.votes-star:after {
  content: "\f005";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 5px;
}
.votes-zero {
  color: #999999;
}
.support-voters {
  text-align: right;
  font-size: 12px;
  margin-top: 15px;
}
.support-post {
  border-top: 1px solid #dbdcd7;
  margin: 0 -15px;
  padding: 15px !important;
}
.support-post:nth-child(2n) {
  background: #f9f9f9;
}
.support-post:last-child {
  border-bottom: 1px solid #dbdcd7;
}
.support-post.promoted {
  background: #fffddd;
}
.support-user {
  height: 50px;
  margin-bottom: 10px;
}
.support-user .support-avatar {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.support-user .support-avatar img {
  max-width: 40px;
  max-height: 40px;
}
.actionbar {
  margin-top: 15px;
}
.actionbar a {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  color: #999999;
}
.actionbar a:hover {
  color: #0e403c;
}
.actionbar a.pull-right {
  margin-right: auto;
  margin-left: 10px;
}
.forum_editor {
  background: #f1f1f1;
  margin-bottom: 1em;
  padding: 5px;
}
.forum_editor .forum_editor_toolbar_group {
  float: left;
  border-right: 1px solid #dbdcd7;
  padding-right: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 24px;
  height: 24px;
}
.forum_editor a {
  display: inline-block;
  width: 20px;
  text-align: center;
  font-size: 16px;
  color: #999999;
}
.forum_editor a:hover {
  color: #0e403c;
}
.forum_editor img {
  vertical-align: middle;
}
.forum_editor textarea {
  border: 1px solid #dbdcd7;
}
ul.forum_menu {
  display: block;
  margin: 0;
  padding: 0;
}
ul.forum_menu ul,
ul.forum_menu li,
ul.forum_menu a {
  display: block;
  margin: 0;
  padding: 0;
}
ul.forum_menu a:hover {
  background: #f9f9f9;
}
ul.forum_menu ul li a {
  padding-left: 29px;
  line-height: 24px;
}
ul.forum_menu .menu-header a {
  vertical-align: middle;
  line-height: 32px;
  font-size: 18px;
  border-top: 1px solid #dbdcd7;
}
.forum_contextMenu {
  cursor: pointer;
  font-size: 12px;
  color: #999999;
}
.forum_contextMenu:hover {
  color: #0e403c;
}
#forum_contextMenu {
  display: block;
  position: absolute;
  background: #fff;
  border: 1px solid #999;
  list-style: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
}
#forum_contextMenu li {
  display: block;
  margin: 0;
  padding: 0;
}
#forum_contextMenu a {
  display: block;
  padding: 3px 5px;
  color: #000;
}
#forum_contextMenu a:hover {
  background: #9cf;
}
#forum_contextMenu i {
  text-align: center;
  width: 16px;
}
/* -------------- */
.mobile {
  display: none;
}
@media (max-width: 767px) {
  .mobile {
    display: block;
  }
}
.mobile .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #2daa9e;
  color: #ffffff;
  transition: all 0.4s;
}
.mobile .header .header-title {
  line-height: 48px;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
}
.mobile .header .header-nav {
  display: none;
  margin: 0;
  padding: 0;
  max-height: 340px;
  -webkit-overflow-scrolling: touch;
  overflow-x: visible;
  overflow-y: scroll;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .mobile .header .header-nav {
    max-height: 200px;
  }
}
.mobile .header .header-nav li {
  display: block;
  margin: 0;
  padding: 0 15px;
  line-height: 42px;
  background: #17877c;
  border-top: 1px solid #106b60;
}
.mobile .header a {
  color: #fff;
}
.mobile .header .icon {
  display: inline-block;
  width: 48px;
  text-align: center;
}
/* Meida Queries */
/*
@media (max-width: 1023px) {
	.index .extensions .col-1-2 {
		width: 100% !important;
		
		.item {
			height: auto !important;
		}
	}
}
*/
.desktop {
  display: none;
}
@media (min-width: 768px) {
  .desktop {
    display: block;
  }
}
.mobile-inline {
  display: none;
}
@media (max-width: 767px) {
  .mobile-inline {
    display: inline;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 48px;
  }
  #siteSearch {
    display: none;
  }
  .sales_banner {
    display: none;
  }
  .featured_banner {
    display: none;
  }
  article .article-title,
  .item .article-title {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 400;
  }
  .header {
    height: 0;
  }
  .mainnav ul li a {
    font-weight: 400;
    font-size: 15px;
  }
  .item {
    background: #ffffff !important;
  }
  /*.extensions {
		.extensions-index {
			.article-title {
				font-family: @base-font !important;
				font-size: 16px !important;
				font-weight: 400 !important;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			.article-body {
				font-size: 14px !important;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			.article-price {
				font-family: @base-font !important;
				font-size: 14px !important;
				del { font-size: 12px !important; }
			}
			
			.article-info {
				font-size: 14px !important;
			}
			
			.article-icon {
				width: 18px !important;
				height: 18px !important;
			}
		}
	}*/
}
@media (max-width: 479px) {
  article .article-title,
  .item .article-title {
    font-size: 24px;
    font-weight: 400;
  }
}
@media (max-width: 1023px) {
  .mainnav ul li a {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1151px) {
  .container {
    width: 1014px;
  }
  #center {
    width: 674px;
  }
  aside.left,
  aside.right {
    width: 320px;
    margin-left: 20px;
  }
  .mainnav ul li a {
    font-size: 18px;
  }
  /*.extensions {
		.extensions-index {
			.article-title {
				font-size: 16px !important;
				font-weight: 400 !important;
			}
			
			.article-body {
				font-size: 14px !important;
			}
			
			.article-price {
				font-size: 16px !important;
				del { font-size: 12px !important; }
			}
			
			.article-info {
				font-size: 14px !important;
			}
			
			.article-icon {
				width: 18px !important;
				height: 18px !important;
			}
		}
	}*/
}
@media (min-width: 1152px) {
  #center {
    width: 800px;
  }
  aside.left,
  aside.right {
    width: 320px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  /*.article {
		border-left: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.article-body {
		padding: 0 !important;
	}
	
	.article-icon {
		left: auto !important;
		right: 0 !important;
		width: 18px !important;
		height: 18px !important;
	}*/
  /*.extensions {
		.extensions-index {
			.item {
				padding: 15px !important;
				border-width: 1px !important;
			}

			.article-title {
				//font-size: 16px !important;
				//font-weight: 700 !important;
			}

			.article-icon {
				display: none !important;
			}
		}
	}
	
	.extensions {
		.col-1-2 {
			height: auto !important;
			margin: 0 !important;
			
			.item {
				margin-bottom: 4px;
			}
		}
		
		.article-category, .article-category a {
			font-size: 14px !important;
			margin-bottom: 5px !important;
		}
		
		.article-title {
			//font-size: 14px !important;
			//font-weight: 700 !important;
			//margin-bottom: 5px !important;
		}

		.article-body {
			font-size: 14px !important;
		}

		.article-info {
			font-size: 14px !important;
		}

		.article-icon {
			width: 16px !important;
			height: 16px !important;
		}
		
		.article-bottom-right {
			.article-price {
				right: 0;
				bottom: 0;
				font-size: 14px !important;
			}
		}
	}*/
  .mainnav {
    display: none;
  }
  .col-1-2 {
    width: 100%;
    height: auto !important;
  }
  .col-1-2 .article {
    height: auto !important;
  }
  .col-1-4 {
    width: 100%;
    height: auto !important;
  }
  .col-1-4 .article {
    height: auto !important;
  }
}
