@font-face {
    font-family: fontello;
    src: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/font/fontello.eot?24838092);
    src: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/font/fontello.eot?24838092#iefix) format('embedded-opentype'), url(https://www.edugro.eu/skin/frontend/default/edugro_nl/font/fontello.woff?24838092) format('woff'), url(https://www.edugro.eu/skin/frontend/default/edugro_nl/font/fontello.ttf?24838092) format('truetype'), url(https://www.edugro.eu/skin/frontend/default/edugro_nl/font/fontello.svg?24838092#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.icon-heart:before {
    content: '\e808'
}

.icon-up-circle:before {
    content: '\e807'
}

.icon-user-1:before {
    content: '\e82a'
}

.icon-users-1:before {
    content: '\e82b'
}

.icon-ok-2:before {
    content: '\e82c'
}

.icon-cancel-1:before {
    content: '\e82d'
}

.icon-home-1:before {
    content: '\e831'
}

.icon-tag:before {
    content: '\e82e'
}

.icon-pencil:before {
    content: '\e80a'
}

.icon-chat:before {
    content: '\e801'
}

.icon-attention:before {
    content: '\e83f'
}

.icon-phone:before {
    content: '\e832'
}

.icon-lightbulb:before {
    content: '\e824'
}

.icon-move:before {
    content: '\e84c'
}

.icon-down-open:before {
    content: '\e837'
}

.icon-left-open:before {
    content: '\e80c'
}

.icon-right-open:before {
    content: '\e80b'
}

.icon-up-open:before {
    content: '\e838'
}

.icon-angle-left:before {
    content: '\e80e'
}

.icon-angle-right:before {
    content: '\e80d'
}

.icon-angle-up:before {
    content: '\e835'
}

.icon-angle-down:before {
    content: '\e836'
}

.icon-angle-circled-left:before {
    content: '\e810'
}

.icon-angle-circled-right:before {
    content: '\e80f'
}

.icon-angle-circled-up:before {
    content: '\e833'
}

.icon-angle-circled-down:before {
    content: '\e834'
}

.icon-angle-double-left:before {
    content: '\e811'
}

.icon-angle-double-right:before {
    content: '\e812'
}

.icon-angle-double-up:before {
    content: '\e817'
}

.icon-angle-double-down:before {
    content: '\e818'
}

.icon-left-circled:before {
    content: '\e81c'
}

.icon-right-circled:before {
    content: '\e81b'
}

.icon-up-circled:before {
    content: '\e81a'
}

.icon-down-circled:before {
    content: '\e819'
}

.icon-cw-1:before {
    content: '\e830'
}

.icon-print:before {
    content: "\e844"
}

.icon-file-pdf:before {
    content: "\e84e"
}

.icon-ccw:before {
    content: '\e82f'
}

.icon-briefcase-1:before {
    content: '\e84d'
}

.icon-suitcase:before {
    content: '\e839'
}

.icon-truck:before {
    content: '\e857'
}

.icon-euro:before {
    content: '\e828'
}

.icon-user-2:before {
    content: '\e83b'
}

.icon-users-2:before {
    content: '\e83a'
}

.icon-cancel-2:before {
    content: '\e83c'
}

.icon-phone-1:before {
    content: '\e84f'
}

.icon-tools:before {
    content: '\e852'
}

.icon-star:before {
    content: '\e81e'
}

.icon-down-open-mini:before {
    content: '\e851'
}

.icon-left-open-mini:before {
    content: '\e816'
}

.icon-right-open-mini:before {
    content: '\e815'
}

.icon-up-open-mini:before {
    content: '\e850'
}

.icon-down-open-big:before {
    content: '\e858'
}

.icon-left-open-big:before {
    content: '\e814'
}

.icon-right-open-big:before {
    content: '\e813'
}

.icon-up-open-big:before {
    content: '\e859'
}

.icon-ccw-2:before {
    content: '\e85a'
}

.icon-list:before {
    content: '\e844'
}

.icon-briefcase:before {
    content: '\e83d'
}

.icon-users-3:before {
    content: '\e84e'
}

.icon-left-open-1:before {
    content: '\e81d'
}

.icon-right-open-1:before {
    content: '\e81f'
}

.icon-user-3:before {
    content: '\e83e'
}

.icon-move-1:before {
    content: '\e853'
}

.icon-search:before {
    content: '\e842'
}

.icon-mail:before {
    content: '\e841'
}

.icon-ok-3:before {
    content: '\e840'
}

.icon-cancel:before {
    content: '\e823'
}

.icon-user:before {
    content: '\e826'
}

.icon-users:before {
    content: '\e829'
}

.icon-chat-1:before {
    content: '\e806'
}

.icon-down-open-2:before {
    content: '\e854'
}

.icon-left-open-2:before {
    content: '\e821'
}

.icon-right-open-2:before {
    content: '\e820'
}

.icon-up-open-2:before {
    content: '\e855'
}

.icon-ccw-1:before {
    content: '\e843'
}

.icon-mail-1:before {
    content: '\e845'
}

.icon-pencil-1:before {
    content: '\e822'
}

.icon-lightbulb-1:before {
    content: '\e827'
}

.icon-move-2:before {
    content: '\e856'
}

.icon-down-open-1:before {
    content: '\e846'
}

.icon-left-open-4:before {
    content: '\e847'
}

.icon-right-open-4:before {
    content: '\e848'
}

.icon-up-open-1:before {
    content: '\e849'
}

.icon-cw-2:before {
    content: '\e84a'
}

.icon-ok-1:before {
    content: '\e800'
}

.icon-tag-2:before {
    content: '\e84b'
}

.icon-left-open-3:before {
    content: '\e802'
}

.icon-right-open-3:before {
    content: '\e803'
}

.icon-down-circle:before {
    content: '\e809'
}

.icon-left-
circle:before {
    content: '\e805'
}

.icon-right-circle:before {
    content: '\e804'
}

.icon-lamp:before {
    content: '\e825'
}

html, button, input, select, textarea {
    color: #222
}

body {
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

/*! jQuery UI - v1.10.3 - 2013-08-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 9999
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 20px
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.5em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
}

.ui-widget-content {
    border: 1px solid #ddd
}

.ui-widget-content a {
}

.ui-widget-header {
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/tick.gif) no-repeat;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #999;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: 700;
    color: #c77405
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(https://www.edugro.eu/skin/frontend/default/edugro_nl/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-widget-overlay {
    background: #666;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: Alpha(Opacity=20)
}

.ui-tabs {
    position: relative
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    background: #f5f5f5;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #eaeaea
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0 1em;
    line-height: 2.75em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: .5em
}

h2 {
    font-size: 2.25em;
    line-height: 1.333333333333333em;
    margin-bottom: .6666666666666667em
}

h3 {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 1em
}

h4 {
    font-size: 1.3125em;
    line-height: 1.142857142857143em;
    margin-bottom: 1.142857142857143em
}

h5 {
    font-size: 1.125em;
    line-height: 1.333333333333333em;
    margin-bottom: 1.333333333333333em
}

h6 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p, pre {
    margin-bottom: 1em
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl, menu, ol, ul {
    margin: 0
}

dd {
    margin: 0 0 0 40px
}

menu, ol, ul {
    padding: 0 0 0 40px
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::placeholder {
    font-style: italic
}

a:hover, a:active, a:focus {
    outline: 0
}

body {
    font: 1em/1.5 Arial, sans-serif;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/bright_squares.jpg)
}

input, button, body {
    -webkit-font-smoothing: antialiased
}

h1, h2, h3, h4, h5, h6, #menu, #lnginfo, .searchbox, .os, .mnew, .mpercent, .stripehead, .cnthead, .datehead, .grayBtnBase, .greenBtnBase, .slideboxhead, .date, .sdate, .progress, .ocline, .prices, .price, .blueos, .sale, .ocheadline, .ocname, .orderhead, .ordertext, .olhead, .msbtn, .simplebtn, .oos, .foothead, .ordername {
    font-family: 'Open Sans', sans-serif
}

.ossb {
    font-weight: 600
}

.mtop {
    overflow: auto
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

#menu {
    font-weight: 700;
    color: #8e8e8e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#menu .mpanel {
    background: #fff
}

#menu li.active a {
    color: #fd8e16
}

.textInputBase {
    font-size: .8125em;
    padding: .75em 1em
}

#lnginfo {
    background: #46859f;
    color: #fff
}

#lnginfo a {
    text-decoration: underline;
    color: #fff
}

#lnginfo a:hover {
    text-decoration: none
}

.inner {
    margin: 0 auto
}

.topline {
    background: #fff;
    color: #333
}

.topline a {
    text-decoration: none;
    color: #333
}

.topline a:hover {
    color: #4686a1
}

.mainmenu .inner.mtop {
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.cb {
    clear: both
}

.cbh {
    clear: both;
    display: block
}

.f18 {
    font-size: 1.125em
}

.f13 {
    font-size: .8125em
}

a.logged {
    color: #4686a1
}

.fsubmit, .oossubmit {
    text-transform: uppercase;
    font-weight: 700
}

#closelng {
    cursor: pointer
}

.topsearchbox {
    border: 1px solid #d7d7d7;
    color: #999;
    height: 2.75em;
    line-height: 2.75em;
    font-size: .875em;
    padding: 0 .75em;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/search-icon-desktop.gif) #fff no-repeat 97% center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textInputBase, .customSelect, .ui-slider {
    box-shadow: inset 0 2px 5px 0 #eee;
    border: 1px solid #dadada;
    color: #666
}

.field {
    position: relative;
    display: inline-block;
    color: #666
}

.field .icon-ok-1, .field .icon-cancel {
    display: none;
    position: absolute
}

.field .msg {
    visibility: hidden;
    font-size: .75em;
    padding-bottom: .3em;
    display: block
}

.validation-passed .textInputBase {
    border-color: #91b019
}

.validation-error .textInputBase {
    border-color: #bb3001
}

.
validation-error .msg {
    color: #bb3001;
    visibility: visible
}

.validation-passed .icon-ok-1 {
    color: #91b019;
    display: inline
}

.validation-error .icon-cancel {
    color: #bb3001;
    display: inline
}

#contact_messages ul {
    padding-left: 0
}

#contact_messages ul li {
    list-style-type: none;
    font-size: .9em
}

#contact_messages ul li.success-msg {
    color: #91b019
}

#contact_messages ul li.error-msg {
    color: #bb3001
}

#basket {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/basket.png) no-repeat;
    padding-left: 2.775em;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    text-decoration: none;
    color: #333
}

#basket a {
    color: #46859f;
    text-decoration: none
}

#basket a:hover {
    text-decoration: underline
}

#basket_amount {
    position: absolute;
    background: #fd8e16;
    color: #fff;
    top: -.2em;
    left: -.5em;
    border-radius: 2em;
    line-height: 1.6em;
    padding: 0 .5em;
    font-size: .8em;
    font-weight: 700
}

#menu {
    list-style: none;
    padding: 0
}

#menu a:hover {
    color: #fd8e16
}

#foot, #footline {
    color: #fff;
    overflow: auto
}

#foot a, #footline a {
    color: #fff;
    text-decoration: none
}

#foot a:hover, #footline a:hover {
    text-decoration: underline
}

#foot {
    background: #fd8e16
}

#footline {
    background: #df7602
}

#footline a {
    display: block;
    float: left
}

.nobull {
    list-style: none;
    padding: 0
}

.newsletter {
    border: 0
}

.newsletter, .oosinput {
    font-size: 1em;
    height: 2em;
    line-height: 2em;
    padding: 0 .5em
}

.oosinput {
    border: 1px solid #e0e0e0;
    width: 58%
}

.oossubmit {
    line-height: 2.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 28%
}

.oa {
    overflow: auto
}

.mpanel {
    color: #666;
    box-shadow: 3px 3px 3px #e5e5e5, -3px 3px 3px #e5e5e5;
    font-size: .929em;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.mpanel a {
    color: #666;
    text-decoration: none
}

.mpanel a:hover {
    text-decoration: none;
    color: #fd8e16
}

.mpanel a:hover i {
    color: #fd8e16
}

.mpanel a i {
    color: #dbdbdb
}

.mpanel a.blue {
    color: #46859f
}

.title {
    color: #46859f
}

.newsdank {
    background: #df7602;
    border-radius: 3em .75em .75em 3em;
    position: relative
}

.newsdank i {
    position: absolute
}

.clcopyright {
    display: none
}

.inspanel {
    position: relative
}

.inspanel .tpanel {
    display: none;
    position: absolute;
    white-space: nowrap;
    background: #fff;
    color: #666
}

.inspanel .tdisplay {
    display: block;
    z-index: 999
}

.tarrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e8e8e8;
    position: absolute;
    top: -10px;
    right: 22px
}

.tarrowInner {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    right: 24px;
    z-index: 2;
    position: absolute
}

.green {
    color: #87a817
}

.mnew {
    color: #46859f
}

.mpercent, .blue {
    color: #87a817
}

.mpercent, .mnew {
    font-size: .923em;
    font-weight: 700
}

.checkbox {
    overflow: auto;
    display: inline-block
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox .checkfield {
    display: inline-block;
    width: 14px;
    height: 14px;
    float: right;
    margin-right: .5em;
    height: 1.2em
}

.checkbox label {
    float: right;
    font-size: .8125em
}

.checkbox .checked {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/checkbox-yes.png) no-repeat center center
}

.checkbox .notchecked {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/checkbox-no.png) no-repeat center center
}

.product-filter-multichoice .checkbox .filter-link {
    display: none
}

.product-filter-singlechoice .radio-item .filter-link {
    display: none
}

.radio {
    overflow: auto;
    display: inline-block;
    color: #666
}

.customSelect {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/cs-arrow.gif) #fff right center no-repeat;
    color: #666;
    font-size: .8125em;
    padding: 0 1em;
    line-height: 2.84em
}

.ocselect {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/ocselect.png) #fff right center no-repeat;
    border: 1px solid #d6d6d6;
    color: #333;
    text-align: left;
    padding-left: .5em
}

.cselect, .ocselect {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.ocselect.qty {
    padding: 4px;
    font-size: 1.125em;
    text-align: center;
}

.ocselectInner {
    height: 100%;
}

.rlabel {
    color: #666;
    font-size: .8125em;
    margin-right: 2em
}

.styledRadio {
    position: relative;
    top: 2px;
    margin-right: .75em
}

.sliderWrapper {
    display: inline-block;
    color: #999;
    width: 100%
}

.sliderWrapper .value {
    text-align: center
}

.sliderWrapper .value .price {
    color: #666
}

.ui-corner-all {
    background: #fff
}

.ui-slider-range {
    background: #e6e6e6
}

.ui-slider-handle {
    cursor: pointer
}

.sliderRange {
    width: 100%
}

.favemail .ui-button-text-only, .no-close .ui-button-text-only {
    outline: 1px solid #bf6502;
    border: 1px solid #fcb15f;
    background: #fc8a0b;
    background: -moz-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc8a0b),
    color-stop(100%, #df7602));
    background: -webkit-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -o-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -ms-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: linear-gradient(to bottom, #fc8a0b 0, #df7602 100%);
    color: #fff;
    cursor: pointer;
    font-size: .8125em;
    font-weight: 400;
    width: 100%;
    padding: .5em 0;
    margin-top: 1em
}

.favemail .ui-button-text-only:hover, .no-close .ui-button-text-only:hover {
    outline: 1px solid #a65701;
    background: #e27802;
    background: -moz-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e27802), color-stop(100%, #c26601));
    background: -webkit-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -o-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -ms-linear-gradient(top, #e27802 0, #c26601 100%);
    background: linear-gradient(to bottom, #e27802 0, #c26601 100%)
}

.orangeBtnBase, .showedbtn {
    outline: 1px solid #bf6502;
    border: 1px solid #fcb15f;
    background: #fc8a0b;
    background: -moz-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc8a0b), color-stop(100%, #df7602));
    background: -webkit-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -o-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: -ms-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: linear-gradient(to bottom, #fc8a0b 0, #df7602 100%);
    color: #fff;
    cursor: pointer
}

.orangeBtnBase.buy.mfl.ladda-button {
    box-sizing: border-box;
    height: 2.7rem;
    margin-top: 1rem;
    top: 1px;
}

.orangeBtnBase.buy.mfl.ladda-button .ladda-label {
    top: 7px;
}

.orangeBtnBase:hover, .showedbtn:hover {
    outline: 1px solid #a65701;
    background: #e27802;
    background: -moz-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e27802), color-stop(100%, #c26601));
    background: -webkit-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -o-linear-gradient(top, #e27802 0, #c26601 100%);
    background: -ms-linear-gradient(top, #e27802 0, #c26601 100%);
    background: linear-gradient(to bottom, #e27802 0, #c26601 100%)
}

.buy {
    outline: 1px solid #bf6502;
    border: 1px solid #fcb15f;
    background: no-repeat center 3px #fc8a0b;
    background: no-repeat center 3px, -moz-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: no-repeat center 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc8a0b), color-stop(100%, #df7602));
    background: no-repeat center 3px, -webkit-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: no-repeat center 3px, -o-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: no-repeat center 3px, -ms-linear-gradient(top, #fc8a0b 0, #df7602 100%);
    background: no-repeat center 3px, linear-gradient(to bottom, #fc8a0b 0, #df7602 100%);
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 26px;
    padding: 0;
    float: right
}

.buy:hover {
    outline: 1px solid #a65701;
    background: no-repeat center 3px #e27802;
    background: no-repeat center 3px, -moz-linear-gradient(top, #e27802 0, #c26601 100%);
    background: no-repeat center 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e27802), color-stop(100%, #c26601));
    background: no-repeat center 3px, -webkit-linear-gradient(top, #e27802 0, #c26601 100%);
    background: no-repeat center 3px, -o-linear-gradient(top, #e27802 0, #c26601 100%);
    background: no-repeat center 3px, -ms-linear-gradient(top, #e27802 0, #c26601 100%);
    background: no-repeat center 3px, linear-gradient(to bottom, #e27802 0, #c26601 100%)
}

.buy .ladda-label {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/cart-tiny-white.png) 0 0 no-repeat transparent;
    display: block !important;
    height: 17px;
    margin: 3px 0 0 9px;
    width: 20px
}

.sold-out .buy {
    outline: 1px solid #9f9f9f;
    border: 1px solid #cecece;
    background: no-repeat center 3px #949494;
    background: no-repeat center 3px, -moz-linear-gradient(top, #949494 0, #777 100%);
    background: no-repeat center 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #949494), color-stop(100%, #777));
    background: no-repeat center 3px, -webkit-linear-gradient(top, #949494 0, #777 100%);
    background: no-repeat center 3px, -o-linear-gradient(top, #949494 0, #777 100%);
    background: no-repeat center 3px, -ms-linear-gradient(top, #949494 0, #777 100%);
    background: no-repeat center 3px, linear-gradient(to bottom, #949494 0, #777 100%);
    cursor: default
}

.greenBtnBase {
    outline: 1px solid #7c9912;
    border: 1px solid #b6db2f;
    background: #a7ce1a;
    background: -moz-linear-gradient(top, #a7ce1a 0, #93b516 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7ce1a), color-stop(100%, #93b516));
    background: -webkit-linear-gradient(top, #a7ce1a 0, #93b516 100%);
    background: -o-linear-gradient(top, #a7ce1a 0, #93b516 100%);
    background: -ms-linear-gradient(top, #a7ce1a 0, #93b516 100%);
    background: linear-gradient(to bottom, #a7ce1a 0, #93b516 100%);
    color: #fff;
    cursor: pointer
}

.greenBtnBase:hover {
    outline: 1px solid #6b850f;
    border: 1px solid #a7cb1f;
    background: #91b316;
    background: -moz-linear-gradient(top, #91b316 0, #7f9d13 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91b316), color-stop(100%, #7f9d13));
    background: -webkit-linear-gradient(top, #91b316 0, #7f9d13 100%);
    background: -o-linear-gradient(top, #91b316 0, #7f9d13 100%);
    background: -ms-linear-gradient(top, #91b316 0, #7f9d13 100%);
    background: linear-gradient(to bottom, #91b316 0, #7f9d13 100%)
}

input.greenBtnBase, button.greenBtnBase, a.greenBtnBase {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9375em;
    padding: .77em;
    display: inline-block
}

input.greenBtnBase:hover, button.greenBtnBase:hover, a.greenBtnBase:hover {
    text-decoration: none
}

input.greenBtnBase .note, button.greenBtnBase .note, a.greenBtnBase .note {
    text-transform: none;
    font-weight: 400;
    font-size: .85em;
    line-height: 1em
}

.fsubmit.greenBtnBase {
    padding: 0 .5em;
    font-size: .85em
}

.grayBtnBase {
    background: #f4f4f4;
    color: #666;
    border: 1px solid #d6d6d6;
    border-radius: 2px
}

.grayBtnBase:hover {
    background: #e0e0e0
}

.grayBtnBase i.left, .orangeBtnBase i.left, .greenBtnBase i.left {
    padding-left: .77em
}

.grayBtnBase i.right, .orangeBtnBase i.right, .greenBtnBase i.right {
    padding-right: .77em
}

.content a.greenBtnBase {
    color: #fff
}

.content a.greenBtnBase:hover {
    text-decoration: none
}

.pprice {
    padding: 1.4em;
    overflow: auto
}

.pprice .price {
    font-size: 1.125em
}

.pprice .oldprice {
    font-size: .8125em;
    line-height: 1em;
    color: #666;
    margin-right: 7px
}

.pprice .oldprice .crossed {
    text-decoration: line-through
}

.pprice .btw {
    font-size: .8125em;
    line-height: 1em
}

.pprice .fav span {
    font-size: .75em
}

.pprice .fav i {
    color: #8f8f8f;
    padding-right: .3em
}

.pprice .fav a:hover i, .pprice .fav .active i {
    color: #f16c97
}

.pprice .voor {
    clear: both
}

.pprice .amount {
    width: 23%;
    padding: 0 14px;
    font-size: 1.125em;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pprice .amountBtn {
    font-size: .8125em;
    height: 48px;
    position: relative;
    top: 1px;
    padding: 0
}

.pprice .amountBtn img {
    position: relative;
    top: -2px;
    padding-right: .5em
}

.rbullet, .rbulletdark {
    margin-left: -.35em
}

.rbullet i, .rbulletdark i {
    font-size: 1.2em;
    padding-right: .3em
}

.rbullet li, .rbulletdark li, .wbullet li, .rbulletlittle li {
    font-size: .8125em
}

.rbulletlittle i {
    font-size: .5em;
    padding-right: 1em
}

.rbullet {
    list-style: none;
    padding: 0
}

.rbullet li a {
    color: #666;
    text-decoration: none
}

.rbullet li a:hover {
    text-decoration: none;
    color: #fd8e16
}

.rbullet li a:hover i {
    color: #fd8e16
}

.rbullet li a.orange {
    color: #fd8e16
}

.rbullet li i {
    color: #dbdbdb
}

.rbullet li i.orange {
    color: #fd8e16
}

.rbulletdark {
    list-style: none;
    padding: 0
}

.rbulletdark li a {
    text-decoration: none
}

.rbulletdark li a:hover {
    text-decoration: underline
}

.rbulletdark li i {
    color: #8f8f8f
}

.rbulletlittle {
    list-style: none;
    padding: 0
}

.rbulletlittle li a {
    text-decoration: none;
    color: #666
}

.rbulletlittle li a.more {
    color: #46859f
}

.rbulletlittle li a:hover {
    text-decoration: underline
}

.rbulletlittle i {
    color: #d1d1d1;
    position: relative;
    top: -2px
}

.rbulletlittle a.more i {
    color: #46859f
}

.main, .mainfull, .mainleft {
    background: #fff;
    border: 1px solid #e1e1e1;
    overflow: auto
}

.content {
    overflow: auto;
    color: #666
}

.content a {
    color: #46859f;
    text-decoration: none
}

.content a:hover {
    text-decoration: underline
}

.content p {
    font-size: .75em
}

.main a:visited {
    color: #456877
}

.stripeinner, .amshopby-filters-left .block-content {
    padding: 1em 1.4em
}

.stripeinner .label {
    font-size: .8125em
}

.fgb {
    margin-bottom: 1.25em
}

.fgt {
    margin-top: .95em
}

.stripehead, .amshopby-filters-left .block-title {
    line-height: 3.125em;
    padding: 0 1.2em;
    color: #fd8e16;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/fbg.gif) repeat-x #f4f4f4;
}

.stripehead span {
    color: #fd8e16;
}

.stripepanel, .amshopby-filters-left {
    border: 1px solid #e1e1e1;
    background: #fff;
    margin-bottom: 1.2em
}

.stripepanel .title {
    color: #46859f;
    display: block;
    font-size: .9375em;
    margin-bottom: .5em
}

.breadcrumbs a {
    color: #666;
    text-decoration: none
}

.breadcrumbs .active {
    color: #fd8e16
}

.cnthead, .datehead {
    color: #fd8e16
}

span.cnthead {
    display: block
}

a.grayBtnBase:hover, button.grayBtnBase:hover {
    text-decoration: none
}

a.grayBtnBase:visited, button.grayBtnBase:visited {
    color: #666
}

a.grayBtnBase i, button.grayBtnBase i {
    color: #ec752b
}

a.cobox, a.coboxnm {
    color: #666;
    display: block
}

a.cobox:hover, a.coboxnm:hover {
    text-decoration: none
}

.cobox .bimg, .coboxnm .bimg {
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cobox:hover .caption, .coboxnm:hover .caption {
    background: #fd8e16;
    color: #fff;
    text-decoration: none
}

.cobox .caption, .coboxnm .caption {
    background: #f4f4f4
}

.bimg {
    overflow: hidden;
    text-align: center
}

.bimg img {
    max-width: 100%
}

.slider {
    position: relative;
    overflow: auto;
    z-index: 0
}

.slider ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.slider ul li {
    float: left
}

.slider .dots {
    position: absolute;
    right: 1.25em;
    top: 1.25em
}

.slide {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.slidebox {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/sliderbox-bg.png);
    color: #fff
}

.slidebox a {
    color: #fff
}

.slidebox a:hover {
    text-decoration: none
}

.hbox {
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 3.5%;
    position: relative
}

.hbox h2 {
    font-size: 1.25em;
    color: #fd8e16;
    display: inline-block
}

.hbox h2 a {
    color: #fd8e16
}

.hbox p {
    font-size: .8125em
}

.hbox .hbimage {
    position: absolute;
    right: 6%;
    top: 8%;
    width: 50px;
    height: 50px;
    background-image: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icons.png)
}

.hbox h2, .hbox p {
    position: relative;
    z-index: 2
}

.hmainbox {
    clear: both;
    overflow: auto
}

.hmainbox ul {
    font-size: .8125em
}

.hmainbox i {
    font-size: 1.25em
}

.hmainbox .icon-ok-1 {
    padding-right: .5em
}

.hmainbox h4 {
    font-size: 1.5em
}

.hmainbox .hmhead {
    font-size: 1.5em;
    margin-bottom: 1em
}

.hmainbox .hbluein {
    margin-bottom: .75em
}

.hmainbox .hbluein h4 {
    margin-bottom: 1em
}

.hmainbox h3 {
    color: #fd8e16;
    font-size: 1.25em
}

.hmainbox h3 a {
    color: #fd8e16
}

.hmainbox .hmside {
    overflow: auto
}

.hmainbox .hmside h3 {
    font-weight: 300
}

.hmainbox .hblue {
    background: #4a8da7;
    color: #fff
}

.hmainbox .hdblue {
    text-align: center;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/hbtop.jpg) no-repeat #3f798f center top;
    position: relative
}

.hmainbox .hbusers {
    position: absolute;
    background: #3f798f
}

.hmainbox .btn {
    text-align: center;
    display: block;
    color: #fff;
    line-height: 1em;
    padding: .5em;
    text-transform: none;
    font-weight: 400
}

.hmainbox .btn:hover {
    text-decoration: none
}

.tgbox {
    border: 1px solid #e9e9e9
}

.faqbox, .faqboxm {
    border: 1px solid #e9e9e9
}

.faqbox .more, .faqboxm .more {
    color: #46859f
}

.vragen {
    background: #f7f7f7
}

.vragen h3 {
    font-size: 1.25em;
    color: #fd8e16
}

.brandbox h2 {
    color: #fff;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/sliderbox-bg.png)
}

#order_progress h1 {
    color: #fd8e16
}

.progress {
    list-style: none;
    overflow: auto;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #666;
    padding-top: 35px;
}

.progress a {
    color: #666;
    text-decoration: none
}

.progress li {
    float: left;
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px 0;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/op-white.png) #fff no-repeat
}

.progress li.active {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/op-white.png) no-repeat #9ec01a;
    color: #fff
}

.progress li.active a {
    color: #fff
}

.progress li.last {
    background-color: transparent;
    border: 0;
    height: 35px
}

.progress li.first {
    background-image: none;
    border-left: 1px solid #e1e1e1
}

.progress .active + li {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/op-green.png) no-repeat #fff
}

.progress .active + li.last {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/op-green.png) no-repeat
}

.openbullet .hiddenbox {
    display: none;
    color: #8b8b8b;
    font-size: .92em;
    margin-left: 2.2em;
    margin-top: .4em
}

.openbullet li a {
    display: block;
    padding-left: 2em;
    text-indent: -2em
}

.openbullet li a i {
    position: relative;
    left: .8em
}

.odetail {
    color: #999;
    display: block;
    font-size: .85em
}

.oline {
    overflow: auto
}

.ocline {
    border-bottom: 1px solid #d8d8d8
}

.ocline .price {
    color: #8ab801
}

.priceline {
    width: 100%
}

.priceline.ttl {
    color: #8ab801
}

.priceline.btw {
    color: #999
}

.priceline {
    overflow: auto;
    float: right;
    clear: both
}

.priceline .col1, .priceline .col2 {
    float: left;
    text-align: right
}

.priceline .col1 {
    width: 54%
}

.priceline .col3 {
    float: right;
    text-align: right
}

h3.blueos {
    color: #46859f;
    font-size: 1em
}

.ideal {
    text-align: center
}

#ocfoot {
    background: #fff;
    border-top: 1px solid #ededed;
    overflow: hidden
}

#ocfoot .title {
    color: #99bc18;
    font-weight: 300
}

#ocfoot .hide.inactive {
    display: none !important
}

.thank, .subthank {
    color: #fd8e16
}

.ac {
    text-align: center
}

.tline {
    overflow: auto
}

.tline .tlabel, .tline .tlabelsel {
    text-align: right;
    font-size: .8125em
}

.tline .tfield {
    text-align: left
}

.tline {
    margin-bottom: .85em
}

.tline .tlabel, .tline .tlabelsel {
    float: left;
    width: 47%;
    padding-right: 3%
}

.tline .tlabelsel {
    line-height: 3em
}

.tline .tfield {
    width: 50%;
    float: left
}

.tline .tselect {
    width: 150px;
    float: left
}

.tline0 {
    margin-bottom: 0
}

.ptitle, .psubtitle {
    color: #fd8e16
}

.pimgwrapper {
    position: relative;
    text-align: center;
    z-index: 1
}

.pprice .price {
    color: #fd8e16
}

.pprice .voor {
    color: #8f8f8f
}

.ptabs .ui-state-default {
    background: #f5f5f5
}

.ptabs .ui-state-active {
    background: #fff
}

.ptabs li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.potabbox {
    margin-bottom: 1em
}

.ptabbox, .btabbox, .potabbox {
    display: block;
    position: relative;
    cursor: pointer
}

.ptabbox .label, .btabbox .label, .potabbox .label, .ptabbox .price, .btabbox .price, .potabbox .price, .ptabbox .sale, .btabbox .sale, .potabbox .sale, .ptabbox .new, .btabbox .new, .potabbox .new, .potabbox .eta {
    font-size: .875em
}

.ptabbox .price, .btabbox .price, .potabbox .price, .ptabbox .sale, .btabbox .sale, .potabbox .sale, .ptabbox .new, .btabbox .new, .potabbox .new, .potabbox .eta {
    position: absolute;
    top: .75em
}

.ptabbox .imgbox, .btabbox .imgbox, .potabbox .imgbox {
    border-color: #eaeaea;
    border-width: 1px 1px 0;
    border-style: solid;
    position: relative
}

.ptabbox .price, .btabbox .price, .potabbox .price {
    border: 1px solid #d6d6d6;
    color: #fd8e16;
    font-weight: 700;
    background: #fff;
    right: .75em;
    padding: .32em .75em;
    display: inline-block
}

.ptabbox .oldprice, .btabbox .oldprice, .potabbox .oldprice {
    display: block;
    color: #616161;
    text-align: right;
    font-size: .85em;
    line-height: 1;
    padding-top: .25em
}

.ptabbox .oldprice .crossed, .btabbox .oldprice .crossed, .potabbox .oldprice .crossed {
    text-decoration: line-through
}

.ptabbox .sale, .btabbox .sale, .potabbox .sale {
    background: #8ab801;
    color: #fff;
    font-weight: 700;
    left: .75em;
    padding: .4em .5em;
    display: inline-block
}

.ptabbox .new, .btabbox .new, .potabbox .new {
    background: #46859f;
    font-weight: 700;
    color: #fff;
    left: .75em;
    padding: .35em .5em;
    display: inline-block
}

.ptabbox .label, .btabbox .label, .potabbox .label {
    background: #f4f4f4;
    padding: .75em;
    overflow: auto;
    line-height: 2em
}

.btabbox .label {
    line-height: 3.6em;
    overflow: hidden;
    padding: 0 1em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btabbox color #666 {
    text-decoration: none
}

.btabbox:hover .label {
    color: #fff;
    background-color: #fd8e16
}

.btabbox:hover .label a {
    color: #fff
}

.btabbox:hover .label a:hover {
    text-decoration: none
}

.ppanel {
    background: #fff;
    border: 1px solid #e1e1e1
}

.slabel {
    line-height: 3em
}

a.grayBtnBase, button.grayBtnBase {
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
    display: inline-block;
    font-size: .8125em
}

a.grayBtnBase.left, button.grayBtnBase.left {
    padding: .75em 1em .75em .4em
}

a.grayBtnBase.right, button.grayBtnBase.right {
    padding: .75em .4em .75em 1em
}

.buttons {
    margin-top: 1.25em
}

.orderhead {
    color: #fd8e16
}

.pline {
    overflow: auto;
    margin-bottom: .5em
}

.pline .llabel, .pline .rlabel {
    font-size: .75em;
    float: left
}

.pline .llabel i, .pline .rlabel i {
    font-size: 1.2em;
    color: #8f8f8f;
    line-height: 1em
}

.ordertable .orderheadline {
    color: #fff;
    background: #4685a0;
    overflow: auto;
    clear: both
}

.ordertable .orderheadline .ordertext {
    font-weight: 600;
    text-transform: uppercase
}

.ordertable .orderheadline .note {
    display: block
}

.ordertable .orderheadline .note.mdni {
    display: none
}

.ordertable .orderheadline .name, .ordertable .orderheadline .amount, .ordertable .orderheadline .price, .ordertable .orderheadline .namew, .ordertable .orderheadline .levert {
    border-right: 1px solid #5195b3
}

.ordertable .name, .ordertable .amount, .ordertable .price, .ordertable .namew {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ordertable .orderline {
    clear: both;
    overflow: auto;
    border: 0
}

.ordertable .ordername {
    color: #fd8e16
}

.occontainer, .naarcontainer {
    position: relative;
    overflow: auto
}

.occontainer .ocselect, .naarcontainer .ocselect {
    top: 0;
    left: 0
}

.orderline .price {
    color: #666
}

.orderline .total {
    color: #8ab801
}

.orderinfotitle {
    display: inline-block
}

.cupon {
    overflow: auto
}

.cupon .cuponinput {
    border: 1px solid #e0e0e0
}

.cupon .cuponsubmit {
    font-weight: 700;
    text-transform: uppercase
}

.optabs li.ui-tabs-active {
    background: #fff
}

.optabs li.brdr {
    border-right: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.optabs a {
    width: 100%;
    text-align: center
}

.payhead {
    color: #fd8e16
}

.banks .bankbox, .banks .bankboxg {
    border: 1px solid #e5e5e5
}

.cards .cardbox {
    border: 1px solid #e5e5e5;
    float: left;
    width: 45%;
    text-align: center;
    margin-bottom: 2%
}

.cards .cardbox:first-child {
    margin-right: 7%
}

.cards .cardbox:hover, .cards .cardbox.active {
    border-color: #47859f;
    cursor: pointer
}

.cards .cardbox img {
    max-width: 100%;
    padding: 5%
}

.sitemap {
    list-style: none;
    margin: 0 0 1em;
    padding: 0
}

.sitemap .s2, .sitemap .s3, .sitemap .s4 {
    font-size: .9em
}

.sitemap .s2 li, .sitemap .s3 li, .sitemap .s4 li {
    margin-left: 1em
}

.sitemap .s5 {
    font-size: 1em
}

.date {
    color: #999;
    font-style: italic
}

.oinfoline {
    overflow: auto;
    clear: both;
    font-size: .875em;
    margin-bottom: .5em
}

.success-msg, .greenmsg {
    border: 1px solid #87a817;
    background: #eef7d0;
    padding: .5em;
    font-size: .8125em;
    margin-bottom: 1em
}

.greenmsg i {
    padding-right: .5em
}

.messages .error-msg, .orangemsg {
    border: 1px solid #e5d35b;
    background: #f8fad5;
    padding: .5em;
    font-size: .8125em;
    margin-bottom: 1em
}

.orangemsg i {
    padding-right: .5em;
    color: #e5d35b
}

.orderlist {
    font-size: .875em
}

.orderlist .olhead {
    font-weight: 700;
    border-bottom: 2px solid #666
}

.orderlist .olline {
    border-bottom: 1px solid #666;
    cursor: pointer
}

.orderlist .oldetail {
    display: none
}

.orderlist .order i {
    cursor: pointer
}

.vfield .field {
    width: 100%
}

button.bicon {
    text-transform: none;
    outline: 0;
    font-weight: 600
}

button.bicon i {
    color: #666
}

button.bicon {
    padding: .6em;
    text-transform: none;
    font-weight: 600
}

button.bicon i {
    font-size: 1.25em;
    color: #666
}

.amountBtn {
    font-size: .8125em;
    height: 48px;
    position: relative;
    top: 1px;
    padding: 0
}

.amountBtn img {
    position: relative;
    top: -2px;
    padding-right: .5em
}

.prbox {
    position: relative
}

.cycle-prev, .cycle-next {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 999;
    cursor: pointer
}

.cycle-prev.center, .cycle-next.center {
    top: 45%
}

.cycle-prev.top, .cycle-next.top {
    top: 0
}

.cycle-prev {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/cycle-left.png) no-repeat;
    left: 7px
}

.cycle-next {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/cycle-right.png) no-repeat;
    right: 7px
}

.cycle-img-c {
    text-align: center;
    width: 100%
}

.cycle-title {
    color: #fd8e16;
    font-size: 1.125em;
    line-height: 29px
}

.cycle-title-wrapper {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cycle-slideshow {
    margin-top: 1em
}

.cycle-slideshow .ptabbox {
    padding-top: 3.75em;
    width: 100%
}

.cycle-slideshow .ptabbox .imgbox {
    background: #fff
}

.cycle-slideshow .ptabbox .label {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e1e1e1
}

.fullbtn {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

a.afre {
    position: relative;
    top: 2px;
    padding: .7em;
    margin-left: .7em
}

a.herb i {
    color: #666
}

.c9 {
    color: #999
}

.cntsubhead, .datesubhead {
    font-size: 1.25em
}

.cntsubhead a, .datesubhead a {
    color: #666
}

.cntsubhead a.update, .datesubhead a.update {
    color: #46859f
}

.cntsubsubhead {
    font-size: 1.15em
}

.cntsubhead, .cntsubsubhead {
    margin-top: 1em
}

.datesubhead {
    margin-bottom: .25em;
    margin-top: 1em
}

.wbullet i {
    font-size: 1.4em;
    padding-right: .25em
}

.wbullet {
    line-height: 1.4em
}

.oline {
    padding-bottom: .25em;
    clear: both
}

input.logbtn {
    font-size: .75em;
    margin-top: 1.5em;
    margin-right: 1em
}

.small {
    font-size: .8125em
}

.large {
    font-size: 1.25em
}

.oosform {
    font-size: .8em
}

.update {
    font-size: .65em
}

button.committing, input.committing {
    margin-top: 1.25em !important;
    margin-left: 1px;
    font-size: .75em;
    padding: .5em
}

.brandbox {
    margin-bottom: 1em
}

.brandbox .imgbox {
    position: relative;
    margin-bottom: 1em;
    cursor: pointer
}

.brandbox h2 {
    position: absolute;
    left: 0;
    bottom: 24px;
    font-size: 1.4375em;
    padding: .35em .75em
}

.cobox, .coboxnm {
    margin-top: 1.3em
}

.cobox .caption, .coboxnm .caption {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .875em;
    line-height: 3.6em;
    padding: 0 1em
}

.olabel, .vlabel {
    font-size: .875em;
    margin-top: 1.5em
}

.gr {
    margin-right: 3.5em
}

.faqboxhead {
    font-size: 1em
}

.faqboxhead a:hover {
    text-decoration: none
}

.faqsubhead {
    font-size: 1em;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.faqbox, .faqboxm {
    margin-bottom: 2.25%
}

.faqboxm {
    margin-right: 2.25%
}

.oropen {
    cursor: pointer
}

.oos {
    color: #fd8e16;
    font-size: 1.125em;
    display: block
}

.fsubmit {
    line-height: 2.5em
}

.fsubmit, .oossubmit {
    padding: 0 .5em;
    margin-left: .4em;
    position: relative;
    top: 1px;
    font-size: .85em
}

.grayBtnBase .icon-left-open {
    text-shadow: 1px -1px 0 #555;
    margin-right: .75em
}

.grayBtnBase .icon-right-open {
    text-shadow: -1px -1px 0 #555;
    margin-left: .75em
}

#menu .icon-down-open {
    text-shadow: 1px -1px 1px #666
}

#filter {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/filter.jpg) no-repeat;
    width: 47px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

#cuponform {
    display: none
}

.thank {
    font-size: 1.75em
}

.subthank {
    font-size: 1.375em
}

.hoverbox {
    position: absolute;
    width: 100%;
    padding: 0 5%;
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/sliderbox-bg.png);
    color: #fff;
    left: 0;
    display: none;
    z-index: 2;
    line-height: 2em;
    bottom: 3em
}

.hoverbox a, .hoverbox span {
    float: left;
    color: #fff;
    font-size: .8125em
}

.hoverbox a .icon-heart, .hoverbox span .icon-heart {
    padding-right: 1em
}

.hoverbox a:hover, .hoverbox span:hover {
    text-decoration: none
}

.hoverbox a.fr, .hoverbox span.fr {
    float: right;
    position: relative;
    left: 2px
}

.hoverbox a:visited {
    color: #fff
}

.ptabbox a, .potabbox a {
    display: block;
    overflow: hidden;
    height: 2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 8px
}
.potabbox .imgbox a {
    height: auto;
}

#tabletinner {
    overflow: none
}

.sbox {
    position: relative
}

#addtocart, #favemailmodal {
    display: none;
    color: #666
}

#addtocart {
    position: absolute;
    z-index: 999;
    background: #df7602;
    color: #fff;
    padding: .75em;
    outline: 1px solid #bf6502;
    border: 1px solid #fcb15f;
    text-align: center;
    width: 165px
}

#addtocart p {
    text-align: center
}

#addtocart .fsubmit {
    width: 100%;
    margin: 0
}

#addtocart input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#addtocart input.error {
    border: 1px solid red;
    color: red
}

#addtocart .w50 {
    width: 50%
}

.no-close .ui-widget-content, .favemail .ui-widget-content {
    border: 0
}

.no-close {
    padding: 1em
}

.no-close p {
    line-height: 32px
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.no-close .ui-dialog-titlebar {
    height: 0
}

.favemail {
    padding: 0 1em 1em
}

.favemail .ui-dialog-titlebar-close {
    background: 0 0;
    float: right;
    border: 0
}

.modalLbl {
    line-height: 38px;
    text-align: left
}

.mainimgr {
    margin-left: 1.2em
}

.mainimgl {
    margin-right: 1.2em
}

.mainimgl, .mainimgr {
    margin-bottom: 1em
}

.dotted {
    border-bottom: 1px dotted #46859f
}

#terms {
    display: none;
    font-size: .812em;
    clear: both;
    border: 1px solid #e1e1e1;
    padding: 1em;
    margin-top: 1em;
    max-height: 20em;
    overflow-y: auto
}

.w100 {
    width: 100%
}

.naar .sold-out {
    text-align: left;
    font-size: .9em;
    line-height: 1.8em
}

.naar .addmsg {
    padding-top: .7em
}

#loginbox {
    display: none
}

.mb {
    margin-bottom: 1.5em
}

.orderline .amounttb, .orderline .amounttb2, .orderline .amounttb3, .orderline .levert, .orderline .pricecol, .orderline .totalcol, .orderline .totalcolq {
    float: left
}

.orderline .totalcol, .orderline .totalcolq {
    text-align: right
}

.orderline .pricecol {
    text-align: center
}

.orderline .amounttb, .orderline .amounttb2, .orderline .amounttb3 {
    font-size: .9375em;
    overflow: hidden
}

.orderline .amounttb.ac, .orderline .amounttb2.ac, .orderline .amounttb3.ac {
    text-align: center
}

.orderline.quick {
    line-height: 3em
}

.orderline .ladda-button .ladda-label {
    z-index: 0 !important
}

.orderline .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.orderline .name a {
    padding: 0 5px
}

#orderline-example {
    display: none
}

.levert, .totalcol {
    text-align: center
}

.noartikel {
    color: #aaa;
    font-style: italic;
    font-size: .8125em
}

#tooltip, .ui-tooltip-content, .ui-tooltip {
    width: 140px;
    height: 102px
}

html, body {
    height: 100%
}

.page-wrap {
    min-height: 100%
}

.page-wrap:after {
    content: "";
    display: block
}

.sprite-home-baby {
    background-position: 0 0
}

.sprite-home-bamboe {
    background-position: 0 -100px
}

.sprite-home-educatief {
    background-position: 0 -200px
}

.sprite-home-hobby {
    background-position: 0 -300px
}

.sprite-home-kinder {
    background-position: 0 -400px
}

.sprite-home-rollenspel {
    background-position: 0 -500px
}

.dividebox {
    border-bottom: 1px dotted #999;
    padding-bottom: .95em
}

.mb2 {
    margin-bottom: 2em
}

.mb05, .cnthead.mb05 {
    margin-bottom: .5em
}

.addmsg {
    color: #91b019;
    font-size: .75em;
    text-align: left;
    display: none
}

.addmsg.ERROR {
    color: #bb3001
}

#sliderwrapper {
    overflow: auto;
    clear: both
}

button.save, input.save {
    font-size: .75em;
    margin-left: 1px;
    margin-top: 1.25em;
    padding: .5em
}

body.has-king-id .hmainbox .hbluein {
    padding-bottom: 2em
}

body.has-king-id .hmainbox .
hdblue {
    display: none
}

.wishlist-heart .already-added {
    color: #f16c97
}

.header-quick-order-link {
    color: #46859f
}

.header-quick-order-link:hover {
    text-decoration: underline
}

#wishlist-view-form .orderline .name a {
    padding: 0
}

#wishlist-view-form .orderline .naar {
    height: auto !important
}

#wishlist-view-form .orderline .naar .naarcontainer {
    overflow: hidden
}

@media screen and (max-width: 320px) {
    a.afre {
        padding: .7em .25em
    }
}

@media screen and (max-width: 767px) {
    .inner {
        padding: 0 5%;
        margin: auto;
        width: 100%
    }

    .pline .llabel {
        margin-right: 5px
    }

    #logo {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/logo-mobile.png) no-repeat;
        width: 154px;
        height: 55px;
        display: block;
        float: left
    }

    #basket {
        float: right;
        margin-top: 1em
    }

    .mtop {
        background: #fff;
        overflow: auto;
        clear: both;
        padding-top: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #e0e0e0
    }

    #mobilesearch {
        float: right;
        width: 25px;
        height: 27px;
        margin-right: 1em;
        margin-top: 1.25em;
        cursor: pointer;
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/search-closed.png) no-repeat
    }

    #mobilesearch.opened {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/search-opened.png) no-repeat
    }

    #menu {
        margin-top: 1em;
        margin-bottom: 1em;
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #e7e7e7
    }

    #menu > li {
        border-bottom: 1px solid #e7e7e7;
        display: none;
        padding-left: 4em
    }

    #menu > li.home {
        padding-left: 10px
    }

    #menu > li a {
        color: #fd8e16;
        text-decoration: none;
        font-weight: 400;
        font-size: 1.0625em;
        display: block;
        padding-right: 1.1em;
        line-height: 4em
    }

    #menu > li .icon-down-open, #menu > li .icon-up-open {
        float: right
    }

    #menu .mpanel {
        display: none;
        box-shadow: none;
        padding-bottom: 1.75em
    }

    #menu .mpanel .title, #menu .mpanel .mnew, #menu .mpanel .mpercent {
        display: none
    }

    #menu .mpanel .icon-right-circle {
        visibility: hidden
    }

    #menu .mpanel a {
        line-height: 2em;
        color: #666;
        font-family: 'Open Sans', sans-serif;
        font-size: .95em
    }

    #menu li.active {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/fbg.gif) repeat-x #f4f4f4;
        border: 1px solid #fff;
        display: block
    }

    #menu li.active a {
        line-height: 3.2em
    }

    #menu li i.icon-home-1 {
        font-size: 1.5em
    }

    #menu .mobilehome {
        color: #666
    }

    #menu .mmenuicon {
        color: #999
    }

    #menu ul {
        margin-left: -20px
    }

    #menu .nomargin {
        margin: 0
    }

    #baby {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-baby.png) no-repeat 14px 18px #fff
    }

    #kinder {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-kinder.png) no-repeat 14px 18px #fff
    }

    #educatief {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-educatief.png) no-repeat 14px 18px #fff
    }

    #rollenspel {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-rollenspel.png) no-repeat 14px 18px #fff
    }

    #bamboe {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-bamboe.png) no-repeat 14px 18px #fff
    }

    #hobby {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-hobby.png) no-repeat 14px 18px #fff
    }

    #account {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-account.png) no-repeat 14px 18px #fff
    }

    #edugro {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/icon-edugro.png) no-repeat 14px 18px #fff
    }

    #lnginfo, .topline, #basket_amount, .bprice {
        display: none
    }

    .topsearchbox {
        width: 99.5%;
        margin-top: 1.2em
    }

    .mobilesearchboxwrapper {
        border-bottom: 1px solid #eee;
        background: #fff;
        padding-bottom: 1em
    }

    .mdn, .mdni, .tdn {
        display: none
    }

    .ddn {
        display: block
    }

    .ddni {
        display: inline
    }

    .mf13 {
        font-size: .8125em
    }

    .mf11 {
        font-size: .7em
    }

    .slideboxhead {
        font-size: 1em;
        margin: 0
    }

    .slider {
        width: 100% !important
    }

    .slide {
        position: relative
    }

    #sliderwrapper {
        width: 90%;
        margin: 0 auto 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #e7e7e7;
        height: 142px
    }

    .slide {
        height: 140px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .slidebox {
        padding: .5em;
        position: absolute;
        bottom: 1em;
        left: 0
    }

    .hmainbox .hblue {
        margin-bottom: 1.25em
    }

    .hmainbox .hbluein {
        padding: 1em
    }

    .hmainbox .hdblue {
        padding: 3.2em 1em 1em
    }

    .hmainbox .hmside {
        padding-bottom: 1.25em;
        padding-left: 1.25em;
        padding-right: 1.25em;
        background: #fff;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        position: relative
    }

    .hmainbox .hmside h3 {
        position: absolute;
        left: 1.25em;
        top: 68px;
        padding: .5em;
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/sliderbox-bg.png);
        color: #fff;
        font-size: 1em;
        font-weight: 400
    }

    .hmainbox .hmside h3 a {
        color: #fff
    }

    .hmainbox .hmside img {
        margin-bottom: .75em
    }

    .hmainbox .hmside.hb {
        border-bottom: 1px solid #e1e1e1
    }

    .hmainbox .hmside p {
        margin: 0 0 0 1em
    }

    .hmainbox .hmhead {
        border-color: #e1e1e1;
        border-style: solid;
        border-width: 1px 1px 0;
        background: #fff;
        margin: 0;
        padding: .888888em;
        font-size: 1.125em
    }

    .hbox, .hboxm {
        margin-bottom: 1.25em;
        padding: 3.5% 6%
    }

    .hbox h2, .hboxm h2 {
        line-height: 50px;
        margin: 0
    }

    .cselect {
        width: 75%;
        float: right
    }

    .gt1 {
        margin-top: 1em
    }

    select.cselect {
        right: 0;
        width: 75%
    }

    .breadcrumbs {
        display: none
    }

    .ptabbox, .btabbox {
        margin-bottom: 1.25em
    }

    .ptabbox .imgbox, .btabbox .imgbox {
        text-align: center
    }

    .ptextbox {
        padding-bottom: 10em
    }

    .ptextbox.out-of-stock {
        padding-bottom: 13em
    }

    .pprice {
        padding: 0 0 1em 1px
    }

    a.grayBtnBase.left {
        float: left
    }

    a.grayBtnBase.right {
        float: right
    }

    .pprice .voor {
        font-size: .7em;
        margin: 1.25em 0 .5em;
        color: #666
    }

    #footline {
        text-align: center;
        padding: 1em 0;
        margin-top: 1.5em
    }

    #footline .fdivide {
        padding: 0 .5em
    }

    #footline a {
        float: none;
        display: inline
    }

    #footline .mdn {
        display: none
    }

    .main, .mainfull, .mainleft, .ideal {
        padding: 1em
    }

    .mshide {
        display: none
    }

    .msshow {
        display: block
    }

    .mobileswitch {
        clear: both;
        overflow: auto;
        margin-bottom: 1em
    }

    .pimgwrapper img {
        max-width: 100%
    }

    .msbtn {
        line-height: 2.625em;
        width: 50%;
        float: left;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .hiddenbtn {
        box-shadow: inset 0 2px 5px 0 #eee;
        border: 1px solid #dadada;
        color: #666;
        background: #fff;
        padding: 1px
    }

    .showedbtn {
        margin: 1px
    }

    .ptitle {
        font-size: 1.375em
    }

    .psubtitle {
        font-size: 1.25em
    }

    .pprice {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .pprice .amountBtn {
        padding: 0 .5em
    }

    .abox {
        margin-top: .75em
    }

    .abox .amount {
        width: 25%
    }

    .abox .amountBtn {
        width: 75%
    }

    .abox .amount, .abox .amountBtn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #order_progress {
        clear: both;
        padding-top: 1em
    }

    .progress {
        font-size: .7em;
        line-height: 3em
    }

    .progress li {
        padding: 0 .25em 0 1.35em
    }

    .openstripe {
        cursor: pointer
    }

    .content {
        margin-top: 1em
    }

    .payhead {
        font-size: 1.25em
    }

    .payline i, .stripehead i {
        float: right;
        color: #eb7023;
        font-size: 1.2em
    }

    .toggle {
        display: none
    }

    .payline {
        background: #fff;
        line-height: 4.3em;
        padding: 0 1.4em;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
        border-top: 1px solid #e7e7e7
    }

    .payline.bb {
        border-bottom: 1px solid #e7e7e7
    }

    .ptab .stripecontent {
        padding: 1.4em;
        background: #fff;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7
    }

    .bankbox, .bankboxg {
        width: 48%;
        float: left;
        text-align: center;
        height: 100px;
        line-height: 100px;
        margin-bottom: 2%
    }

    .bankboxg {
        margin-right: 2%
    }

    a.simplebtn {
        text-align: center;
        font-weight: 600;
        font-size: .75em;
        display: block;
        margin-top: 2em;
        color: #666;
        text-transform: uppercase
    }

    .ordertable .ordername {
        color: #46859f;
        margin-bottom: .5em
    }

    .ordertable .orderline {
        background: #fff;
        padding: 1em;
        border-bottom: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1
    }

    .ordertable .orderline.first {
        border-top: 1px solid #e1e1e1
    }

    .ordertable .amount, .ordertable .price, .ordertable .total {
        font-size: .8125em;
        clear: both;
        line-height: 1.8em;
        overflow: hidden
    }

    .ordertable .amount.mcol, .ordertable .price.mcol, .ordertable .total.mcol, .ordertable .amount.mcol2, .ordertable .price.mcol2, .ordertable .total.mcol2, .ordertable .amount.mcol3, .ordertable .price.mcol3, .ordertable .total.mcol3 {
        float: left;
        clear: none
    }

    .ordertable .ocselect {
        line-height: 1.8em;
        font-size: .9em
    }

    .prices {
        border: 1px solid #e1e1e1;
        background: #fff;
        padding: 1em;
        margin-bottom: 1em;
        overflow: auto
    }

    a.afre {
        font-size: .8125em;
        float: right;
        margin-right: 1px
    }

    a.herb {
        line-height: 3em;
        top: 2px;
        position: relative;
        float: left;
        background: #fff
    }

    a.afre, a.herb {
        width: 48%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    .mfull {
        background: 0 0;
        border: 0;
        padding: 0 0 2px
    }

    .mbuttons {
        padding-bottom: 1.25em;
        overflow: auto
    }

    .priceline {
        font-size: .9375em
    }

    .priceline .col1 {
        margin-right: 1.8em
    }

    .occontainer {
        width: 20%;
        float: right
    }

    .orderbuttons {
        overflow: auto;
        padding-bottom: 2px
    }

    .mfr {
        float: right
    }

    .mfl {
        float: left
    }

    .openstripe span {
        color: #666
    }

    .veel {
        color: #fd8e16;
        font-size: 1.18em;
        margin-bottom: .65em;
        margin-top: 1em
    }

    .fullbtn {
        width: 100%;
        padding: 1px 0;
        clear: both;
        margin-top: .75em
    }

    .ocline {
        clear: both;
        overflow: auto;
        font-size: .9375em;
        line-height: 2.5em
    }

    .ocline .col1 {
        float: left
    }

    .ocline .col3 {
        float: right
    }

    .prices.nob {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .main.nobt {
        border-top: 0
    }

    .ideal {
        padding-bottom: 0
    }

    .ideal .simplebtn {
        margin-bottom: 0
    }

    .tgbox {
        border: 0;
        clear: both
    }

    .cntsubhead {
        color: #fd8e16
    }

    .olabel, .vlabel {
        font-size: .875em
    }

    .full {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .field {
        display: inline-block
    }

    input.logbtn {
        margin-left: 1px
    }

    .mgb {
        margin-bottom: 1em
    }

    .field .icon-ok-1 {
        bottom: .4em;
        right: .35em
    }

    .field .icon-cancel {
        bottom: .1em;
        font-size: 1.3em;
        right: .1em
    }

    .oline {
        margin-bottom: .75em
    }

    .cnthead, .datehead {
        font-size: 1.375em
    }

    button.bicon {
        width: 100%
    }

    .mbtnfull {
        width: 100%
    }

    .ofield {
        float: left
    }

    .ofield .greenBtnBase {
        margin: 1px 0 0 1px;
        width: 99%
    }

    .ofield.full {
        width: 100%;
        overflow: hidden
    }

    .ofield.fullta {
        width: 100%
    }

    .ofield.part1 {
        width: 13%
    }

    .ofield.part2 {
        width: 23%
    }

    .ofield.part3 {
        width: 58%
    }

    .ofield.part4 {
        width: 33.5%
    }

    .ofield.part5 {
        width: 63.5%
    }

    .ofield .field {
        width: 100%
    }

    .ofield .field .textInputBase {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .oselect {
        width: 100%
    }

    .oselect .cselect {
        width: 100%
    }

    .ogr {
        margin-right: 3%
    }

    a.update {
        float: right
    }

    span.update {
        color: #666;
        float: right
    }

    .oinfolabel {
        font-weight: 700
    }

    .oinfolabel .odetail {
        display: inline-block;
        margin-right: 1em
    }

    button.commit, input.commit {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .brandbox {
        width: 100%
    }

    .brandbox .imgbox {
        text-align: center
    }

    .brandbox img {
        max-width: 100%
    }

    .vfield .textInputBase {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .vline .commit {
        margin-top: 1em;
        margin-bottom: 2em
    }

    .faqbox, .faqboxm {
        width: 95.5%;
        padding: 2.25%
    }

    .vragen {
        clear: both;
        padding: 3% 2.5%
    }

    .vragen p {
        margin-right: 50%
    }

    .vragen ul {
        margin-top: 2.5em
    }

    .orderlist .oldate .ddni, .orderlist .oltotal .ddni, .orderlist .status .ddni {
        font-weight: 700;
        padding-right: 1em
    }

    .orderlist .olamount {
        padding-right: 1em
    }

    .orderlist .olline {
        padding: .5em 0
    }

    .oossubmit {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .abox {
        margin-right: 2em
    }

    .orderinfo {
        font-size: .8125em;
        clear: both;
        overflow: auto
    }

    .naar {
        font-size: .8125em
    }

    .mbt {
        border-bottom: 1px solid #e1e1e1;
        padding: 0
    }

    .mcb {
        clear: both;
        margin-top: 1em;
        width: 100%
    }

    .mfav {
        margin-top: 1em
    }

    #filter {
        display: none
    }

    .tline .mflbl {
        width: 100%;
        text-align: left;
        margin-bottom: .5em;
        line-height: 1.5em
    }

    .moh {
        overflow: hidden
    }

    .mal {
        text-align: left
    }

    .nos {
        font-family: Arial
    }

    .naar .buy {
        margin-left: 1em
    }

    .orderline .amounttb {
        width: 33%
    }

    .orderline .amounttb2 {
        width: 20%
    }

    .orderline .amounttb3 {
        width: 46%
    }

    .orderline.quick {
        padding: .25em 1em;
        border-bottom: 1px solid #e1e1e1;
        border-top: 0
    }

    .orderline .totalcolq {
        text-align: center
    }

    .levert, .totalcol, .totalcolq {
        width: 33%
    }

    .mcol {
        width: 33%;
        text-align: center
    }

    .mcol2 {
        width: 20%;
        text-align: center
    }

    .mcol3 {
        width: 46%;
        text-align: center
    }

    .gt {
        margin-top: 1em
    }

    .cycle-prev, .cycle-next {
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        background-position: center center;
        padding-top: 15px
    }

    .addmsg {
        line-height: 1.5em
    }

    .amounttb .textInputBase, .amounttb2 .textInputBase, .amounttb3 .textInputBase {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #checkoutSteps #checkout-step-payment #payment-buttons-container {
        display: none
    }

    #checkoutSteps #checkout-step-payment #payment-buttons-container-mobile {
        clear: both;
        padding-top: 1em
    }

    #checkoutSteps #checkout-step-payment #payment-buttons-container-mobile .fl {
        display: none !important
    }

    #checkoutSteps #checkout-step-payment #payment-buttons-container-mobile .fr {
        width: 100%;
        float: none
    }

    .stripeinner .wddn .select-wrap {
        display: inline-block;
        float: right;
        width: 75%;
        position: relative
    }

    .stripeinner .wddn .select-wrap .cselect {
        width: 100%
    }

    #quickorder .ordertable #orderlines .amount {
        clear: none;
        font-size: 1em;
        line-height: 3em
    }
}

@media screen and (min-width: 768px) {
    .total, .price {
        font-family: 'Open Sans', sans-serif
    }

    .inner {
        width: 90%;
        max-width: 1000px
    }

    .topline {
        line-height: 3.33em;
        border-bottom: 1px solid #e1e1e1;
        font-size: .75em
    }

    .topline .fl a, .topline .ft a {
        padding-right: 1em
    }

    .topline .fr a {
        padding-left: 1em
    }

    .logged {
        padding-right: 1em
    }

    .topsearchbox {
        margin: 2.5em 0;
        width: 100%
    }

    .topsearchboxwrapper {
        float: left;
        width: 47%
    }

    #logo {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/logo-desktop.png) no-repeat;
        width: 200px;
        height: 71px;
        float: left;
        margin: 1em 3.3em 1em 0
    }

    #lnginfo {
        height: 2.75em;
        line-height: 2.75em;
        font-size: .75em
    }

    #lnginfo, .topline, #basket_amount, .bprice {
        display: block
    }

    .mainmenu {
        position: relative;
        z-index: 10
    }

    #menu .withmp:hover {
        border-bottom: 0 !important
    }

    #menu {
        background: #fff;
        border-style: solid;
        border-color: #eaeaea;
        border-width: 1px 1px 0;
        font-size: .875em;
        margin: 0 0 .65em 1px;
        height: 4.03em;
        position: relative
    }

    #menu.homepage {
        margin-bottom: 0
    }

    #menu > li {
        float: left;
        width: 15.54%;
        border-left: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 0;
        border-bottom: 1px solid #eaeaea
    }

    #menu > li:hover .mpanel {
        display: block
    }

    #menu > li.active {
        border-bottom: 0
    }

    #menu > li.withmp:hover {
        border-bottom: 0
    }

    #menu > li > a {
        display: block;
        color: #8e8e8e;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        padding: .8em 0;
        line-height: 1.2em
    }

    #menu > li .icon-down-open, #menu > li .icon-up-open {
        display: none
    }

    #menu li.home {
        width: 6.713426853707%;
        border: 0;
        border-bottom: 1px solid #eaeaea
    }

    #menu li.home a {
        font-size: 1.6em;
        padding: .63em 0
    }

    #menu .mpanel {
        position: absolute;
        top: 100%;
        display: none;
        z-index: 9999;
        padding: 1.75em 1.5em;
        white-space: nowrap
    }

    #menu .mpanel a i {
        font-size: 1.25em;
        padding-right: .2em
    }

    #menu .title {
        font-size: 1.386em
    }

    .field .msg {
        height: 1.5em
    }

    #basket {
        margin: 2.5em 0 0;
        float: right
    }

    .slider {
        width: 100% !important
    }

    .gl, .fgl {
        margin-left: 4em
    }

    .mgl {
        margin-right: 7.5em
    }

    .gt {
        margin-top: 1em
    }

    .newsdank {
        font-size: .9375em;
        margin-top: .5em
    }

    .newsdank i {
        height: 100%;
        left: .5em;
        line-height: 300%
    }

    .inspanel .tpanel {
        padding: 1.75em 1.5em;
        line-height: 1.5;
        right: 0;
        top: 240%;
        border: 1px solid #eee;
        box-shadow: 0 6px 6px -6px #ccc;
        font-size: 1.083em
    }

    .inspanel .tpanel ul {
        line-height: 1.75em
    }

    .inspanel .tpanel i {
        font-size: 1.6em;
        padding-right: .25em
    }

    .inspanel .title {
        font-size: 1.5em;
        margin-bottom: .45em
    }

    .ndmsg {
        padding: .75em .75em .75em 2.75em;
        line-height: 1.3em
    }

    .frpanel {
        width: 18em;
        float: right
    }

    #foot {
        padding: 2.375em 0
    }

    #foot .foothead {
        margin-bottom: .9em;
        display: block;
        font-size: 1.5em;
        line-height: 1em;
        color: #fff
    }

    #foot ul {
        font-size: .8em
    }

    #foot ul li {
        line-height: 1.95em
    }

    #foot ul i {
        font-size: 1.3em;
        padding-right: .25em
    }

    #footline {
        padding: 1.71em 0;
        font-size: .75em
    }

    #footline a {
        margin-right: 2.66em
    }

    #footline a.nob {
        margin-right: .5em
    }

    .field .icon-ok-1 {
        bottom: .4em;
        right: .35em
    }

    .field .icon-cancel {
        bottom: .1em;
        font-size: 1.3em;
        right: .1em
    }

    .sliderWrapper .value {
        font-size: .8125em;
        margin-top: .5em
    }

    .bprice, .emptybasket {
        font-size: .75em;
        line-height: 1.1em;
        padding-top: .9em
    }

    .stripe {
        float: left
    }

    .striperight {
        float: right
    }

    .main {
        display: block !important
    }

    .main, .mainfull, .mainleft, .ideal {
        padding: 2.8% 2.2%
    }

    .main {
        float: right
    }

    .mainleft {
        float: left
    }

    .content {
        margin: 1em 0 1.2em;
        clear: both;
        position: relative
    }

    .breadcrumbs {
        font-size: .75em;
        margin-bottom: 1.75em
    }

    .breadcrumbs .arrow {
        padding: 0 .25em;
        font-size: .9em
    }

    .datehead {
        margin-bottom: .25em
    }

    .cnthead {
        margin-bottom: 1em
    }

    .cnthead, .datehead {
        font-size: 1.5em
    }

    .buttons {
        float: right;
        margin-top: 1em;
        clear: both
    }

    .mobileswitch {
        display: none
    }

    .cobox, .coboxnm {
        width: 32%;
        float: left
    }

    .cobox {
        margin-right: 1.3%
    }

    .coboxnm {
        margin-right: 0
    }

    .dot {
        width: 20px;
        height: 6px;
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/dot.png) no-repeat right 0
    }

    .active {
        background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/img/dot-active.png) no-repeat right 0
    }

    .slide {
        height: 392px;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #e7e7e7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .slide .inner {
        position: relative;
        height: 100%
    }

    .slidebox {
        width: 48%;
        position: absolute;
        bottom: 2em;
        right: 0;
        padding: 1.25em
    }

    .slidebox .slideboxhead {
        font-size: 1.25em;
        margin-bottom: .25em
    }

    .slidebox p {
        font-size: .75em;
        margin-bottom: 0
    }

    .slidebox .sdate {
        font-size: .8125em
    }

    .hbox {
        width: 32%;
        float: left;
        margin-bottom: 1.5%
    }

    .hboxm {
        margin-right: 2%;
        margin-bottom: 1.5%
    }

    .hmainbox {
        padding: 2em;
        background: #fff;
        border: 1px solid #e1e1e1
    }

    .hmainbox .hmside {
        margin-bottom: 1.5em;
        max-width: 65%
    }

    .hmainbox .hmside img {
        float: left;
        margin-right: 1.25em
    }

    .hmainbox .hmside p {
        margin-right: 4em
    }

    .hmainbox .hblue {
        float: right;
        width: 34%
    }

    .hmainbox .hbluein {
        padding: 2em 2em 0
    }

    .hmainbox .hdblue {
        padding: 3.2em 1.25em 1.25em
    }

    .tgbox {
        width: 48.25%;
        padding: 0 3.25% 3.25%;
        margin-bottom: 1.5em
    }

    .faqbox, .faqboxm {
        width: 31.5%;
        padding: 2.25%;
        float: left
    }

    .vragen {
        clear: both;
        padding: 3% 2.5%
    }

    .vragen p {
        margin-right: 30%
    }

    .vragen ul {
        margin-top: 2.5em
    }

#order_progress {
        float: left;
        margin-top: 1em
    }

    #order_progress h1 {
        font-size: 1.25em
    }

    .progress {
        font-size: .8125em;
        line-height: 2.5em
    }

    .progress li {
        padding: 0 1.5em 0 2.3em
    }

    .olabelb, .olabel, .loginlabel {
        float: left;
        width: 40%
    }

    .fw {
        width: 40%;
        display: block;
        float: left
    }

    .ofield {
        float: left
    }

    .ofield.full {
        width: 43%
    }

    .ofield.fullta {
        width: 43%
    }

    .ofield.part1 {
        width: 6%
    }

    .ofield.part2 {
        width: 10%
    }

    .ofield.part3 {
        width: 24%
    }

    .ofield.part4 {
        width: 18%
    }

    .ofield.part5 {
        width: 23.5%
    }

    .ofield.wm {
        width: 64%
    }

    .ofield .field {
        width: 100%
    }

    .ofield .field .textInputBase {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .fullbtn {
        width: 43%;
        padding: 1px 0
    }

    .ogr {
        margin-right: .65em
    }

    .ogt {
        margin-top: 1.1em
    }

    .oselect {
        width: 43%;
        margin-top: 1.4em
    }

    .oselect .cselect {
        width: 100%
    }

    .cselect {
        float: right;
        width: 75%
    }

    .obuttons {
        margin-top: 1.5em;
        margin-bottom: 1em;
        overflow: auto
    }

    .grayBtnBase {
        padding: 1em
    }

    .greenBtnBase.f13 {
        font-size: .8125em;
        padding: 1em 1.75em
    }

    a.grayicon {
        padding: .75em;
        font-weight: 600
    }

    a.grayicon i {
        color: #666
    }

    .ocline {
        font-size: .9375em;
        overflow: auto;
        line-height: 3em
    }

    .ocline .price {
        text-align: right
    }

    .ocline .col1, .ocline .col2, .ocline .col3 {
        float: left
    }

    .ocline .col1 {
        width: 60%
    }

    .ocline .col2 {
        width: 25%
    }

    .ocline .col3 {
        width: 15%
    }

    .prices {
        margin-top: .75em
    }

    .priceline {
        font-size: 1.125em;
        width: 40%
    }

    .priceline .col1 {
        margin-right: 1.8em
    }

    .pgt {
        margin-top: 1.25em
    }

    #ocfoot .title {
        font-size: 1.5625em;
        margin: 0;
        line-height: 2.64em
    }

    #ocfoot img {
        padding: .9em .5em
    }

    .ocgt {
        margin-top: 1em;
        padding: 1px
    }

    .ideal {
        padding-bottom: 0
    }

    .ideal .greenBtnBase {
        padding: .65em 2em .75em
    }

    .ogb {
        margin-bottom: 1.25em
    }

    .ptitle {
        font-size: 1.75em
    }

    .pimgbox {
        float: left;
        width: 35%
    }

    .pprice {
        background: #f4f4f4;
        border: 1px solid #f4f4f4
    }

    .pprice .amountBtn {
        width: 76%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .pimgwrapper {
        border-color: #eaeaea;
        border-style: solid;
        border-width: 1px 1px 0
    }

    .ptextbox {
        float: right;
        width: 62%
    }

    .psubtitle {
        font-size: 1.25em
    }

    .pgt {
        margin-top: 1.25em
    }

    .ptabs {
        clear: both;
        margin-top: 1.25em
    }

    .ptabs li {
        font-size: 1.25em
    }

    .ptabs .ptab {
        overflow: auto
    }

    .pgr {
        margin-right: 1.8%
    }

    .ptabbox {
        width: 23.6%
    }

    .potabbox {
        width: 32%
    }

    .pogr {
        margin-right: 2%
    }

    .btabbox {
        width: 32%
    }

    .ptabbox, .btabbox, .potabbox {
        float: left
    }

    .ptabbox img, .btabbox img, .potabbox img {
        max-width: 100%
    }

    .pline .llabel {
        width: 30%;
        margin-right: 0
    }

    .pline .rlabel {
        width: 70%;
        margin-right: 0
    }

    .ppanel {
        padding: 1.4em;
        overflow: auto;
        margin-top: 1.25em
    }

    .pprice .voor {
        font-size: .75em;
        margin: .5em 0 .75em
    }

    .ochead, .orderhead {
        font-size: 1.75em
    }

    .ordertable {
        padding-top: 1.5em
    }

    .ordertable .name, .ordertable .amount, .ordertable .price, .ordertable .total, .ordertable .naar, .ordertable .namew, .ordertable .levert {
        float: left
    }

    .ordertable .orderheadline .name, .ordertable .orderheadline .amount, .ordertable .orderheadline .naar, .ordertable .orderheadline .namew, .ordertable .orderheadline .levert {
        line-height: 3em
    }

    .ordertable .amount, .ordertable .price, .ordertable .naar, .ordertable .namew {
        text-align: center
    }

    .ordertable .price, .ordertable .total {
        padding-top: .2em;
        padding-bottom: .3em
    }

    .ordertable .ordertext {
        font-size: .9375em
    }

    .ordertable .note {
        font-size: .6875em
    }

    .ordertable .orderheadline .name {
        width: 50%;
        padding-left: 2%
    }

    .ordertable .name {
        width: 50%
    }

    .ordertable .name .description {
        padding-left: 165px
    }

    .ordertable .name .description .nowrap {
        white-space: nowrap
    }

    .ordertable .namew {
        width: 50%
    }

    .ordertable .naar {
        width: 31%
    }

    .ordertable .orderline .naar {
        width: 27%;
        padding: .85em 2%
    }

    .ordertable .amount {
        width: 17.5%
    }

    .ordertable .price, .ordertable .pricecol {
        width: 18.5%
    }

    .ordertable .total {
        text-align: right;
        width: 12%;
        padding-right: 2%
    }

    .ordertable .orderimg {
        float: left;
        margin: .85em
    }

    .ordertable .ordername {
        font-size: 1.125em;
        margin-top: 1em;
        margin-bottom: 0;
        display: block
    }

    .ocselect {
        line-height: 2em;
        font-size: .75em;
        float: left;
        width: 85%
    }

    .naarcontainer {
        float: left;
        width: 70%
    }

    .naarcontainer.dfl.mfl {
        width: 75%;
    }

    .occontainer {
        margin-top: 3em;
        margin-left: 1.1em
    }

    .orderline .name, .orderline .amount, .orderline .price {
        border-right: 1px solid #e5e5e5
    }

    .orderline .price, .orderline .total, .orderline .aprice {
        font-size: 1.125em;
        line-height: 119px
    }

    .orderline .aprice {
        line-height: 46px
    }

    .orderline .price {
        text-align: center
    }

    .orderline .total {
        text-align: right
    }

    .orderline .amount a {
        font-size: .8em
    }

    .orderline.even {
        background: #f4f4f4
    }

    .orderinfo {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .orderinfo .orderinfotitle {
        min-width: 40%
    }

    .orderinfo span {
        font-size: .8125em;
        line-height: 1em
    }

    .cupon {
        line-height: 2.3333em;
        margin-top: .25em
    }

    .cupon span, .cupon a {
        font-size: .8125em
    }

    .cupon a {
        padding-right: 2em
    }

    .cupon form {
        display: inline-block
    }

    .cupon .cuponinput {
        line-height: 2.3333em;
        height: 2.3333em;
        padding: 0 .5em;
        margin-left: .5em;
        font-size: .7em
    }

    .cupon .cuponsubmit {
        line-height: 2.1em;
        height: 2.1em;
        padding: 0 1em;
        font-size: .7em;
        position: relative;
        top: 1px
    }

    .paym {
        margin-top: 1em
    }

    .paym img {
        margin-right: 1em
    }

    .orderbuttons {
        clear: both;
        padding: 1.5em 1px 1px 0;
        overflow: auto
    }

    .optabs li {
        width: 25%
    }

    .optabs li.brdr a, .optabs li.last a {
        padding: .5em 0
    }

    .payhead {
        font-size: 1.75em
    }

    .banks .bankbox, .banks .bankboxg {
        width: 18%;
        float: left;
        height: 110px;
        line-height: 110px;
        text-align: center;
        margin-bottom: 2%
    }

    .banks .bankbox img, .banks .bankboxg img {
        max-width: 100%
    }

    .banks .bankboxg {
        margin-right: 2.05%
    }

    .paytabs {
        width: 74.5%;
        margin-top: 0;
        float: left;
        clear: none
    }

    .date {
        margin-bottom: .25em
    }

    .pagination {
        margin-top: 2em;
        overflow: auto
    }

    .paginate {
        font-size: .9em
    }

    .paginate i {
        font-size: 1.25em;
        position: relative;
        top: 2px
    }

    .oinfoline .detail {
        padding-top: 1.25em
    }

    .oinfoline .oinfolabel, .oinfoline .oinfofield {
        float: left
    }

    .oinfoline .oinfolabel {
        width: 40%
    }

    .pgro {
        margin-right: 1.75%
    }

    .bgro {
        margin-right: 2%
    }

    .pboxes {
        overflow: auto;
        margin-bottom: 1em
    }

    .pboxes .ptabbox {
        margin-top: .75em
    }

    .igr {
        padding-right: .5em
    }

    .orderlist .olline, .orderlist .olhead {
        overflow: auto;
        padding: .5em 0
    }

    .orderlist .order, .orderlist .oldate, .orderlist .oltotal, .orderlist .status {
        float: left
    }

    .orderlist .order {
        width: 50%
    }

    .orderlist .order i {
        width: 1em
    }

    .orderlist .oldate {
        width: 15%
    }

    .orderlist .oltotal {
        width: 15%
    }

    .orderlist .status {
        width: 20%
    }

    .orderlist .oldetail {
        margin-left: 1.75em
    }

    .orderlist .olamount {
        width: 10%;
        display: inline-block
    }

    .gb {
        margin-bottom: 1.5em
    }

    .vfield input, .vfield textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .mdn {
        display: block
    }

    .mdni {
        display: inline
    }

    #footline .mdn {
        display: block
    }

    .ddn, .ddni {
        display: none !important
    }

    .dfr {
        float: right
    }

    .dfl {
        float: left
    }

    .stripehead i {
        display: none
    }

    .stripehead span {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .stripeinner, .amshopby-filters-left .block-content {
        padding: 15px 15px;
    }

    .brandbox {
        width: 49%
    }

    .orderline .amounttb, .orderline .amounttb2, .orderline .amounttb3 {
        width: 17.5%;
        text-align: center
    }

    .levert, .totalcol {
        width: 14%
    }

    .totalcolq {
        width: 12%;
        padding-right: 2%
    }

    .mt125 {
        margin-top: 1.25em
    }

    .lh195 {
        line-height: 1.75em
    }

    #sliderwrapper {
        max-width: 998px;
        width: 90%;
        margin: auto
    }

    .addmsg {
        margin-bottom: .5em
    }

    .amounttb .textInputBase, .amounttb2 .textInputBase, .amounttb3 .textInputBase {
        width: 70%
    }

    #catalog-filter .stripeinner, .amshopby-filters-left .block-content {
        padding-top: 0
    }

    .tline .tlabelsel.shiftdown {
        margin-top: 18px
    }

    #ocfoot.visible {
        display: block !important
    }

    .paytabs {
        width: auto
    }

    #tabletside {
        display: block;
        margin-left: -100%
    }

    .tdn {
        display: none
    }

    #tabletinner {
        overflow: hidden
    }

    .fgl {
        margin-left: 2em
    }

    #menu #rollenspel .mpanel, #menu #bamboe .mpanel, #menu #hobby .mpanel {
        right: 0
    }
}

@media screen and (max-width:959px){
    .stripe{
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 960px) {
    .main, .mainleft {
        width: 74.4%
    }

    .paytabs {
        width: 74.5%
    }

    .stripe, .striperight {
        width: 23.4%;
    }

    #filter {
        display: none
    }

    #tabletside, #tabletmain {
        margin: 0 !important
    }

    .wddn {
        display: none
    }

    .tdn {
        display: block
    }

    .frpanel {
        float: right;
        clear: none;
        padding-top: 0
    }

    .fgl {
        margin-left: 4em
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
}

.dividebox ul, .dividebox ol {
    list-style: none;
    padding: 0;
}

.dividebox li label {
    color: #666;
    font-size: 0.8125em;
    margin-right: 2em;
}

.rbullet li a.ui-helper-clearfix i {
    width: 26px;
    float: left;
}

.qty {
    display: inline-block;
    height: 2.8rem;
    vertical-align: middle;
    width: 7.5rem;
    margin-top: 1rem;
}

.qty input[type=text] {
    padding-left: 1rem;
    width: 5.5rem;
    height: 2.8rem;
    float: left;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(70, 133, 160, .16);
    -moz-box-shadow: inset 0 1px 1px rgba(70, 133, 160, .16);
    box-shadow: inset 0 1px 1px rgba(70, 133, 160, .16);
    border: 1px solid #4685A0;
    border-width: 1px 0 1px 1px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));
}

.qty input[type=text].error {
    border-color: red;
}

.qty button {
    float: left;
    width: 1.9rem;
    height: 1.4rem;
    background-color: #fff;
    border: 1px solid #4685A0;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.qty button.plus {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    border-bottom-width: 0;
    position: relative;
}

.qty button.plus:before {
    border: .4rem solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    color: #4685A0;
    content: '';
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -0.4rem;
    margin-top: -0.7rem;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 0;
}

.qty button.minus {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
    position: relative;
}

.qty button.minus:before {
    border: .4rem solid;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    color: #4685A0;
    content: '';
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -0.4rem;
    margin-top: -0.2rem;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 0;
}

.amount .mfl {
    line-height: 2.8rem;
    margin-right: 2rem;
}

.cycle-next.disabled, .cycle-prev.disabled {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .qty {
        margin-top: 0;
    }

    #discount-coupon-form {
        margin-bottom: 20px;
    }

    #hascupon {
        width: 100%;
    }

    #cuponform {
        width: 100%;
        padding-bottom: 1px;
    }

    #coupon_code {
        width: 31%;
        margin-left: 0;
        margin-right: 1.5%;
        float: left;
        line-height: 1.5em;
        margin-top: -1px;
        padding-left: 0.5em;
    }

    .cupon .cuponsubmit {
        width: 31%;
        margin-left: 2.2%;
        margin-right: 0;
        float: left;
    }
}

@media screen and (max-width: 446px) {
    #coupon_code {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        line-height: 1.5em;
        margin-top: 0;
    }

    .cupon .cuponsubmit {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        float: left;
    }

    .cupon .cuponsubmit.couponsubmitleft {
        margin-left: 1px;
        float: left;
    }

    .cupon .cuponsubmit.couponsubmitright {
        margin-right: 1px;
        float: right;
    }
}

.ptabbox .eta, .btabbox .eta, .potabbox .eta {
    border: 1px solid #d6d6d6;
    background: #fff;
    font-weight: 700;
    left: .75em;
    padding: .33em .5em;
    display: inline-block
}

.qty input[type="text"].free-prod-qty {
    width: 7.4rem;
    border-right: 1px solid #4685a0;
    border-radius: 3px;
}

.content #ampromo-items-add {
    margin-top: 40px;
    border: 1px solid #5195b3;
    margin-bottom: 0;
}

.content #ampromo-items-add a {
    color: #5195b3;
}

.ampromo_items_form h4 {
    color: #fd8e16;
    text-decoration: none;
}

.ampromo-item-buttons button {
    background: none no-repeat scroll center 3px, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fc8a0b 0px, #df7602 100%) repeat scroll 0 0;
    border: 1px solid #fcb15f;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 26px;
    outline: 1px solid #bf6502;
    padding: 0 15px;
    width: auto;
}

.gratis-prod {
    color: #8ab801;
}

ol.m-filter-css-checkboxes li a.m-checkbox-unchecked, ol.m-filter-css-checkboxes li a.m-checkbox-checked {
    font-size: 0.8125em;
    color: #666666;
}

.rbullet li,
.rbulletdark li,
.wbullet li,
.rbulletlittle li {
    margin-bottom: 0.4em;
}

.rbullet li a {
    line-height: 1.4em;
    padding-top: 1px;
    box-sizing: border-box;
    color: #666;
    display: block;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.rbullet li i {
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

.banks .bankboxg:hover, .banks .bankboxg.active,
.banks .bankbox:hover, .banks .bankbox.active {
    border-color: #47859f;
    cursor: pointer
}
.street-multiple{
    margin-left: 40%;
}
#checkout-feedback-form select,
#checkout-feedback-form input {
    width: 300px !important;
}

#checkout-feedback-form #question-4 {
    width: 75px !important;
}

.messages, .messages ul {
    display: block;
    list-style: none;
    padding: 0;
}

.messages .success-msg span:before {
    content: '\e800';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 1.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    color: #87a817;
}

.messages .error-msg span:before {
    content: '\e83f';
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 1.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    color: #e5d35b;
}
.checkout-cart-index #contact_messages{clear: both;padding-top: 5px;}

#share-wishlist {
    visibility: hidden;
    float: right;
}

#notify_errorVal, #outofstock_notify_error {
    color: red;
    font-size: 11px;
    margin-left: 43px;
}

#btn-update-qty {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -10;
}

/* AMSHOPBY */

.amshopby-filters-left .block-content dd {
    margin: 0;
    border-bottom: 1px dotted #999;
    padding-bottom: .95em;
}
.amshopby-filters-left .block-content dt {
    color: #46859f;
    display: block;
    font-size: .9375em;
    margin-bottom: .5em;
    margin-top: .5em;
}
.amshopby-filters-left .block-content ol {
    padding: 0;
    list-style: none;
}

.amshopby-filters-left .block-content .block-subtitle {
    display: none;
}

.amshopby-filters-left .block-content .block-subtitle--currently {
    display: block;
    padding-top: 11px;
}

.amshopby-filters-left .block-title strong {
    font-weight: 400;
}

.amshopby-filters-left .amshopby-slider-ui .ui-slider-handle {
    background-color: transparent;
    border: 0 none;
}

.amshopby-filters-left .actions {
    padding-top: 7px;
    font-size: 0.8em;
    text-decoration: underline;
}

.amshopby-filters-left .block-content dt.category-filter {
    display: none;
}

.amshopby-slider-price .amshopby-filters-left {
    color: rgb(102, 102, 102);
}

div.block-layered-nav dd a.amshopby-attr,
div.block-layered-nav dd a.amshopby-attr-selected {
    font-size: 0.8125em;

    color: rgb(102, 102, 102);
    font-weight: 400 !important;
    padding-left: 20px !important;
}

body div.block-layered-nav dd a.amshopby-attr-selected {
    background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/filter-cb-checked.png) no-repeat -2px 2px;
}


.amshopby-attr .count,
.amshopby-attr-selected .count,
.amshopby-cat .count{
    display: none;
}

.currently li {
    font-size: 0.8em;
}

.currently .label {
    display: block;
    color: #46859f;
}


/* Pager */
.pager {  padding:5px 8px; margin:35px 0; text-align:right;background:#FFF;}
.pager .amount { float:left; margin:0;  padding-top:6px;}
.pager .amount strong{ font-weight:normal;}
.pager .limiter { float:right; margin-left:10px; z-index:999 !important; margin-top:3px; padding-top: 6px; font-size: 13px;}
.pager .limiter span { display:inline; position:relative;top:-7px;}
.pager .limiter select {  margin:0 0 1px; vertical-align:middle; }
.pager .pages {  margin:3px 0 0 15px; float:right; }
.pager .pages strong{ display:none; }
.pager .pages ol {float:left; padding:3px; list-style: none;}
.pager .pages li {
    float:left;
    margin: 0 2px 0 0;
    padding:1px 6px;cursor:pointer; border:1px solid #EBEBEB;border-radius:3px; background:#DEDDDD; }
.pager .pages .current , .pager .pages li:hover {background: none repeat scroll 0 0 #fd8e16; border:1px solid #fd8e16; color:#FFF;}
.pager .pages .current, .pager .pages li:hover a{ color:#fff; }
.pager .pages li  img ,.pager .pages li  a { text-decoration:none; }
pcnl-info .pcnl-info-label,
.pcnl-manual-checkbox{
    display: none;
}
.amshopby-filters-left .block-content dd {
    margin: 0;
    border-bottom: 1px dotted #999;
    padding-bottom: .95em;
}
.amshopby-filters-left .block-content dt {
    color: #46859f;
    display: block;
    font-size: .9375em;
    margin-bottom: .5em;
    margin-top: .5em;
}
.amshopby-filters-left .block-content ol {
    padding: 0;
}

div.block-layered-nav dd a.amshopby-attr {
    font-size: 0.8125em;
}

.validation-failed {
    border-color: #bb3001 !important;
}
.address-output label{
    display: none;
}
.pcnl-address-text {
    color: #bb3001;
    font-size: 90%;
}
.pcnl-info-text {
    margin-top: 20px;
}
.pcnl-hidden-field .msg {
    visibility: hidden !important;
}
#advice-invalid-postcode-postcode_housenumber, #advice-invalid-postcode-postcode_input, .validation-passed .validation-advice{display: none;}
#advice-validate-street-housenumber-street1 {
    display: block !important;
    width: 260px;
}
.input-postcode .validation-advice {display: none; }

/* Sitemap */
.page-sitemap .page-title h1{
    color: #fd8e16;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.page-sitemap .links{
    padding: 0;
}

.page-sitemap .links li{
    font-weight: 700;
    list-style: none;
}

.page-sitemap #sitemap_top_links + .pager{
    margin: 10px 0 35px;
}
/* Sitemap End*/

/* Sitemap */
.page-sitemap .page-title h1{
    color: #fd8e16;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.page-sitemap .links{
    padding: 0;
}

.page-sitemap .links li{
    font-weight: 700;
    list-style: none;
}

.page-sitemap #sitemap_top_links + .pager{
    margin: 10px 0 35px;
}
/* Sitemap End*/

@media screen and (min-width: 768px) {
    .input-postcode {
        width: 50%;
        float: left;
        margin-top: 10px;
    }
    .input-postcode:first-child, .street-edit{
        padding-right: 10px;
    }
}

/* recaptcha */
#rcode {
    min-height: 90px;
}


/* ==================== Improved One Page Checkout with progressbar  ===================== */
.block-progress .block-title { background:none; margin:0 0 34px; padding:0; }
.checkout-onepage-index .col-main { padding:0; border:0; }
.checkout-onepage-index .page-title { padding-right:40px; width:auto; }
.checkout-onepage-index .page-title h1 { background:none; padding:0; }

.opc { /*overflow:hidden;*/ padding: 0;  }
.opc .buttons-set { margin:15px 0 0; opacity:1!important; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set .back-link { display:none; }
.opc .buttons-set .please-wait { position:absolute; z-index:99; top:30%; left:50%; margin:-80px 0 0 -146px; border:5px solid #f3b66f; font-size:12px; background:#fff; padding:30px; white-space:nowrap; border:1px solid #c0c0c0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 50px rgba(0,0,0,0.2); box-shadow:0 0 50px rgba(0,0,0,0.2); }
/*.opc .buttons-set a { color:#214D90; }*/
.opc .ul { list-style:disc outside; padding-left:18px; }
.opc li.section { display:block; }
.opc .step-title,.opc .allow .step-title { display: none !important; }
.opc .step { /*padding: 0; position:absolute; border:0; top:0; left:0; z-index:1;  width:685px; height:900px;*/  }
.opc .step-title .number,.opc .allow .step-title .number,.opc .active .step-title .number { float:none; display:block; margin:0 auto; margin-bottom:10px; }
.opc .step-title a { display:none; }
.opc .step-title .number { background:#fff; color:#ccc; width:30px; height:30px; line-height:30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-bottom:10px; padding:0; border:0; position:relative; z-index:1; }
.opc .step-title h2 { font-size:12px; color:#bbb; clear:both; margin-bottom:10px; }
.opc .allow .step-title .number { background:#000; border-color:#fff; color:#fff; }
.opc .allow .step-title h2 { color:#000; }
.opc .active .step-title .number { background:#F18200; border-color:#fff; color:#fff; }
.opc .active .step-title h2 { color:#F18200; }
.opc .step-title,.opc .allow .step-title,.opc .active .step-title { position:relative; text-align:center; border:none; background:none; padding:0; overflow:hidden!important; height:80px; display:inline-block; vertical-align:top; }
.opc .step-title,.opc .allow .step-title,.opc .active .step-title { *display:block; *float:left; } 
.opc .step-title h2,.opc .allow .step-title h2,.opc .active .step-title h2 { width:100%; text-align:center; }
.opc .step-title { width:16%; }
.opc .form-list .field,.opc .form-list .wide { }
.opc .form-list li fieldset { margin-bottom:40px; }
.opc .form-list label { float:left; width:220px; text-align:right; padding:4px 0 0; }
.opc .form-list label.required em { float:none; position:relative; right:4px; }
.opc .form-list li.fields { margin:0; }
.opc .form-list div.fields { width:100%; overflow:hidden; margin:0 0 8px; }
.opc .form-list .wide,.opc .form-list li.fields .field { width:645px; margin:0 0 8px; }
.opc .form-list li.wide .input-box,.opc .form-list .input-box { clear:none; float:right; margin-right:140px; width:260px; }
.opc .form-list li.wide select { width:390px; }
.opc .form-list li.wide input.input-text { width:254px; }
.opc .form-list .control input { margin:8px 0 0 25px; }
.opc .form-list li.control label { float:left; }
.opc form .form-list li.wide { margin-bottom:8px; }
/*.opc form .address-select { margin:8px 0 40px; }*/

/*
.opc:first-of-type .step{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.opc:first-of-type .step[style*='display:none;'],
.opc:first-of-type .step[style*='display: none;']{display:block !important;}
.opc:first-of-type .section .step{left: 100%;}
.opc:first-of-type .allow .step{left: -100%;}
.opc:first-of-type .active .step{left:0;}
.opc:first-of-type li:last-child .step-title a{width:50%}
.opc:first-of-type li:first-child .step-title a{width:50%;left:50%}
.opc:first-of-type .step-title a { display:block;height:1px;border-bottom:1px dashed #ccc; width:100%; text-indent:-3000px; position: absolute;top:15px;z-index: 0}
.opc:first-of-type .allow .step-title a {}
*/

#opc-login p.required { display:none; }
#opc-login h3 { margin-bottom:18px; }
#opc-login .col-2 { float:left; }
#opc-login .col-2 form fieldset h4 { display:none; }
#opc-login .col-2 { display:block; width:300px; }
#opc-login .col-2 fieldset { width:300px; }
#opc-login .col-2 .input-box { width:188px; margin:0; float:left; }
#opc-login .col-2 .input-text { width:182px; }
#opc-login .col-2 .form-list label { text-align:left; }
#opc-login .col-2 .form-list label { width:110px; }
#opc-login .form-list li.control label { float:none; }
#opc-login .form-list li.control input { margin:0 8px 0 0; }
#opc-login .col-1 { float:right; }
#opc-login .col-1 { width:290px; }
#opc-login .col-1 h4,#opc-login .col-1 .ul { display:none; }

#checkout-step-review.step { /*width:645px;*/ }
/*#opc-review .step { padding:30px 0px; border-top:1px solid #BBAFA0; }*/
#opc-review .product-name { font-weight:bold; color:#0a263c; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 0; border:0; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { /*height:40px; line-height:40px;*/ }
#opc-shipping_method .buttons-set { border-top:1px solid #E4E4E4; }
/* ================================= Solution by www.h-o.nl =============================== */


/* --- edugro adjustments --- */
#checkoutSteps .ocselect-wrap { position: relative; height: 3em }
#checkoutSteps .ocselect-wrap select { left: 0; }
.styledRadio { overflow: hidden; }

#checkout-progress-content li, #checkout-progress-content li a { cursor: default; }
#checkout-progress-content li.allow, #checkout-progress-content li.allow a { cursor: pointer; }

#checkout-feedback-form .tline .tfield { position: relative; }
#checkout-feedback-form .tline .tfield select { left: 0 }

#co-payment-form .ui-widget-content { border: none; }
#co-payment-form .paytabs { width: auto; margin-top: -45px; margin-left: -22px; margin-right: -22px; }

#co-payment-form fieldset { border:none; padding:0; margin:0; }
#co-payment-form fieldset ul { list-style:none; }

#payment-methods .ui-tabs-panel { padding: 1em 22px; }

#ocfoot { display: none; }
#footline.hidden { display: none; }
#checkoutSteps #checkout-review-load #review-buttons-container .ideal { padding: 0; }
/*
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative;/*background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;overflow:hidden;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)*/}.ladda-button:hover{/*border-color:rgba(0,0,0,0.07);background-color:#888*/}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973c2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{/*border-color:rgba(0,0,0,0.07)*/;cursor:default;/*background-color:#999*/}.ladda-button[disabled]:hover,.ladda-button[data-loading]:hover{cursor:default;/*background-color:#999*/}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:0.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:0.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline;}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}

 /* fixes */
 .ladda-button[data-size="s"] { padding: 0; }
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
/* --- OVERAL FIXES --- */

/* --- TABLET FIXES --- */
@media (min-width: 768px) and (max-width: 959px ) {
	/* smaller search field on tablet when empty cart */ 
	.topsearchboxwrapper.emptycart { width: 30%; }
	
	/* sidebar filter fixes */
	#catalog-filter .mobileselect .label { float: left; }
	#catalog-filter .mobileselect .select-wrap { position: relative; }
	#catalog-filter .mobileselect select { right: 0; }
	
	/* merken content block */
	.main.merkenlist { width: 100%; }
}

/* --- CUSTOM FIXES --- */
@media (max-width: 460px ) {
	/* news detail on smaller screen shows images left aligned without floating text */
	#news-detail img.fr.mainimgr { float: none; margin-left: 0; }
}

@media (max-width: 768px ) {
    #menu .mpanel {
        overflow: visible!important;
    }
}

form .field .msg {
    color: #bb3001;
    visibility: visible;
}

p.item-msg {
    clear: both;
}
p.item-msg.error {
    color: #bb3001;
}


body {
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px ) {
.qty{float: right;}
}
#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.edugro.eu/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.edugro.eu/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 685px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 520px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px;
}

.amshopby-link{
    float:left;
    padding-left:5px;
    padding-top:5px;
}

.amshopby-clearer {
	display:block;
	clear:both;
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}
div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/checkbox_unchecked.png); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr:hover{background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/checkbox_unchecked_hover.png); text-decoration: none;}
div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd ol a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/checkbox_checked.png); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd ol a.amshopby-attr-selected:hover{background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/checkbox_checked_hover.png); text-decoration: none;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover
{background-image: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-rb1.gif);}

div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{background-image: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-rb2.gif);}
.amshopby-swatch {
    background-image: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-cb1.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;

}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}
.amshopby-cat-toggle.amshopby-cat-toggle-hidden {
    display: none;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute;
	background: #999;
	height: 6px;
	top: 6px;
	z-index: 1;
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto;
}

.btn-remove-inline { background-image: url('https://www.edugro.eu/skin/frontend/default/edugro_nl/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:14px; margin-left: 4px; display: inline-block; background-position-y: 3px; margin-bottom: -1px;}
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.edugro.eu/skin/frontend/default/edugro_nl/images/amshopby-expanded.gif) center left no-repeat;}
}

div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); }

.amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;}

/**
 * All Brands page
 */
.content .ambrands-list {
    min-width: 180px;
}

@media screen and (max-width:959px){
    .amshopby-filters-left .block-title{
        position: relative;
    }
    .amshopby-filters-left .block-title:before{
        content: '\e837';
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        text-shadow: 1px -1px 1px #666;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
    .amshopby-filters-left .block-content{
        padding: 20px;
        display: none;
    }
    .amshopby-filters-left.active .block-content{
        display: block;
    }
    .amshopby-filters-left.active .block-title:before{
        content: '\e838';
    }
}
/**
 * @name         :  Apptha Out Of Stock Notification
 * @version      :  0.1.5
 * @since        :  Magento 1.4
 * @author       :  Apptha - http://www.apptha.com
 * @copyright    :  Copyright (C) 2011 Powered by Apptha
 * @license      :  http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @Creation Date:  June 20 2011
 * @Modified By  :  Bala G
 * @Modified Date:  August 7 2013
 *
 * */

#outofstock_notify_error {
	margin-left: 0 !important;
	clear: both;
}

.ajaxreloadimage{
	background-image: url(https://www.edugro.eu/skin/frontend/default/edugro_nl/outofstocknotification/ajax-loader.gif);
	background-repeat: no-repeat;
	float: right;
	height: 16px;
	margin-top: 4px;
	width: 34px;
	display: none;
}
/*
 * Magmodules.eu - http://www.magmodules.eu
 *
 * NOTICE OF LICENSE
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@magmodules.eu so we can send you a copy immediately.
 *
 * @category      Magmodules
 * @package       Magmodules_Feedbackcompany
 * @author        Magmodules <info@magmodules.eu>
 * @copyright     Copyright (c) 2017 (http://www.magmodules.eu)
 * @license       http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

.feedbackcompany-sidebar-block {
    padding: 10px;
}

.feedbackcompany-sidebar-block .rating-name {
    font-style: italic;
}

.feedbackcompany-logo {
    width: 125px;
    margin: auto;
}

.feedbackcompany-medium-image {
    width: 125px;
    padding: 7px;
}

/** Discrete stars **/
.feedbackcompany-sidebar-block .rating-empty {
    float: right;
    display: block;
    width: 80px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 -16px;
    margin-right: 5px;
}

.feedbackcompany-sidebar-block .rating-star-1 {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 0;
    margin-right: 5px;
}

.feedbackcompany-sidebar-block .rating-star-2 {
    float: left;
    display: block;
    width: 32px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 0;
    margin-right: 5px;
}

.feedbackcompany-sidebar-block .rating-star-3 {
    float: left;
    display: block;
    width: 48px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 0;
    margin-right: 5px;
}

.feedbackcompany-sidebar-block .rating-star-4 {
    float: left;
    display: block;
    width: 64px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 0;
    margin-right: 5px;
}

.feedbackcompany-sidebar-block .rating-star-5 {
    float: left;
    display: block;
    width: 80px;
    height: 16px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/star.png') 0 0;
    margin-right: 5px;
}

/** Continuous stars **/

.feedbackcompany-small-widget .rating-box {
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-empty.png') no-repeat !important;
    margin: 5px 0 0;
    width: 75px;
}

.feedbackcompany-small-widget .rating {
    display: block;
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-filling.png') no-repeat !important;
}

.feedbackcompany-small-widget .feedbackcompany-small-text {
    padding: 5px 0 0 0;
}

.feedbackcompany-medium-widget .rating-box {
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-empty.png') no-repeat;
    margin: 10px 0 5px;
    width: 110px;
}

.feedbackcompany-medium-widget .rating {
    display: block;
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-filling.png') no-repeat !important;
}

.feedbackcompany-medium-widget .feedbackcompany-small-text {
    padding: 4px 0 0 0;
}

.feedbackcompany-small-score .rating-box {
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-empty.png') no-repeat;
    margin: 5px 15px;
    width: 109px;
    float: left;
}

.feedbackcompany-small-score .rating {
    display: block;
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-filling.png') no-repeat;
}

.feedbackcompany-small-score .feedbackcompany-small-text {
    padding: 4px 0 0 0;
}

/** big colorful review stars **/
.block-content p.company-name {
    text-align: center;
    margin: 5px auto;
    font-size: 12px;
}

.total-block-text {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
}

.total-block-text p {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 2px;
    font-size: 18px;
}

.total-block-text p.based-on {
    text-align: center;
    padding-top: 0;
    font-size: 11px;
    font-style: italic;
}

.total-block-stars {
    height: 21px;
    width: 110px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-empty.png') no-repeat;
    margin: 5px auto;
}

.total-block-stars span {
    display: block;
    height: 21px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-filling.png') no-repeat;
}

/** medium colorful review stars **/
.total-block-stars-medium {
    height: 20px;
    width: 108px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-medium-empty.png') no-repeat;
}

.total-block-stars-medium span {
    display: block;
    height: 20px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-medium-filling.png') no-repeat;
}

/** small colorful review stars **/
.total-block-stars-small {
    height: 14px;
    width: 74px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-empty.png') no-repeat;
    margin: 5px auto;
}

.total-block-stars-small span {
    display: block;
    height: 14px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-filling.png') no-repeat;
}

/** small grayscale review stars **/
.total-block-stars-grey {
    height: 14px;
    width: 74px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-grayscale-small-empty.png') no-repeat;
    display: inline-block
}

.total-block-stars-grey span {
    display: block;
    height: 14px;
    background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-grayscale-small-filling.png') no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, (min-resolution: 192dpi), (min-resolution: 2dppx) {
    /** big colorful review stars **/
    .total-block-stars {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-empty@2x.png') no-repeat;
        background-size: 110px 21px;
    }

    .total-block-stars span {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-big-filling@2x.png') no-repeat;
        background-size: 110px 21px;
    }

    /** medium colorful review stars **/
    .total-block-stars-small {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-medium-empty@2x.png') no-repeat;
        background-size: 108px 20px;
    }

    .total-block-stars-small span {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-medium-filling@2x.png') no-repeat;
        background-size: 108px 20px;
    }

    /** small colorful review stars **/
    .total-block-stars-small {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-empty@2x.png') no-repeat;
        background-size: 74px 14px;
    }

    .total-block-stars-small span {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-colorful-small-filling@2x.png') no-repeat;
        background-size: 74px 14px;
    }

    /** small grayscale review stars **/
    .total-block-stars-grey {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-grayscale-small-empty@2x.png') no-repeat;
        background-size: 74px 14px;
    }

    .total-block-stars-grey span {
        background: url('https://www.edugro.eu/skin/frontend/base/default/magmodules/feedbackcompany/images/stars-grayscale-small-filling@2x.png') no-repeat;
        background-size: 74px 14px;
    }
}

/* CUSTOM BLOCK */
.feedbackcompany-custom {
    font-weight: bold;
    font-size: 13px;
    display: block;
    border: .25em solid #EEE;
    background: #F6F6F6;
    padding: 1.0em;
    width: 30%;
    text-align: center;
}

.feedbackcompany-custom .client {
    font-size: 16px;
}

.feedbackcompany-custom .rating-box {
    margin-left: 40%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.feedbackcompany-custom .number {
    font-size: 11px;
    font-style: italic;
    font-weight: 300;
}

#feedbackcompany-header-widget {
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid silver;
    padding: 10px 15px 10px 10px;
    line-height: 18px;
}

#feedbackcompany-header-widget.feedbackcompany-header-widget-searchbar {
    position: absolute;
    top: 55px;
    right: 25%;
    margin-right: 18px;
}

#feedbackcompany-header-widget .total-block-stars-small {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 10px 0 8px;
}

.feedbackcompany-logo {
    padding: 10px 0;
}

@media (min-width: 961px) {
    #feedbackcompany-header-widget {
        display: inline-block;
    }

    #feedbackcompany-header-widget > * {
        display: inline-block;
    }

    #feedbackcompany-header-widget a:hover {
        text-decoration: none;
    }
}
/* Frontend styles */

input.pcnl-readonly {
	background-color: #EEE;
}

.form-list input.pcnl-input-text-half {
	width: 45%;
	margin-right:5px;
}
.form-list select.pcnl-input-text-half {
	width: 45%;
}

input.pcnl-readonly,
select.pcnl-readonly {
	color: grey;
	font-style: italic;
}

.pcnl-info-text {
	font-size: 90%;
}

.pcnl-info-label {
	float: none !important;
}

.pcnl-address-text {
	font-style: italic;
	clear: both;
	padding-left: 4px;
	padding-right: 4px;
	width: 90%;
}

/* excessive hidey-stuff? yes. blame IE (6, 7 & 9) */
.pcnl-hidden-field {
	visibility: hidden;
	display: block;
	height: 0px !important;
	width: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
}

/* Magento 1.9 styling 'float fix' for manual checkbox */
.form-list .control.pcnl-manual-checkbox div.input-box {
	display: block;
	float: none;
}

/* Showcase styles */

h4.pcnl-showcase, h4.pcnl-debug {
	background: url(https://www.edugro.eu/skin/frontend/base/default/postcodenl/api/images/postcode-logo.png) left center no-repeat;
	padding-left: 146px;
	height: 22px;
	line-height: 25px;
	margin-bottom: 0px;
}

dl.pcnl-showcase, dl.pcnl-debug {
	padding: 4px;
	border: 1px solid grey;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: white;
	position: relative;
}

dl.pcnl-showcase dt, dl.pcnl-debug dt {
	font-weight: bold;
}
dl.pcnl-showcase dd, dl.pcnl-debug dd {
	margin-left: 20px;
}

/* OneStepCheckout(.com) styling */
div.checkoutcontainer div.pcnl-input-housenumber {
	width: 60%;
}
div.checkoutcontainer div.pcnl-input-housenumber .input-text {
	width: 74%;
}
div.checkoutcontainer .pcnl-with-addition div.pcnl-input-housenumber .input-text {
	width: 22%;
}
div.checkoutcontainer div.pcnl-input-housenumber select.pcnl-input-text-half {
	margin-left: 4px;
	width: 50%;
}
div.checkoutcontainer .pcnl-info-text {
	width: 85%;
}

/* OneStepCheckout.com */
.onestepcheckout-index-index  .group-select li .input-postcode .input-box {
	width: auto;
}

/* GoMage LightCheckout */
body.gomage-checkout-onepage-index dl.pcnl-debug {
	width: 260px;
	overflow: hidden;
}

body.gomage-checkout-onepage-index dl.pcnl-debug:hover {
	width: auto;
	overflow: normal;
}

body.gomage-checkout-onepage-index .pcnl-manual-checkbox label,
body.gomage-checkout-onepage-index .pcnl-info label {
	float: none;
}
body.gomage-checkout-onepage-index .pcnl-info-text {
	width: 90%;
}

/* MageStore One Step Checkout */
body.onestepcheckout-index-index #one-step-checkout-form .pcnl-info-text {
	width: 78%;
}

/* Apptha One Step Checkout */
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-fields .field {
	margin-right: 8px;
	float: left;
	width: 120px !important;
}
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-fields .pcnl-input-housenumber {
	padding-left: 6px;
}
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-fields .field .input-text {
	width: 120px !important;
}
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-checkbox .field {
	width: 250px !important
}
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-checkbox input {
	float: left;
	margin-top: 2px;
	margin-right: 0;
}
body.onestepcheckout-index-index .onepage .form-list .pcnl-apptha-checkbox label {
	padding-left: 6px;
}

/* IWD One Step Checkout */
body.onepagecheckout-index-index .pcnl-manual-checkbox {
	clear: both; /* IE 7/9 fix */
}

/* IWD Checkout Suite */

body.iwd-opc-index-index .pcnl-info {
    margin-bottom: 5px;
}

body.iwd-opc-index-index div.input-postcode {
	width: 50%;
        float: left;
}

body.iwd-opc-index-index div.pcnl-input-housenumber {
	width: 45%;
        float: right;
}

body.iwd-opc-index-index .pcnl-manual-checkbox {
	clear: both;
}

body.iwd-opc-index-index .iwd_opc_universal_wrapper input.pcnl-readonly {
    background-color: #EEE;
}