.clear-fix-after,
.box-content:after,
.element-content:after,
.box-content > form > div:after,
.dialog-content-div > form > div:after,
.dialog-content-div > .tabContent > form > div:after,
.dialog-content-div > div > form > div:after,
.dialog-content-div > div .tabContent > form > div:after,
.dialog .prompt-buttons:after,
.dialog .tabContent .prompt-buttons:after,
.files-header:after,
.tabs-bar .tabContent:after,
.tabs-steps .tabContent:after,
.no-flex .license-plans:after,
.product:after,
.largeView .extras:after,
.smallView .extras:after,
#myCoursesList:after,
.myCoursesFilters:after,
main:after,
main > * > div:after,
.product-details-block:after,
.no-flex .product-details-right .buttons:after,
.columns-2:after,
.memberships:after {
  content: '';
  display: table;
  clear: both;
}
.button-icon-pseudo-base {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
}
.button-icon-disabled[disabled]:before,
.button-icon-disabled.disabled:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.button-icon-pseudo-base {
  background-color: #333;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/333333/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-icon-pseudo-base {
  background-color: transparent;
}
.button-icon-pseudo-white,
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button.fg:hover:before,
button.fg:hover:before,
.button.selected:hover:before,
button.selected:hover:before,
.button.fg:focus:before,
button.fg:focus:before,
.button.selected:focus:before,
button.selected:focus:before,
.button.fg:hover:active:before,
button.fg:hover:active:before,
.button.selected:hover:active:before,
button.selected:hover:active:before,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button.fg:hover:after,
button.fg:hover:after,
.button.selected:hover:after,
button.selected:hover:after,
.button.fg:focus:after,
button.fg:focus:after,
.button.selected:focus:after,
button.selected:focus:after,
.button.fg:hover:active:after,
button.fg:hover:active:after,
.button.selected:hover:active:after,
button.selected:hover:active:after,
.message-bar button:before,
#titlebar .button:before,
#titlebar button:before,
.message-bar button:after,
#titlebar .button:after,
#titlebar button:after,
#search_parameters button:hover:before,
#search_filters > button:hover:before,
.price-dropdowns .coz-input button:before,
.price-dropdowns .coz-input button:after,
.spotlight-running .spotlight-navigation > button:before,
.spotlight-running .spotlight-navigation > button:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-icon-pseudo-white {
  background-color: transparent;
}
.color-primary {
  color: #f96302;
}
.color-secondary {
  color: #4d4d4d;
}
.color-primary {
  color: #f96302;
}
.color-secondary {
  color: #4d4d4d;
}
html {
  font-size: 10px;
}
body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2857142857142858;
  font-weight: 300;
}
h1,
h2 {
  border: none;
}
div,
p,
a,
li,
td {
  -webkit-text-size-adjust: none;
}
.list > dt,
.list > dt > *,
.list > * > tr > th,
.list > * > .tr > .th,
.form > dt,
.form > div > dt,
.order-totals > dt,
.crumbs,
.index-heading,
.index-text,
.about-list dt,
.spotlight-title,
.product .title,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
.box-heading,
.tool-tip .tip-title,
.chart th,
.tip-title,
.product-sidebar dt,
.tabForm > tbody > tr > th,
.listPicker div.heading,
.productUpdateForm > div > label:first-child,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: italic;
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-weight: bolder;
}
.list > dt a,
.list > dt > * a,
.list > * > tr > th a,
.list > * > .tr > .th a,
.form > dt a,
.form > div > dt a,
.order-totals > dt a,
.crumbs a,
.index-heading a,
.index-text a,
.about-list dt a,
.spotlight-title a,
.product .title a,
.product-annotations > b:first-child a,
.product-annotations > br + br + b a,
.box-heading a,
.tool-tip .tip-title a,
.chart th a,
.tip-title a,
.product-sidebar dt a,
.tabForm > tbody > tr > th a,
.listPicker div.heading a,
.productUpdateForm > div > label:first-child a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.list > dt a:link,
.list > dt > * a:link,
.list > * > tr > th a:link,
.list > * > .tr > .th a:link,
.form > dt a:link,
.form > div > dt a:link,
.order-totals > dt a:link,
.crumbs a:link,
.index-heading a:link,
.index-text a:link,
.about-list dt a:link,
.spotlight-title a:link,
.product .title a:link,
.product-annotations > b:first-child a:link,
.product-annotations > br + br + b a:link,
.box-heading a:link,
.tool-tip .tip-title a:link,
.chart th a:link,
.tip-title a:link,
.product-sidebar dt a:link,
.tabForm > tbody > tr > th a:link,
.listPicker div.heading a:link,
.productUpdateForm > div > label:first-child a:link,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
  font-weight: inherit;
}
.index-heading,
h1 {
  font-size: 1.5em;
  line-height: 1.3333333333333333;
  color: #4d4d4d;
  font-weight: 700;
}
.index-text,
.about-list dt,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
h2 {
  font-size: 1.25em;
  line-height: 1.2;
  color: #4d4d4d;
  font-weight: 700;
}
.crumbs,
.spotlight-title,
.product .title,
.box-heading,
.tool-tip .tip-title,
.listPicker div.heading,
h3 {
  font-size: 1.125em;
  line-height: 1.2222222222222223;
}
h4 {
  font-size: 1em;
  line-height: 1.25;
}
.tool-tip,
.product-course {
  color: #fff;
  font-weight: normal;
}
strong,
b {
  font-weight: bolder;
}
.tool-tip,
.tool-tip,
.datePicker,
.jscolor-box {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3333333333333333;
}
.tool-tip .tip-title,
.tool-tip .tip-text {
  font-size: inherit;
  line-height: inherit;
}
.tool-tip .tip-title + .tip-text,
.tool-tip .tip-title + .tip-element {
  margin-top: 0.5em;
}
p,
h1,
h2,
h3,
ul,
ol,
dl {
  margin: 1em 0;
}
p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
style:first-child + p,
style:first-child + h1,
style:first-child + h2,
style:first-child + h3,
style:first-child + ul,
style:first-child + ol,
style:first-child + dl,
script:first-child + p,
script:first-child + h1,
script:first-child + h2,
script:first-child + h3,
script:first-child + ul,
script:first-child + ol,
script:first-child + dl {
  margin-top: 0;
}
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
ul:last-child,
ol:last-child,
dl:last-child {
  margin-bottom: 0;
}
p + br,
h1 + br,
h2 + br,
h3 + br,
ul + br,
ol + br,
dl + br {
  display: none;
}
ul > li > ul,
ol > li > ul,
ul > li > ol,
ol > li > ol {
  margin: 0;
}
li {
  margin: 0.6666666666666666em 0;
}
.breadcrumbs h1 {
  margin: 0;
}
.breadcrumbs .crumbs {
  line-height: 1.7777777777777777;
}
.spotlight-title {
  margin-top: 0;
}
a {
  text-decoration: none;
  font-weight: bolder;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
a,
:link,
:visited {
  color: #f96302;
}
a:hover {
  color: #c64f02;
}
a:focus,
a:active {
  color: #943b01;
}
a:hover,
a:focus,
a:active {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
a:focus {
  outline: 0;
}
.featured,
.new,
.specialOffer {
  font-weight: 400;
}
a.featured,
a.new,
a.specialOffer {
  color: inherit;
}
.tool-tip .featured,
.tool-tip .new,
.tool-tip .specialOffer {
  text-decoration: none;
}
.button,
button {
  cursor: pointer;
  border: 0;
  position: relative;
  behavior: none;
  text-align: center;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.button,
button,
.button.button.button:not(a):not(label):not(input),
button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.button:before,
button:before,
.button.button.button:not(a):not(label):not(input):before,
button.button.button:not(a):not(label):not(input):before,
.button:after,
button:after,
.button.button.button:not(a):not(label):not(input):after,
button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button:before,
.no-mask-image button:before,
.no-mask-image .button.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button.button:not(a):not(label):not(input):before,
.no-mask-image .button:after,
.no-mask-image button:after,
.no-mask-image .button.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-flat,
button.button-flat,
.button.flat,
button.flat,
.button.button.button-flat:not(a):not(label):not(input),
button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.button.button-flat:before,
button.button-flat:before,
.button.flat:before,
button.flat:before,
.button.button.button-flat:not(a):not(label):not(input):before,
button.button.button-flat:not(a):not(label):not(input):before,
.button.button-flat:after,
button.button-flat:after,
.button.flat:after,
button.flat:after,
.button.button.button-flat:not(a):not(label):not(input):after,
button.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-flat:before,
.no-mask-image button.button-flat:before,
.no-mask-image .button.flat:before,
.no-mask-image button.flat:before,
.no-mask-image .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-flat:after,
.no-mask-image button.button-flat:after,
.no-mask-image .button.flat:after,
.no-mask-image button.flat:after,
.no-mask-image .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button:focus,
button:focus,
.button.focus,
button.focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.8);
}
.button:hover:before,
button:hover:before,
.button.hover:before,
button.hover:before,
.button:focus:before,
button:focus:before,
.button.focus:before,
button.focus:before,
.button:hover:after,
button:hover:after,
.button.hover:after,
button.hover:after,
.button:focus:after,
button:focus:after,
.button.focus:after,
button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button:hover:before,
.no-mask-image button:hover:before,
.no-mask-image .button.hover:before,
.no-mask-image button.hover:before,
.no-mask-image .button:focus:before,
.no-mask-image button:focus:before,
.no-mask-image .button.focus:before,
.no-mask-image button.focus:before,
.no-mask-image .button:hover:after,
.no-mask-image button:hover:after,
.no-mask-image .button.hover:after,
.no-mask-image button.hover:after,
.no-mask-image .button:focus:after,
.no-mask-image button:focus:after,
.no-mask-image .button.focus:after,
.no-mask-image button.focus:after {
  background-color: transparent;
}
.button:hover:active,
button:hover:active,
.button.hover:active,
button.hover:active,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover,
.button.button:not(a):not(label):not(input),
button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.8);
}
.button:hover:active:before,
button:hover:active:before,
.button.hover:active:before,
button.hover:active:before,
.button.active:hover:before,
button.active:hover:before,
.button.active.hover:before,
button.active.hover:before,
.button.button:not(a):not(label):not(input):before,
button.button:not(a):not(label):not(input):before,
.button:hover:active:after,
button:hover:active:after,
.button.hover:active:after,
button.hover:active:after,
.button.active:hover:after,
button.active:hover:after,
.button.active.hover:after,
button.active.hover:after,
.button.button:not(a):not(label):not(input):after,
button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button:hover:active:before,
.no-mask-image button:hover:active:before,
.no-mask-image .button.hover:active:before,
.no-mask-image button.hover:active:before,
.no-mask-image .button.active:hover:before,
.no-mask-image button.active:hover:before,
.no-mask-image .button.active.hover:before,
.no-mask-image button.active.hover:before,
.no-mask-image .button.button:not(a):not(label):not(input):before,
.no-mask-image button.button:not(a):not(label):not(input):before,
.no-mask-image .button:hover:active:after,
.no-mask-image button:hover:active:after,
.no-mask-image .button.hover:active:after,
.no-mask-image button.hover:active:after,
.no-mask-image .button.active:hover:after,
.no-mask-image button.active:hover:after,
.no-mask-image .button.active.hover:after,
.no-mask-image button.active.hover:after,
.no-mask-image .button.button:not(a):not(label):not(input):after,
.no-mask-image button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.mask-image .button:not(.toolbar-item):before,
.mask-image button:not(.toolbar-item):before,
.mask-image .button:not(.toolbar-item):after,
.mask-image button:not(.toolbar-item):after {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-image: none !important;
}
.no-mask-image .button:not(.toolbar-item):before,
.no-mask-image button:not(.toolbar-item):before,
.no-mask-image .button:not(.toolbar-item):after,
.no-mask-image button:not(.toolbar-item):after {
  background-color: transparent !important;
}
.button.toolbar-item:not(.redo-item):not(.undo-item):before,
button.toolbar-item:not(.redo-item):not(.undo-item):before,
.button.toolbar-item:not(.redo-item):not(.undo-item):after,
button.toolbar-item:not(.redo-item):not(.undo-item):after {
  background-color: transparent !important;
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button:focus,
button:focus,
.button.focus,
button.focus,
.button:active:hover,
button:active:hover,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover,
.button.hover:active,
button.hover:active,
.button.fg,
button.fg,
.button.selected,
button.selected,
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.button:hover:before,
button:hover:before,
.button.hover:before,
button.hover:before,
.button:focus:before,
button:focus:before,
.button.focus:before,
button.focus:before,
.button:active:hover:before,
button:active:hover:before,
.button.active:hover:before,
button.active:hover:before,
.button.active.hover:before,
button.active.hover:before,
.button.hover:active:before,
button.hover:active:before,
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button[disabled]:before,
button[disabled]:before,
.button.disabled:before,
button.disabled:before,
.button:hover:after,
button:hover:after,
.button.hover:after,
button.hover:after,
.button:focus:after,
button:focus:after,
.button.focus:after,
button.focus:after,
.button:active:hover:after,
button:active:hover:after,
.button.active:hover:after,
button.active:hover:after,
.button.active.hover:after,
button.active.hover:after,
.button.hover:active:after,
button.hover:active:after,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button[disabled]:after,
button[disabled]:after,
.button.disabled:after,
button.disabled:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
  z-index: 0;
}
.button.fg,
button.fg,
.button.selected,
button.selected {
  z-index: 3;
}
.button.fg,
button.fg,
.button.selected,
button.selected,
.button.fg:hover,
button.fg:hover,
.button.selected:hover,
button.selected:hover,
.button.fg:focus,
button.fg:focus,
.button.selected:focus,
button.selected:focus,
.button.fg:hover:active,
button.fg:hover:active,
.button.selected:hover:active,
button.selected:hover:active {
  background: #000;
  color: #fff;
}
.button .course-type:before,
button .course-type:before {
  float: left;
  margin-left: -6px;
  margin-right: 6px;
}
.button .course-status:before,
button .course-status:before {
  float: right;
  margin-left: 6px;
  margin-right: -6px;
}
.button.button-red,
button.button-red,
.button.button-red.button.button:not(a):not(label):not(input),
button.button-red.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #fff;
}
.button.button-red:before,
button.button-red:before,
.button.button-red.button.button:not(a):not(label):not(input):before,
button.button-red.button.button:not(a):not(label):not(input):before,
.button.button-red:after,
button.button-red:after,
.button.button-red.button.button:not(a):not(label):not(input):after,
button.button-red.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-red:before,
.no-mask-image button.button-red:before,
.no-mask-image .button.button-red.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-red.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-red:after,
.no-mask-image button.button-red:after,
.no-mask-image .button.button-red.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-red.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-red.button-flat,
button.button-red.button-flat,
.button.button-red.flat,
button.button-red.flat,
.button.button-red.button.button-flat:not(a):not(label):not(input),
button.button-red.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.button.button-red.button-flat:before,
button.button-red.button-flat:before,
.button.button-red.flat:before,
button.button-red.flat:before,
.button.button-red.button.button-flat:not(a):not(label):not(input):before,
button.button-red.button.button-flat:not(a):not(label):not(input):before,
.button.button-red.button-flat:after,
button.button-red.button-flat:after,
.button.button-red.flat:after,
button.button-red.flat:after,
.button.button-red.button.button-flat:not(a):not(label):not(input):after,
button.button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-red.button-flat:before,
.no-mask-image button.button-red.button-flat:before,
.no-mask-image .button.button-red.flat:before,
.no-mask-image button.button-red.flat:before,
.no-mask-image .button.button-red.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-red.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-red.button-flat:after,
.no-mask-image button.button-red.button-flat:after,
.no-mask-image .button.button-red.flat:after,
.no-mask-image button.button-red.flat:after,
.no-mask-image .button.button-red.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-red:hover,
button.button-red:hover,
.button.button-red.hover,
button.button-red.hover,
.button.button-red:focus,
button.button-red:focus,
.button.button-red.focus,
button.button-red.focus {
  background-color: rgba(204, 0, 0, 0.8);
  color: #fff;
}
.button.button-red:hover:before,
button.button-red:hover:before,
.button.button-red.hover:before,
button.button-red.hover:before,
.button.button-red:focus:before,
button.button-red:focus:before,
.button.button-red.focus:before,
button.button-red.focus:before,
.button.button-red:hover:after,
button.button-red:hover:after,
.button.button-red.hover:after,
button.button-red.hover:after,
.button.button-red:focus:after,
button.button-red:focus:after,
.button.button-red.focus:after,
button.button-red.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-red:hover:before,
.no-mask-image button.button-red:hover:before,
.no-mask-image .button.button-red.hover:before,
.no-mask-image button.button-red.hover:before,
.no-mask-image .button.button-red:focus:before,
.no-mask-image button.button-red:focus:before,
.no-mask-image .button.button-red.focus:before,
.no-mask-image button.button-red.focus:before,
.no-mask-image .button.button-red:hover:after,
.no-mask-image button.button-red:hover:after,
.no-mask-image .button.button-red.hover:after,
.no-mask-image button.button-red.hover:after,
.no-mask-image .button.button-red:focus:after,
.no-mask-image button.button-red:focus:after,
.no-mask-image .button.button-red.focus:after,
.no-mask-image button.button-red.focus:after {
  background-color: transparent;
}
.button.button-red:hover:active,
button.button-red:hover:active,
.button.button-red.hover:active,
button.button-red.hover:active,
.button.button-red.active:hover,
button.button-red.active:hover,
.button.button-red.active.hover,
button.button-red.active.hover,
.button.button-red.button:not(a):not(label):not(input),
button.button-red.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.9);
  color: #fff;
}
.button.button-red:hover:active:before,
button.button-red:hover:active:before,
.button.button-red.hover:active:before,
button.button-red.hover:active:before,
.button.button-red.active:hover:before,
button.button-red.active:hover:before,
.button.button-red.active.hover:before,
button.button-red.active.hover:before,
.button.button-red.button:not(a):not(label):not(input):before,
button.button-red.button:not(a):not(label):not(input):before,
.button.button-red:hover:active:after,
button.button-red:hover:active:after,
.button.button-red.hover:active:after,
button.button-red.hover:active:after,
.button.button-red.active:hover:after,
button.button-red.active:hover:after,
.button.button-red.active.hover:after,
button.button-red.active.hover:after,
.button.button-red.button:not(a):not(label):not(input):after,
button.button-red.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-red:hover:active:before,
.no-mask-image button.button-red:hover:active:before,
.no-mask-image .button.button-red.hover:active:before,
.no-mask-image button.button-red.hover:active:before,
.no-mask-image .button.button-red.active:hover:before,
.no-mask-image button.button-red.active:hover:before,
.no-mask-image .button.button-red.active.hover:before,
.no-mask-image button.button-red.active.hover:before,
.no-mask-image .button.button-red.button:not(a):not(label):not(input):before,
.no-mask-image button.button-red.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-red:hover:active:after,
.no-mask-image button.button-red:hover:active:after,
.no-mask-image .button.button-red.hover:active:after,
.no-mask-image button.button-red.hover:active:after,
.no-mask-image .button.button-red.active:hover:after,
.no-mask-image button.button-red.active:hover:after,
.no-mask-image .button.button-red.active.hover:after,
.no-mask-image button.button-red.active.hover:after,
.no-mask-image .button.button-red.button:not(a):not(label):not(input):after,
.no-mask-image button.button-red.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-green,
button.button-green,
.button.button-green.button.button:not(a):not(label):not(input),
button.button-green.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
.button.button-green:before,
button.button-green:before,
.button.button-green.button.button:not(a):not(label):not(input):before,
button.button-green.button.button:not(a):not(label):not(input):before,
.button.button-green:after,
button.button-green:after,
.button.button-green.button.button:not(a):not(label):not(input):after,
button.button-green.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-green:before,
.no-mask-image button.button-green:before,
.no-mask-image .button.button-green.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-green.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-green:after,
.no-mask-image button.button-green:after,
.no-mask-image .button.button-green.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-green.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-green.button-flat,
button.button-green.button-flat,
.button.button-green.flat,
button.button-green.flat,
.button.button-green.button.button-flat:not(a):not(label):not(input),
button.button-green.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.button.button-green.button-flat:before,
button.button-green.button-flat:before,
.button.button-green.flat:before,
button.button-green.flat:before,
.button.button-green.button.button-flat:not(a):not(label):not(input):before,
button.button-green.button.button-flat:not(a):not(label):not(input):before,
.button.button-green.button-flat:after,
button.button-green.button-flat:after,
.button.button-green.flat:after,
button.button-green.flat:after,
.button.button-green.button.button-flat:not(a):not(label):not(input):after,
button.button-green.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-green.button-flat:before,
.no-mask-image button.button-green.button-flat:before,
.no-mask-image .button.button-green.flat:before,
.no-mask-image button.button-green.flat:before,
.no-mask-image .button.button-green.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-green.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-green.button-flat:after,
.no-mask-image button.button-green.button-flat:after,
.no-mask-image .button.button-green.flat:after,
.no-mask-image button.button-green.flat:after,
.no-mask-image .button.button-green.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-green.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-green:hover,
button.button-green:hover,
.button.button-green.hover,
button.button-green.hover,
.button.button-green:focus,
button.button-green:focus,
.button.button-green.focus,
button.button-green.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
.button.button-green:hover:before,
button.button-green:hover:before,
.button.button-green.hover:before,
button.button-green.hover:before,
.button.button-green:focus:before,
button.button-green:focus:before,
.button.button-green.focus:before,
button.button-green.focus:before,
.button.button-green:hover:after,
button.button-green:hover:after,
.button.button-green.hover:after,
button.button-green.hover:after,
.button.button-green:focus:after,
button.button-green:focus:after,
.button.button-green.focus:after,
button.button-green.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-green:hover:before,
.no-mask-image button.button-green:hover:before,
.no-mask-image .button.button-green.hover:before,
.no-mask-image button.button-green.hover:before,
.no-mask-image .button.button-green:focus:before,
.no-mask-image button.button-green:focus:before,
.no-mask-image .button.button-green.focus:before,
.no-mask-image button.button-green.focus:before,
.no-mask-image .button.button-green:hover:after,
.no-mask-image button.button-green:hover:after,
.no-mask-image .button.button-green.hover:after,
.no-mask-image button.button-green.hover:after,
.no-mask-image .button.button-green:focus:after,
.no-mask-image button.button-green:focus:after,
.no-mask-image .button.button-green.focus:after,
.no-mask-image button.button-green.focus:after {
  background-color: transparent;
}
.button.button-green:hover:active,
button.button-green:hover:active,
.button.button-green.hover:active,
button.button-green.hover:active,
.button.button-green.active:hover,
button.button-green.active:hover,
.button.button-green.active.hover,
button.button-green.active.hover,
.button.button-green.button:not(a):not(label):not(input),
button.button-green.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
.button.button-green:hover:active:before,
button.button-green:hover:active:before,
.button.button-green.hover:active:before,
button.button-green.hover:active:before,
.button.button-green.active:hover:before,
button.button-green.active:hover:before,
.button.button-green.active.hover:before,
button.button-green.active.hover:before,
.button.button-green.button:not(a):not(label):not(input):before,
button.button-green.button:not(a):not(label):not(input):before,
.button.button-green:hover:active:after,
button.button-green:hover:active:after,
.button.button-green.hover:active:after,
button.button-green.hover:active:after,
.button.button-green.active:hover:after,
button.button-green.active:hover:after,
.button.button-green.active.hover:after,
button.button-green.active.hover:after,
.button.button-green.button:not(a):not(label):not(input):after,
button.button-green.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-green:hover:active:before,
.no-mask-image button.button-green:hover:active:before,
.no-mask-image .button.button-green.hover:active:before,
.no-mask-image button.button-green.hover:active:before,
.no-mask-image .button.button-green.active:hover:before,
.no-mask-image button.button-green.active:hover:before,
.no-mask-image .button.button-green.active.hover:before,
.no-mask-image button.button-green.active.hover:before,
.no-mask-image .button.button-green.button:not(a):not(label):not(input):before,
.no-mask-image button.button-green.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-green:hover:active:after,
.no-mask-image button.button-green:hover:active:after,
.no-mask-image .button.button-green.hover:active:after,
.no-mask-image button.button-green.hover:active:after,
.no-mask-image .button.button-green.active:hover:after,
.no-mask-image button.button-green.active:hover:after,
.no-mask-image .button.button-green.active.hover:after,
.no-mask-image button.button-green.active.hover:after,
.no-mask-image .button.button-green.button:not(a):not(label):not(input):after,
.no-mask-image button.button-green.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-blue,
button.button-blue,
.button.button-blue.button.button:not(a):not(label):not(input),
button.button-blue.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 204, 0.7);
  color: #fff;
}
.button.button-blue:before,
button.button-blue:before,
.button.button-blue.button.button:not(a):not(label):not(input):before,
button.button-blue.button.button:not(a):not(label):not(input):before,
.button.button-blue:after,
button.button-blue:after,
.button.button-blue.button.button:not(a):not(label):not(input):after,
button.button-blue.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-blue:before,
.no-mask-image button.button-blue:before,
.no-mask-image .button.button-blue.button.button:not(a):not(label):not(input):before,
.no-mask-image button.button-blue.button.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-blue:after,
.no-mask-image button.button-blue:after,
.no-mask-image .button.button-blue.button.button:not(a):not(label):not(input):after,
.no-mask-image button.button-blue.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-blue.button-flat,
button.button-blue.button-flat,
.button.button-blue.flat,
button.button-blue.flat,
.button.button-blue.button.button-flat:not(a):not(label):not(input),
button.button-blue.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.button.button-blue.button-flat:before,
button.button-blue.button-flat:before,
.button.button-blue.flat:before,
button.button-blue.flat:before,
.button.button-blue.button.button-flat:not(a):not(label):not(input):before,
button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.button.button-blue.button-flat:after,
button.button-blue.button-flat:after,
.button.button-blue.flat:after,
button.button-blue.flat:after,
.button.button-blue.button.button-flat:not(a):not(label):not(input):after,
button.button-blue.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-blue.button-flat:before,
.no-mask-image button.button-blue.button-flat:before,
.no-mask-image .button.button-blue.flat:before,
.no-mask-image button.button-blue.flat:before,
.no-mask-image .button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.button-blue.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button.button-blue.button-flat:after,
.no-mask-image button.button-blue.button-flat:after,
.no-mask-image .button.button-blue.flat:after,
.no-mask-image button.button-blue.flat:after,
.no-mask-image .button.button-blue.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.button-blue.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button.button-blue:hover,
button.button-blue:hover,
.button.button-blue.hover,
button.button-blue.hover,
.button.button-blue:focus,
button.button-blue:focus,
.button.button-blue.focus,
button.button-blue.focus {
  background-color: rgba(0, 0, 204, 0.8);
  color: #fff;
}
.button.button-blue:hover:before,
button.button-blue:hover:before,
.button.button-blue.hover:before,
button.button-blue.hover:before,
.button.button-blue:focus:before,
button.button-blue:focus:before,
.button.button-blue.focus:before,
button.button-blue.focus:before,
.button.button-blue:hover:after,
button.button-blue:hover:after,
.button.button-blue.hover:after,
button.button-blue.hover:after,
.button.button-blue:focus:after,
button.button-blue:focus:after,
.button.button-blue.focus:after,
button.button-blue.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-blue:hover:before,
.no-mask-image button.button-blue:hover:before,
.no-mask-image .button.button-blue.hover:before,
.no-mask-image button.button-blue.hover:before,
.no-mask-image .button.button-blue:focus:before,
.no-mask-image button.button-blue:focus:before,
.no-mask-image .button.button-blue.focus:before,
.no-mask-image button.button-blue.focus:before,
.no-mask-image .button.button-blue:hover:after,
.no-mask-image button.button-blue:hover:after,
.no-mask-image .button.button-blue.hover:after,
.no-mask-image button.button-blue.hover:after,
.no-mask-image .button.button-blue:focus:after,
.no-mask-image button.button-blue:focus:after,
.no-mask-image .button.button-blue.focus:after,
.no-mask-image button.button-blue.focus:after {
  background-color: transparent;
}
.button.button-blue:hover:active,
button.button-blue:hover:active,
.button.button-blue.hover:active,
button.button-blue.hover:active,
.button.button-blue.active:hover,
button.button-blue.active:hover,
.button.button-blue.active.hover,
button.button-blue.active.hover,
.button.button-blue.button:not(a):not(label):not(input),
button.button-blue.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 204, 0.9);
  color: #fff;
}
.button.button-blue:hover:active:before,
button.button-blue:hover:active:before,
.button.button-blue.hover:active:before,
button.button-blue.hover:active:before,
.button.button-blue.active:hover:before,
button.button-blue.active:hover:before,
.button.button-blue.active.hover:before,
button.button-blue.active.hover:before,
.button.button-blue.button:not(a):not(label):not(input):before,
button.button-blue.button:not(a):not(label):not(input):before,
.button.button-blue:hover:active:after,
button.button-blue:hover:active:after,
.button.button-blue.hover:active:after,
button.button-blue.hover:active:after,
.button.button-blue.active:hover:after,
button.button-blue.active:hover:after,
.button.button-blue.active.hover:after,
button.button-blue.active.hover:after,
.button.button-blue.button:not(a):not(label):not(input):after,
button.button-blue.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button.button-blue:hover:active:before,
.no-mask-image button.button-blue:hover:active:before,
.no-mask-image .button.button-blue.hover:active:before,
.no-mask-image button.button-blue.hover:active:before,
.no-mask-image .button.button-blue.active:hover:before,
.no-mask-image button.button-blue.active:hover:before,
.no-mask-image .button.button-blue.active.hover:before,
.no-mask-image button.button-blue.active.hover:before,
.no-mask-image .button.button-blue.button:not(a):not(label):not(input):before,
.no-mask-image button.button-blue.button:not(a):not(label):not(input):before,
.no-mask-image .button.button-blue:hover:active:after,
.no-mask-image button.button-blue:hover:active:after,
.no-mask-image .button.button-blue.hover:active:after,
.no-mask-image button.button-blue.hover:active:after,
.no-mask-image .button.button-blue.active:hover:after,
.no-mask-image button.button-blue.active:hover:after,
.no-mask-image .button.button-blue.active.hover:after,
.no-mask-image button.button-blue.active.hover:after,
.no-mask-image .button.button-blue.button:not(a):not(label):not(input):after,
.no-mask-image button.button-blue.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
button,
.button,
.button-text {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.button:not(a) {
  cursor: default;
}
a .button:not(a) {
  cursor: inherit;
}
button.onActive,
button.onActive.button.button:not(a):not(label):not(input) {
  background-color: rgba(249, 99, 2, 0.7);
  color: #fff;
}
button.onActive:before,
button.onActive.button.button:not(a):not(label):not(input):before,
button.onActive:after,
button.onActive.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image button.onActive:before,
.no-mask-image button.onActive.button.button:not(a):not(label):not(input):before,
.no-mask-image button.onActive:after,
.no-mask-image button.onActive.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
button.onActive.button-flat,
button.onActive.flat,
button.onActive.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
button.onActive.button-flat:before,
button.onActive.flat:before,
button.onActive.button.button-flat:not(a):not(label):not(input):before,
button.onActive.button-flat:after,
button.onActive.flat:after,
button.onActive.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image button.onActive.button-flat:before,
.no-mask-image button.onActive.flat:before,
.no-mask-image button.onActive.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.onActive.button-flat:after,
.no-mask-image button.onActive.flat:after,
.no-mask-image button.onActive.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
button.onActive:hover,
button.onActive.hover,
button.onActive:focus,
button.onActive.focus {
  background-color: rgba(249, 99, 2, 0.8);
  color: #fff;
}
button.onActive:hover:before,
button.onActive.hover:before,
button.onActive:focus:before,
button.onActive.focus:before,
button.onActive:hover:after,
button.onActive.hover:after,
button.onActive:focus:after,
button.onActive.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image button.onActive:hover:before,
.no-mask-image button.onActive.hover:before,
.no-mask-image button.onActive:focus:before,
.no-mask-image button.onActive.focus:before,
.no-mask-image button.onActive:hover:after,
.no-mask-image button.onActive.hover:after,
.no-mask-image button.onActive:focus:after,
.no-mask-image button.onActive.focus:after {
  background-color: transparent;
}
button.onActive:hover:active,
button.onActive.hover:active,
button.onActive.active:hover,
button.onActive.active.hover,
button.onActive.button:not(a):not(label):not(input) {
  background-color: rgba(249, 99, 2, 0.9);
  color: #fff;
}
button.onActive:hover:active:before,
button.onActive.hover:active:before,
button.onActive.active:hover:before,
button.onActive.active.hover:before,
button.onActive.button:not(a):not(label):not(input):before,
button.onActive:hover:active:after,
button.onActive.hover:active:after,
button.onActive.active:hover:after,
button.onActive.active.hover:after,
button.onActive.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image button.onActive:hover:active:before,
.no-mask-image button.onActive.hover:active:before,
.no-mask-image button.onActive.active:hover:before,
.no-mask-image button.onActive.active.hover:before,
.no-mask-image button.onActive.button:not(a):not(label):not(input):before,
.no-mask-image button.onActive:hover:active:after,
.no-mask-image button.onActive.hover:active:after,
.no-mask-image button.onActive.active:hover:after,
.no-mask-image button.onActive.active.hover:after,
.no-mask-image button.onActive.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
/*

.coz-input-number-buttons {
	.box-shadow(@shadow);
	& > button {
		.box-shadow(@none, @none, @border; transparent; transparent);
		&.disabled,
		&[disabled] {
			.box-shadow(none; transparent; transparent) !important;
		}
	}
}

.accordion > dt button {
	.rem(padding-left, 8); .touch & { .rem(padding-left, 12); }
	&:before { margin:0 -0.2rem 0 0.6rem; }
} */
.button-cart:before,
button.cart:before {
  background-position: -318px -20px;
  -webkit-mask-position: -318px -20px;
  -moz-mask-position: -318px -20px;
  -ms-mask-position: -318px -20px;
  -o-mask-position: -318px -20px;
  mask-position: -318px -20px;
  width: 20px;
}
.uploader:hover + button,
.uploader:focus + button,
.uploader:hover:active + button {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.uploader:hover + button,
.uploader:focus + button {
  z-index: 2;
  background-color: #cccccc;
  background-color: rgba(0, 0, 0, 0.2);
}
.uploader:hover:active + button {
  background-color: #b3b3b3;
  background-color: rgba(0, 0, 0, 0.3);
}
.no-box-sizing .button {
  height: 20px;
}
.no-box-sizing .button-icon {
  width: 20px !important;
}
.videoWrapper .button,
.videoWrapper button,
.product-video .button,
.calendar td button,
.videoWrapper .button.button.button:not(a):not(label):not(input),
.videoWrapper button.button.button:not(a):not(label):not(input),
.product-video .button.button.button:not(a):not(label):not(input),
.calendar td button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
.videoWrapper .button:before,
.videoWrapper button:before,
.product-video .button:before,
.calendar td button:before,
.videoWrapper .button.button.button:not(a):not(label):not(input):before,
.videoWrapper button.button.button:not(a):not(label):not(input):before,
.product-video .button.button.button:not(a):not(label):not(input):before,
.calendar td button.button.button:not(a):not(label):not(input):before,
.videoWrapper .button:after,
.videoWrapper button:after,
.product-video .button:after,
.calendar td button:after,
.videoWrapper .button.button.button:not(a):not(label):not(input):after,
.videoWrapper button.button.button:not(a):not(label):not(input):after,
.product-video .button.button.button:not(a):not(label):not(input):after,
.calendar td button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .videoWrapper .button:before,
.no-mask-image .videoWrapper button:before,
.no-mask-image .product-video .button:before,
.no-mask-image .calendar td button:before,
.no-mask-image .videoWrapper .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper button.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-video .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .calendar td button.button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper .button:after,
.no-mask-image .videoWrapper button:after,
.no-mask-image .product-video .button:after,
.no-mask-image .calendar td button:after,
.no-mask-image .videoWrapper .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .videoWrapper button.button.button:not(a):not(label):not(input):after,
.no-mask-image .product-video .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .calendar td button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.videoWrapper .button.button-flat,
.videoWrapper button.button-flat,
.product-video .button.button-flat,
.calendar td button.button-flat,
.videoWrapper .button.flat,
.videoWrapper button.flat,
.product-video .button.flat,
.calendar td button.flat,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input),
.videoWrapper button.button.button-flat:not(a):not(label):not(input),
.product-video .button.button.button-flat:not(a):not(label):not(input),
.calendar td button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.videoWrapper .button.button-flat:before,
.videoWrapper button.button-flat:before,
.product-video .button.button-flat:before,
.calendar td button.button-flat:before,
.videoWrapper .button.flat:before,
.videoWrapper button.flat:before,
.product-video .button.flat:before,
.calendar td button.flat:before,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input):before,
.videoWrapper button.button.button-flat:not(a):not(label):not(input):before,
.product-video .button.button.button-flat:not(a):not(label):not(input):before,
.calendar td button.button.button-flat:not(a):not(label):not(input):before,
.videoWrapper .button.button-flat:after,
.videoWrapper button.button-flat:after,
.product-video .button.button-flat:after,
.calendar td button.button-flat:after,
.videoWrapper .button.flat:after,
.videoWrapper button.flat:after,
.product-video .button.flat:after,
.calendar td button.flat:after,
.videoWrapper .button.button.button-flat:not(a):not(label):not(input):after,
.videoWrapper button.button.button-flat:not(a):not(label):not(input):after,
.product-video .button.button.button-flat:not(a):not(label):not(input):after,
.calendar td button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .videoWrapper .button.button-flat:before,
.no-mask-image .videoWrapper button.button-flat:before,
.no-mask-image .product-video .button.button-flat:before,
.no-mask-image .calendar td button.button-flat:before,
.no-mask-image .videoWrapper .button.flat:before,
.no-mask-image .videoWrapper button.flat:before,
.no-mask-image .product-video .button.flat:before,
.no-mask-image .calendar td button.flat:before,
.no-mask-image .videoWrapper .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-video .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .calendar td button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper .button.button-flat:after,
.no-mask-image .videoWrapper button.button-flat:after,
.no-mask-image .product-video .button.button-flat:after,
.no-mask-image .calendar td button.button-flat:after,
.no-mask-image .videoWrapper .button.flat:after,
.no-mask-image .videoWrapper button.flat:after,
.no-mask-image .product-video .button.flat:after,
.no-mask-image .calendar td button.flat:after,
.no-mask-image .videoWrapper .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .videoWrapper button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .product-video .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .calendar td button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.videoWrapper .button:hover,
.videoWrapper button:hover,
.product-video .button:hover,
.calendar td button:hover,
.videoWrapper .button.hover,
.videoWrapper button.hover,
.product-video .button.hover,
.calendar td button.hover,
.videoWrapper .button:focus,
.videoWrapper button:focus,
.product-video .button:focus,
.calendar td button:focus,
.videoWrapper .button.focus,
.videoWrapper button.focus,
.product-video .button.focus,
.calendar td button.focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
.videoWrapper .button:hover:before,
.videoWrapper button:hover:before,
.product-video .button:hover:before,
.calendar td button:hover:before,
.videoWrapper .button.hover:before,
.videoWrapper button.hover:before,
.product-video .button.hover:before,
.calendar td button.hover:before,
.videoWrapper .button:focus:before,
.videoWrapper button:focus:before,
.product-video .button:focus:before,
.calendar td button:focus:before,
.videoWrapper .button.focus:before,
.videoWrapper button.focus:before,
.product-video .button.focus:before,
.calendar td button.focus:before,
.videoWrapper .button:hover:after,
.videoWrapper button:hover:after,
.product-video .button:hover:after,
.calendar td button:hover:after,
.videoWrapper .button.hover:after,
.videoWrapper button.hover:after,
.product-video .button.hover:after,
.calendar td button.hover:after,
.videoWrapper .button:focus:after,
.videoWrapper button:focus:after,
.product-video .button:focus:after,
.calendar td button:focus:after,
.videoWrapper .button.focus:after,
.videoWrapper button.focus:after,
.product-video .button.focus:after,
.calendar td button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .videoWrapper .button:hover:before,
.no-mask-image .videoWrapper button:hover:before,
.no-mask-image .product-video .button:hover:before,
.no-mask-image .calendar td button:hover:before,
.no-mask-image .videoWrapper .button.hover:before,
.no-mask-image .videoWrapper button.hover:before,
.no-mask-image .product-video .button.hover:before,
.no-mask-image .calendar td button.hover:before,
.no-mask-image .videoWrapper .button:focus:before,
.no-mask-image .videoWrapper button:focus:before,
.no-mask-image .product-video .button:focus:before,
.no-mask-image .calendar td button:focus:before,
.no-mask-image .videoWrapper .button.focus:before,
.no-mask-image .videoWrapper button.focus:before,
.no-mask-image .product-video .button.focus:before,
.no-mask-image .calendar td button.focus:before,
.no-mask-image .videoWrapper .button:hover:after,
.no-mask-image .videoWrapper button:hover:after,
.no-mask-image .product-video .button:hover:after,
.no-mask-image .calendar td button:hover:after,
.no-mask-image .videoWrapper .button.hover:after,
.no-mask-image .videoWrapper button.hover:after,
.no-mask-image .product-video .button.hover:after,
.no-mask-image .calendar td button.hover:after,
.no-mask-image .videoWrapper .button:focus:after,
.no-mask-image .videoWrapper button:focus:after,
.no-mask-image .product-video .button:focus:after,
.no-mask-image .calendar td button:focus:after,
.no-mask-image .videoWrapper .button.focus:after,
.no-mask-image .videoWrapper button.focus:after,
.no-mask-image .product-video .button.focus:after,
.no-mask-image .calendar td button.focus:after {
  background-color: transparent;
}
.videoWrapper .button:hover:active,
.videoWrapper button:hover:active,
.product-video .button:hover:active,
.calendar td button:hover:active,
.videoWrapper .button.hover:active,
.videoWrapper button.hover:active,
.product-video .button.hover:active,
.calendar td button.hover:active,
.videoWrapper .button.active:hover,
.videoWrapper button.active:hover,
.product-video .button.active:hover,
.calendar td button.active:hover,
.videoWrapper .button.active.hover,
.videoWrapper button.active.hover,
.product-video .button.active.hover,
.calendar td button.active.hover,
.videoWrapper .button.button:not(a):not(label):not(input),
.videoWrapper button.button:not(a):not(label):not(input),
.product-video .button.button:not(a):not(label):not(input),
.calendar td button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
.videoWrapper .button:hover:active:before,
.videoWrapper button:hover:active:before,
.product-video .button:hover:active:before,
.calendar td button:hover:active:before,
.videoWrapper .button.hover:active:before,
.videoWrapper button.hover:active:before,
.product-video .button.hover:active:before,
.calendar td button.hover:active:before,
.videoWrapper .button.active:hover:before,
.videoWrapper button.active:hover:before,
.product-video .button.active:hover:before,
.calendar td button.active:hover:before,
.videoWrapper .button.active.hover:before,
.videoWrapper button.active.hover:before,
.product-video .button.active.hover:before,
.calendar td button.active.hover:before,
.videoWrapper .button.button:not(a):not(label):not(input):before,
.videoWrapper button.button:not(a):not(label):not(input):before,
.product-video .button.button:not(a):not(label):not(input):before,
.calendar td button.button:not(a):not(label):not(input):before,
.videoWrapper .button:hover:active:after,
.videoWrapper button:hover:active:after,
.product-video .button:hover:active:after,
.calendar td button:hover:active:after,
.videoWrapper .button.hover:active:after,
.videoWrapper button.hover:active:after,
.product-video .button.hover:active:after,
.calendar td button.hover:active:after,
.videoWrapper .button.active:hover:after,
.videoWrapper button.active:hover:after,
.product-video .button.active:hover:after,
.calendar td button.active:hover:after,
.videoWrapper .button.active.hover:after,
.videoWrapper button.active.hover:after,
.product-video .button.active.hover:after,
.calendar td button.active.hover:after,
.videoWrapper .button.button:not(a):not(label):not(input):after,
.videoWrapper button.button:not(a):not(label):not(input):after,
.product-video .button.button:not(a):not(label):not(input):after,
.calendar td button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .videoWrapper .button:hover:active:before,
.no-mask-image .videoWrapper button:hover:active:before,
.no-mask-image .product-video .button:hover:active:before,
.no-mask-image .calendar td button:hover:active:before,
.no-mask-image .videoWrapper .button.hover:active:before,
.no-mask-image .videoWrapper button.hover:active:before,
.no-mask-image .product-video .button.hover:active:before,
.no-mask-image .calendar td button.hover:active:before,
.no-mask-image .videoWrapper .button.active:hover:before,
.no-mask-image .videoWrapper button.active:hover:before,
.no-mask-image .product-video .button.active:hover:before,
.no-mask-image .calendar td button.active:hover:before,
.no-mask-image .videoWrapper .button.active.hover:before,
.no-mask-image .videoWrapper button.active.hover:before,
.no-mask-image .product-video .button.active.hover:before,
.no-mask-image .calendar td button.active.hover:before,
.no-mask-image .videoWrapper .button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper button.button:not(a):not(label):not(input):before,
.no-mask-image .product-video .button.button:not(a):not(label):not(input):before,
.no-mask-image .calendar td button.button:not(a):not(label):not(input):before,
.no-mask-image .videoWrapper .button:hover:active:after,
.no-mask-image .videoWrapper button:hover:active:after,
.no-mask-image .product-video .button:hover:active:after,
.no-mask-image .calendar td button:hover:active:after,
.no-mask-image .videoWrapper .button.hover:active:after,
.no-mask-image .videoWrapper button.hover:active:after,
.no-mask-image .product-video .button.hover:active:after,
.no-mask-image .calendar td button.hover:active:after,
.no-mask-image .videoWrapper .button.active:hover:after,
.no-mask-image .videoWrapper button.active:hover:after,
.no-mask-image .product-video .button.active:hover:after,
.no-mask-image .calendar td button.active:hover:after,
.no-mask-image .videoWrapper .button.active.hover:after,
.no-mask-image .videoWrapper button.active.hover:after,
.no-mask-image .product-video .button.active.hover:after,
.no-mask-image .calendar td button.active.hover:after,
.no-mask-image .videoWrapper .button.button:not(a):not(label):not(input):after,
.no-mask-image .videoWrapper button.button:not(a):not(label):not(input):after,
.no-mask-image .product-video .button.button:not(a):not(label):not(input):after,
.no-mask-image .calendar td button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.calendar td button.selected,
.calendar td button.selected:hover,
.calendar td button.selected:focus,
.calendar td button.selected:hover:active {
  background: #f96302;
}
.calendar td button.selected,
.calendar td button.selected * {
  color: #fff;
}
.button-large,
button.large {
  padding: 6px 12px;
  padding: 0.6rem 1.2rem;
}
.button-action,
button.action {
  padding: 6px 12px;
  padding: 0.6rem 1.2rem;
}
.button-action,
button.action,
.button-action.button.button:not(a):not(label):not(input),
button.action.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
.button-action:before,
button.action:before,
.button-action.button.button:not(a):not(label):not(input):before,
button.action.button.button:not(a):not(label):not(input):before,
.button-action:after,
button.action:after,
.button-action.button.button:not(a):not(label):not(input):after,
button.action.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-action:before,
.no-mask-image button.action:before,
.no-mask-image .button-action.button.button:not(a):not(label):not(input):before,
.no-mask-image button.action.button.button:not(a):not(label):not(input):before,
.no-mask-image .button-action:after,
.no-mask-image button.action:after,
.no-mask-image .button-action.button.button:not(a):not(label):not(input):after,
.no-mask-image button.action.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button-action.button-flat,
button.action.button-flat,
.button-action.flat,
button.action.flat,
.button-action.button.button-flat:not(a):not(label):not(input),
button.action.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.button-action.button-flat:before,
button.action.button-flat:before,
.button-action.flat:before,
button.action.flat:before,
.button-action.button.button-flat:not(a):not(label):not(input):before,
button.action.button.button-flat:not(a):not(label):not(input):before,
.button-action.button-flat:after,
button.action.button-flat:after,
.button-action.flat:after,
button.action.flat:after,
.button-action.button.button-flat:not(a):not(label):not(input):after,
button.action.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-action.button-flat:before,
.no-mask-image button.action.button-flat:before,
.no-mask-image .button-action.flat:before,
.no-mask-image button.action.flat:before,
.no-mask-image .button-action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image button.action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .button-action.button-flat:after,
.no-mask-image button.action.button-flat:after,
.no-mask-image .button-action.flat:after,
.no-mask-image button.action.flat:after,
.no-mask-image .button-action.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image button.action.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.button-action:hover,
button.action:hover,
.button-action.hover,
button.action.hover,
.button-action:focus,
button.action:focus,
.button-action.focus,
button.action.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
.button-action:hover:before,
button.action:hover:before,
.button-action.hover:before,
button.action.hover:before,
.button-action:focus:before,
button.action:focus:before,
.button-action.focus:before,
button.action.focus:before,
.button-action:hover:after,
button.action:hover:after,
.button-action.hover:after,
button.action.hover:after,
.button-action:focus:after,
button.action:focus:after,
.button-action.focus:after,
button.action.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-action:hover:before,
.no-mask-image button.action:hover:before,
.no-mask-image .button-action.hover:before,
.no-mask-image button.action.hover:before,
.no-mask-image .button-action:focus:before,
.no-mask-image button.action:focus:before,
.no-mask-image .button-action.focus:before,
.no-mask-image button.action.focus:before,
.no-mask-image .button-action:hover:after,
.no-mask-image button.action:hover:after,
.no-mask-image .button-action.hover:after,
.no-mask-image button.action.hover:after,
.no-mask-image .button-action:focus:after,
.no-mask-image button.action:focus:after,
.no-mask-image .button-action.focus:after,
.no-mask-image button.action.focus:after {
  background-color: transparent;
}
.button-action:hover:active,
button.action:hover:active,
.button-action.hover:active,
button.action.hover:active,
.button-action.active:hover,
button.action.active:hover,
.button-action.active.hover,
button.action.active.hover,
.button-action.button:not(a):not(label):not(input),
button.action.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
} /* 
	.button-icon-white; */
.button-action:hover:active:before,
button.action:hover:active:before,
.button-action.hover:active:before,
button.action.hover:active:before,
.button-action.active:hover:before,
button.action.active:hover:before,
.button-action.active.hover:before,
button.action.active.hover:before,
.button-action.button:not(a):not(label):not(input):before,
button.action.button:not(a):not(label):not(input):before,
.button-action:hover:active:after,
button.action:hover:active:after,
.button-action.hover:active:after,
button.action.hover:active:after,
.button-action.active:hover:after,
button.action.active:hover:after,
.button-action.active.hover:after,
button.action.active.hover:after,
.button-action.button:not(a):not(label):not(input):after,
button.action.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .button-action:hover:active:before,
.no-mask-image button.action:hover:active:before,
.no-mask-image .button-action.hover:active:before,
.no-mask-image button.action.hover:active:before,
.no-mask-image .button-action.active:hover:before,
.no-mask-image button.action.active:hover:before,
.no-mask-image .button-action.active.hover:before,
.no-mask-image button.action.active.hover:before,
.no-mask-image .button-action.button:not(a):not(label):not(input):before,
.no-mask-image button.action.button:not(a):not(label):not(input):before,
.no-mask-image .button-action:hover:active:after,
.no-mask-image button.action:hover:active:after,
.no-mask-image .button-action.hover:active:after,
.no-mask-image button.action.hover:active:after,
.no-mask-image .button-action.active:hover:after,
.no-mask-image button.action.active:hover:after,
.no-mask-image .button-action.active.hover:after,
.no-mask-image button.action.active.hover:after,
.no-mask-image .button-action.button:not(a):not(label):not(input):after,
.no-mask-image button.action.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.touch .button,
.touch button {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
.touch .coz-input-number-buttons,
.touch .coz-input-number-buttons button {
  width: auto;
}
.touch .coz-input-number-buttons button {
  padding: 3.5px;
  padding: 0.35rem;
}
.touch .coz-input-select > button.icon,
.touch .coz-input-combo > button.icon,
.touch .button-drop,
.touch button.drop {
  width: auto;
}
.touch .tabs-row .tabrow {
  height: 32px;
}
.touch .tabs-row .tabrow .button {
  padding: 6px 10px 7px;
  padding: 0.6rem 1rem 0.7rem;
}
.touch .tabs-row .tabrow .bg {
  height: 33px;
}
input,
textarea,
select,
.mooeditable-iframe-body,
.listPicker > div,
.coz-input > ul a,
.coz-input-style {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3333333333333333;
}
input,
textarea,
select,
.mooeditable-container .mooeditable-iframe,
.coz-input-tinymce .tox,
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield,
.coz-input > input + i,
.listPicker > div,
.coz-input-style {
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.mooeditable-iframe-body,
.mce-content-body {
  background: #fff;
  padding-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.coz-input-tinymce .tox {
  min-height: 86px;
}
.coz-input-tinymce .tox .tox-toolbar {
  border: 0;
  padding-bottom: 1px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='37px' viewBox='0 0 40 37px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='36px' width='100' height='1' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E") left 0 top 0 #fff;
  margin-bottom: 0;
}
.coz-input-tinymce .tox .tox-toolbar__group {
  padding: 0 2px;
}
.coz-input-tinymce .tox .tox-toolbar__group:not(:last-of-type),
.coz-input-tinymce .tox .tox-statusbar {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-tinymce .tox .tox-toolbar__group:not(:last-of-type) {
  border-width: 0 1px 0 0;
}
.coz-input-tinymce .tox .tox-statusbar {
  border-width: 1px 0 0;
}
.coz-input-tinymce .tox .tox-tbtn {
  border-radius: 0;
  width: 32px;
  height: 32px;
}
.coz-input-tinymce .tox .tox-tbtn,
.coz-input-tinymce .tox .tox-tbtn--select {
  margin: 2px 0;
}
.coz-input-tinymce .tox .tox-tbtn--select {
  width: auto;
}
.coz-input-tinymce .tox .tox-tbtn:hover,
.coz-input-tinymce .tox .tox-tbtn--active {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
.coz-input-tinymce .tox .tox-statusbar__branding {
  display: none;
}
.coz-input-tinymce .tox .tox-statusbar__resize-handle {
  cursor: ns-resize;
}
.coz-input-tinymce .tox .tox-edit-area {
  border-top: 0;
}
body .tox,
body .tox-tinymce,
body .tox :not(svg),
body .tox .tox-button,
body .tox .tox-dialog__title,
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield {
  font-family: inherit;
  font-weight: inherit;
}
body .tox .tox-button {
  border: 0;
  border-radius: 0;
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
body .tox .tox-button,
body .tox .tox-button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
body .tox .tox-button:before,
body .tox .tox-button.button.button:not(a):not(label):not(input):before,
body .tox .tox-button:after,
body .tox .tox-button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-button:before,
.no-mask-image body .tox .tox-button.button.button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-button:after,
.no-mask-image body .tox .tox-button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-button.button-flat,
body .tox .tox-button.flat,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
body .tox .tox-button.button-flat:before,
body .tox .tox-button.flat:before,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input):before,
body .tox .tox-button.button-flat:after,
body .tox .tox-button.flat:after,
body .tox .tox-button.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-button.button-flat:before,
.no-mask-image body .tox .tox-button.flat:before,
.no-mask-image body .tox .tox-button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-button.button-flat:after,
.no-mask-image body .tox .tox-button.flat:after,
.no-mask-image body .tox .tox-button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-button:hover,
body .tox .tox-button.hover,
body .tox .tox-button:focus,
body .tox .tox-button.focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.8);
}
body .tox .tox-button:hover:before,
body .tox .tox-button.hover:before,
body .tox .tox-button:focus:before,
body .tox .tox-button.focus:before,
body .tox .tox-button:hover:after,
body .tox .tox-button.hover:after,
body .tox .tox-button:focus:after,
body .tox .tox-button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-button:hover:before,
.no-mask-image body .tox .tox-button.hover:before,
.no-mask-image body .tox .tox-button:focus:before,
.no-mask-image body .tox .tox-button.focus:before,
.no-mask-image body .tox .tox-button:hover:after,
.no-mask-image body .tox .tox-button.hover:after,
.no-mask-image body .tox .tox-button:focus:after,
.no-mask-image body .tox .tox-button.focus:after {
  background-color: transparent;
}
body .tox .tox-button:hover:active,
body .tox .tox-button.hover:active,
body .tox .tox-button.active:hover,
body .tox .tox-button.active.hover,
body .tox .tox-button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.8);
}
body .tox .tox-button:hover:active:before,
body .tox .tox-button.hover:active:before,
body .tox .tox-button.active:hover:before,
body .tox .tox-button.active.hover:before,
body .tox .tox-button.button:not(a):not(label):not(input):before,
body .tox .tox-button:hover:active:after,
body .tox .tox-button.hover:active:after,
body .tox .tox-button.active:hover:after,
body .tox .tox-button.active.hover:after,
body .tox .tox-button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-button:hover:active:before,
.no-mask-image body .tox .tox-button.hover:active:before,
.no-mask-image body .tox .tox-button.active:hover:before,
.no-mask-image body .tox .tox-button.active.hover:before,
.no-mask-image body .tox .tox-button.button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-button:hover:active:after,
.no-mask-image body .tox .tox-button.hover:active:after,
.no-mask-image body .tox .tox-button.active:hover:after,
.no-mask-image body .tox .tox-button.active.hover:after,
.no-mask-image body .tox .tox-button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-button--naked {
  background-color: transparent;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary),
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button-flat:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).flat:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):focus:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).focus:after {
  background-color: transparent;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button:not(a):not(label):not(input):before,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:after,
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button:not(a):not(label):not(input):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary):hover:active:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).hover:active:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active:hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).active.hover:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary).button:not(a):not(label):not(input):after {
  background-color: transparent;
}
body .tox .tox-menu {
  border: 0;
  border-radius: 0;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
body .tox .tox-dialog-wrap__backdrop {
  background: rgba(0, 0, 0, 0.8);
}
body .tox .tox-dialog {
  border: 0;
  border-radius: 0;
}
body .tox .tox-dialog__header {
  padding: 16px 16px 0;
}
body .tox .tox-dialog__title {
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-weight: bolder;
  font-style: italic;
  font-size: 1.5em;
  color: #f96302;
}
body .tox .tox-dialog__footer {
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 16px;
}
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield {
  border-radius: 0;
}
input,
textarea,
.mooeditable-iframe-body,
.coz-input-style,
main ~ .tox .tox-textarea,
main ~ .tox .tox-textfield,
main ~ .tox .tox-toolbar-textfield {
  padding: 2px 7px;
}
.touch input,
.touch textarea,
.touch .mooeditable-iframe-body,
.touch .coz-input-style,
.touch main ~ .tox .tox-textarea,
.touch main ~ .tox .tox-textfield,
.touch main ~ .tox .tox-toolbar-textfield {
  padding: 7px;
}
.mce-content-body {
  padding: 6px 7px;
}
select,
main ~ .tox .tox-selectfield select {
  padding: 0.5px 0px;
}
.touch select,
.touch main ~ .tox .tox-selectfield select {
  padding: 6px 4px;
}
textarea {
  min-height: 32px;
}
input:hover,
textarea:hover,
select:hover,
.coz-input:hover > input,
.coz-input:hover > input + i,
.coz-input-search:hover > .coz-input > input,
:hover > input,
.coz-input-tinymce:hover .tox,
.coz-input-tinymce.hover .tox,
body .tox .tox-selectfield select:hover,
body .tox .tox-textarea:hover,
body .tox .tox-textfield:hover,
body .tox .tox-toolbar-textfield:hover {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
input:focus,
textarea:focus,
select:focus,
.coz-input:hover > input:focus,
.coz-input-search:hover > .coz-input > input:focus,
.coz-input > input:focus + i,
.coz-input-tinymce.focus .tox,
body .tox .tox-selectfield select:focus,
body .tox .tox-textarea:focus,
body .tox .tox-textfield:focus,
body .tox .tox-toolbar-textfield:focus {
  outline: none;
  border-color: #f96302;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
input[readonly]:focus {
  outline: none;
}
input.coz-input-invalid,
textarea.coz-input-invalid,
select.coz-input-invalid,
.coz-input:hover > input.coz-input-invalid,
.coz-input-search:hover > .coz-input > input.coz-input-invalid,
.coz-input > input.coz-input.invalid + i,
.coz-input-invalid .tox,
.mooeditable-container .mooeditable-iframe.coz-input-invalid {
  background-color: #ffffff;
  border-color: #c00;
  color: #c00;
}
.coz-input-invalid:focus {
  background-color: #ffffff;
  border-color: #c00;
}
input:disabled,
textarea:disabled,
select:disabled,
.coz-input:hover > input:disabled,
.coz-input-search:hover > .coz-input > input:disabled,
.coz-input > input:disabled + i {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-placeholder,
.coz-input-select-empty input {
  font-style: italic;
  color: #999999;
  opacity: 1;
}
:-moz-placeholder {
  font-style: italic;
  color: #999999;
  opacity: 1;
}
::-moz-placeholder {
  font-style: italic;
  color: #999999;
  opacity: 1;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: #999999;
  opacity: 1;
}
:-ms-input-placeholder {
  font-style: italic;
  color: #999999;
  opacity: 1;
}
.coz-input-placeholder-focus,
.coz-input-placeholder:focus,
.coz-input-select-empty input:focus {
  color: #cccccc;
}
:focus :-moz-placeholder {
  color: #cccccc;
}
:focus::-moz-placeholder {
  color: #cccccc;
}
:focus::-webkit-input-placeholder {
  color: #cccccc;
}
:focus :-ms-input-placeholder {
  color: #cccccc;
}
.coz-input,
.coz-input > * {
  max-width: 100%;
}
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  width: 16px;
  height: 16px;
  margin: 2px 6px 2px 2px;
  position: relative;
}
.coz-input-checkbox > input + i:after,
.coz-input-radio > input + i:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  -webkit-transition: background-color 0.3s, transform 0.3s;
  -moz-transition: background-color 0.3s, transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
}
.coz-input-checkbox:hover > i:after,
.coz-input-radio:hover > i:after {
  background: rgba(0, 0, 0, 0.1);
}
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after,
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after {
  background: rgba(0, 0, 0, 0.2);
}
.coz-input-checkbox > .coz-input-checked + i,
.coz-input-radio > .coz-input-checked + i,
.coz-input-checkbox > :checked + i,
.coz-input-radio > :checked + i,
.coz-input-checkbox > .coz-input-indeterminate + i,
.coz-input-radio > .coz-input-indeterminate + i,
.coz-input-checkbox > :indeterminate + i,
.coz-input-radio > :indeterminate + i {
  background: #fff;
}
.coz-input-checkbox > .coz-input-checked + i:after,
.coz-input-radio > .coz-input-checked + i:after,
.coz-input-checkbox > :checked + i:after,
.coz-input-radio > :checked + i:after {
  background: #000;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
.coz-input-checkbox > .coz-input-indeterminate + i:after,
.coz-input-radio > .coz-input-indeterminate + i:after,
.coz-input-checkbox > :indeterminate + i:after,
.coz-input-radio > :indeterminate + i:after {
  background: #000;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
.coz-input-checkbox > :disabled + i:after,
.coz-input-radio > :disabled + i:after {
  background: #999;
}
.coz-input-checkbox.button > input + i,
.coz-input-radio.button > input + i {
  margin-right: 1px;
  margin-right: 0.1rem;
  border: 0;
  background-color: transparent;
  background-position: -200px 0;
  opacity: 0.1;
}
.touch .coz-input-checkbox.button > input + i,
.touch .coz-input-radio.button > input + i {
  margin-left: -6px;
  margin-left: -0.6rem;
  margin-right: 6px;
  margin-right: 0.6rem;
}
.coz-input-checkbox.button > input + i:after,
.coz-input-radio.button > input + i:after {
  content: none;
}
.coz-input-checkbox.button > .coz-input-checked + i,
.coz-input-radio.button > .coz-input-checked + i,
.coz-input-checkbox.button > :checked + i,
.coz-input-radio.button > :checked + i {
  opacity: 1;
  background-image: url('/colorReplace/f96302/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/f96302/images/webshop/button-icons-mask.svg), none;
}
.coz-input-radio > input + i:after {
  border-radius: 4px;
}
.coz-input-toggle.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  height: 22px;
  padding: 0;
  margin: 0;
}
.coz-input-toggle.button:before,
.coz-input-toggle.button:after {
  display: inline-block;
  min-width: 36px;
  line-height: 22px;
}
.coz-input-toggle.button:before {
  content: 'Off';
}
.coz-input-toggle.button:after {
  content: 'On';
}
.coz-input-toggle.button:checked:after,
.coz-input-toggle.button:not(:checked):before {
  background: #000;
  color: #fff;
}
.coz-input-toggle.button.coz-input-toggle-yes-no:before {
  content: 'No';
}
.coz-input-toggle.button.coz-input-toggle-yes-no:after {
  content: 'Yes';
}
.coz-input-toggle.button[data-off]:before {
  content: attr(data-off);
}
.coz-input-toggle.button[data-on]:after {
  content: attr(data-on);
}
.coz-input-search label {
  padding: 4px 5px 4px 4px;
  line-height: 14px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.coz-input-search .button,
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  position: absolute;
  top: 0;
}
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  right: 22px;
}
.coz-input-search .coz-input-checkbox label {
  right: 0 !important;
}
.coz-input-search .button {
  right: 23px;
}
.coz-input-search .button + label,
.coz-input-search .button + .coz-input-checkbox {
  right: 45px;
}
.coz-input-search .coz-input-combo {
  display: block;
  width: auto !important;
}
.coz-input-search .coz-input-combo > input {
  width: 100%;
  min-width: 240px;
}
.coz-input-search .coz-input-combo > button {
  display: none;
}
.coz-input-copy > input {
  padding-right: 76px;
  text-overflow: ellipsis;
}
.coz-input > ul {
  right: auto;
  min-width: 100%;
  border: 0;
  margin-top: -1px;
  border: 1px solid #f96302;
}
.coz-input > ul > li {
  margin: 0;
}
.coz-input > ul > li a {
  color: #333;
}
.coz-input > ul > li a:hover,
.coz-input > ul > li.selected a {
  color: #fff;
}
.coz-input > ul > li a:hover {
  background-color: #4d4d4d;
}
.coz-input > ul > li.selected a {
  background-color: #f96302;
}
.coz-input > ul > li a[data-value=""] {
  color: #ccc;
  font-style: italic;
}
.coz-input > ul > li a[data-value=""]:hover {
  color: #dbdbdb;
}
.coz-input > ul > li .selected a[data-value=""] {
  color: #fee0cc;
}
.coz-input > ul > li.disabled {
  display: none;
}
.coz-input-combo > ul > li.selected a {
  background-color: #4d4d4d;
}
.coz-input-select > [readonly]:first-child ~ button,
.coz-input-combo > [readonly]:first-child ~ button {
  display: none;
}
.coz-input-select > button.icon:before,
.coz-input-combo > button.icon:before {
  margin: 0px -8px;
  margin: 0rem -0.8rem;
}
.coz-input-select > ul {
  margin-top: -32px;
}
.coz-input-listpicker > div > ul > li.drag .course-type:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.png');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.coz-input-listpicker > div > ul > li.drag button:before {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .coz-input-listpicker > div > ul > li.drag button:before {
  background-color: transparent;
}
.coz-input-listpicker > div > ul > li button {
  color: #fff;
  background-color: #e6e6e6;
}
.coz-input-listpicker > div > ul > li button:hover,
.coz-input-listpicker > div > ul > li button.hover,
.coz-input-listpicker > div > ul > li button:focus,
.coz-input-listpicker > div > ul > li button.focus {
  background-color: #cccccc;
}
.coz-input-listpicker > div > ul > li button:hover:active,
.coz-input-listpicker > div > ul > li button.hover:active,
.coz-input-listpicker > div > ul > li button.active:hover,
.coz-input-listpicker > div > ul > li button.active.hover,
.coz-input-listpicker > div > ul > li button.button:not(a):not(label) {
  background-color: #b3b3b3;
}
.coz-input-listpicker > div > ul > li a {
  padding-right: 0;
}
.coz-input > button:not(:hover):not(.hover),
.coz-input > .coz-input-number-buttons > button:not(:hover):not(.hover) {
  background-color: transparent;
}
.coz-input[data-label]:before {
  content: attr(data-label);
}
.coz-input[data-label]:before,
.coz-input > label {
  position: absolute;
  padding: 0 4px;
  left: 4px;
  top: -6px;
  z-index: 2;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 6px #fff;
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-style: italic;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 500;
  pointer-events: none;
}
.coz-input > a:last-child {
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
}
.search-list li a {
  cursor: pointer;
}
.search-list li a[data-value=""] {
  cursor: default;
}
.search-list mark {
  background: none;
  color: #f96302;
  font-weight: bold;
  font-style: normal;
}
.search-tag {
  color: #fff;
  font-family: inherit;
  font-size: 10px;
  line-height: 0;
  padding: 8px 4px;
  margin: 4px 0;
  border-radius: 2px;
  background: #f96302;
  text-transform: uppercase;
}
.search-tag:before {
  content: none;
}
.search-tag.featured {
  background: #c00;
}
.search-tag.new {
  background: #fc0;
}
.search-count {
  opacity: 0.5;
  font-size: 12px;
  font-style: normal;
  line-height: 2;
  padding-left: 4px;
}
.search-tag,
.search-count {
  display: inline-block;
  vertical-align: top;
}
.coz-input-search ul li a,
#search_filters ul li a {
  cursor: pointer;
}
.coz-input-search ul li a[data-value=""],
#search_filters ul li a[data-value=""] {
  cursor: default;
}
.coz-input-search ul mark,
#search_filters ul mark {
  background: none;
  color: #f96302;
  font-weight: bold;
  font-style: normal;
}
.coz-input-search b,
#search_parameters b,
#search_filters b {
  color: #fff;
  font-family: inherit;
  font-size: 10px;
  line-height: 0;
  padding: 8px 4px;
  margin: 4px 0;
  border-radius: 2px;
  background: #f96302;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  font: 10px/0 Roboto, Arial, Helvetica, sans-serif;
  text-shadow: none;
}
.coz-input-search b:before,
#search_parameters b:before,
#search_filters b:before {
  content: none;
}
.coz-input-search b.featured,
#search_parameters b.featured,
#search_filters b.featured {
  background: #c00;
}
.coz-input-search b.new,
#search_parameters b.new,
#search_filters b.new {
  background: #fc0;
}
.coz-input-search i,
#search_parameters i,
#search_filters i {
  opacity: 0.5;
  font-size: 12px;
  font-style: normal;
  line-height: 2;
  padding-left: 4px;
  display: inline-block;
  vertical-align: top;
}
.coz-input-search :hover > i,
#search_parameters :hover > i,
#search_filters :hover > i {
  color: #666;
  color: rgba(255, 255, 255, 0.4);
}
#search_parameters b,
#search_filters button b {
  margin: 2px 0;
}
#search_parameters i,
#search_filters button i {
  line-height: 1.6666666666666667;
}
input[type="number"],
.coz-input-number > input {
  padding-right: 18px;
}
input[type="search"],
.coz-input-search > input,
.coz-input-search > .coz-input-combo > input,
.coz-input-file-upload > input {
  padding-right: 26px;
}
.calendar caption {
  margin-bottom: 8px;
}
.calendar th {
  color: #fff;
}
.touch input,
.touch select,
.touch textarea,
.touch .mooeditable-iframe-body,
.touch .coz-input > ul a,
.touch .coz-input-style {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.touch input,
.touch textarea,
.touch .mooeditable-iframe-body,
.touch .mce-content-body,
.touch .coz-input > ul > li > a,
.touch .coz-input-style {
  padding: 3px 7px;
}
.touch input,
.touch select,
.touch .coz-input-style {
  height: 32px;
}
.touch input[type=number] {
  height: 24px;
}
.touch input[type=checkbox],
.touch input[type=radio] {
  width: 16px;
  height: 16px;
  margin: 2px 6px 2px 2px;
}
.touch select {
  padding: 5px 29px 5px 3px;
}
.touch .coz-input-select > input,
.touch .coz-input-combo > input {
  padding-right: 27px;
}
.touch .coz-input-search label {
  padding: 9px 10px 9px 9px;
}
.touch .coz-input-search label,
.touch .coz-input-search .coz-input-checkbox {
  right: 36px;
}
.touch .coz-input-search .button {
  right: 33px;
}
.touch .coz-input-search .button + label,
.touch .coz-input-search .button + .coz-input-checkbox {
  right: 65px;
}
.touch .coz-input-toggle.button {
  width: auto;
  height: 32px;
  padding: 4px;
  margin: 0;
}
.touch .coz-input-toggle.button:before,
.touch .coz-input-toggle.button:after {
  min-width: 36px;
  line-height: 24px;
}
.touch .coz-input-copy > input {
  padding-right: 91px;
}
.touch .coz-input > ul {
  max-height: 302px;
  max-width: unset;
}
.touch input[type="number"],
.touch .coz-input-number > input {
  padding-right: 21px;
}
.touch .coz-input-number-buttons > button {
  padding: 3.5px 3px;
  padding: 0.35rem 0.3rem;
}
.touch input[type="search"],
.touch .coz-input-search > input,
.touch .coz-input-search > .coz-input-combo > input,
.touch .coz-input-file-upload > input {
  padding-right: 36px;
}
@media (max-width: 474px) {
  .coz-input-search .coz-input-checkbox,
  .coz-input-search label {
    position: static;
    padding: 0 !important;
    margin: 10px 0 0 !important;
    border: 0;
  }
  .touch .coz-input-search label {
    padding: 5px 0 !important;
  }
}
#search_autocomplete {
  display: block;
  margin: 1em 0;
  position: relative;
  z-index: 11;
}
#search_parameters,
#search_filters {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
#search_parameters button,
#search_filters > button {
  text-align: left;
  text-transform: none;
  font-size: inherit;
  font-weight: 400;
  background: none;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 5px 7px;
  padding: 0.5rem 0.7rem;
}
#search_parameters button:hover,
#search_filters > button:hover {
  color: #fff;
  background: #4d4d4d;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
}
#search_parameters button:before,
#search_filters > button:before {
  float: right;
  margin: 0 -0.2rem 0 0.6rem;
}
#search_parameters {
  margin-bottom: 0.75em;
}
#search_parameters > * {
  margin: 0 0.25em 0.25em 0;
}
#search_parameters > .right {
  margin: 0 0 0 auto;
}
#search_filters {
  margin-top: 0.75em;
}
#search_filters > * {
  margin: 0.25em 0.25em 0 0;
}
#search_autocomplete .accordion {
  margin: 0;
  clear: both;
}
#search_autocomplete .accordion > dd .element-content {
  padding: 1em 0 0;
}
#search_filters .coz-input-select > select {
  display: none;
}
#search_filters .coz-input-select > input {
  position: static;
  width: 160px;
}
.productSearch-sort h2,
.productPaging-results h2 {
  line-height: 3.2rem;
}
.productSearch-message {
  padding-right: 0;
}
@media (max-width: 360px) {
  #search_filters .coz-input-select {
    display: block;
  }
  #search_parameters button,
  #search_filters > button,
  #search_filters select,
  #search_filters .coz-input-select > input {
    width: 100%;
  }
  .productPaging-sort + .productPaging-results {
    margin-top: 1em;
  }
}
.box,
.myCoursesFilters {
  border: 0;
  padding: 0;
}
.box-content,
.element-content {
  zoom: 1;
}
.box-content,
.myCoursesFilters {
  padding: 0;
  background: none;
}
.box-heading {
  position: relative;
  z-index: 2;
  padding: 5px 15px;
  margin: 0 -5px;
  line-height: 16px;
  border: 0;
  color: #fff;
  background-color: #4d4d4d;
  -webkit-box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.2);
}
.touch .box-heading {
  padding: 10px 15px;
}
.box-heading:before,
.box-heading:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -5px;
  border-top: 5px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.box-heading:before {
  border-left: 5px solid transparent;
  left: 0;
}
.box-heading:after {
  border-right: 5px solid transparent;
  right: 0;
}
.box-content .box-heading {
  margin: 0 -15px;
}
.box-content .box-heading + .box-heading {
  margin-top: 10px;
}
a.box-heading {
  display: block;
  color: #fff !important;
  text-decoration: none !important;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important;
  font-weight: bold;
}
a.box-heading.featured {
  background: #c00;
}
a.box-heading.new {
  background: #fc0;
}
.box-expander .box-heading {
  padding: 0;
}
.box-expander .box-heading a {
  display: block;
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.box-expander .box-heading i {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 8px;
  background: url(/images/webshop/button-icons-white.png) -340px 0;
}
.touch .box-expander .box-heading a {
  padding: 10px 15px;
}
.box-expander .box-content {
  height: 0;
  min-height: 10px;
  overflow: hidden;
}
.no-outline .box-expander .box-content {
  overflow: visible;
}
.no-outline .box-expander .box-content > * {
  display: none;
}
.box-expander-open .box-heading i {
  background-position: -360px 0;
}
.box-expander-open .box-content {
  height: auto;
  overflow: visible;
}
.no-outline .box-expander-open .box-content > * {
  display: block;
}
.box-content > form,
.dialog-content-div > form,
.dialog-content-div > .tabContent > form,
.dialog-content-div > div > form,
.dialog-content-div > div .tabContent > form {
  display: block;
}
.box-content > form > div,
.dialog-content-div > form > div,
.dialog-content-div > .tabContent > form > div,
.dialog-content-div > div > form > div,
.dialog-content-div > div .tabContent > form > div { /* 
		padding:3px 0;
		.touch & { padding:7px 0; } */
  zoom: 1;
}
.box-content > form > div ~ div,
.dialog-content-div > form > div ~ div,
.dialog-content-div > .tabContent > form > div ~ div,
.dialog-content-div > div > form > div ~ div,
.dialog-content-div > div .tabContent > form > div ~ div {
  margin-top: 16px;
} /* 
		& > input,
		& > textarea,
		& > button,
		& > .coz-input {
			margin:-3px 0;
			.touch & { margin:-7px 0; }
		}
		&.prompt-buttons > button {
			margin:-3px 0 -3px 8px;
			.touch & { margin:-7px 0 -7px 8px; }
		} */
.box-content > form > div > input,
.dialog-content-div > form > div > input,
.dialog-content-div > .tabContent > form > div > input,
.dialog-content-div > div > form > div > input,
.dialog-content-div > div .tabContent > form > div > input,
.box-content > form > div > textarea,
.dialog-content-div > form > div > textarea,
.dialog-content-div > .tabContent > form > div > textarea,
.dialog-content-div > div > form > div > textarea,
.dialog-content-div > div .tabContent > form > div > textarea,
.box-content > form > div > .coz-input,
.dialog-content-div > form > div > .coz-input,
.dialog-content-div > .tabContent > form > div > .coz-input,
.dialog-content-div > div > form > div > .coz-input,
.dialog-content-div > div .tabContent > form > div > .coz-input,
.box-content > form > div > .coz-input > input,
.dialog-content-div > form > div > .coz-input > input,
.dialog-content-div > .tabContent > form > div > .coz-input > input,
.dialog-content-div > div > form > div > .coz-input > input,
.dialog-content-div > div .tabContent > form > div > .coz-input > input {
  display: block;
  width: 100%;
}
.box-content > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > .tabContent > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > div > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > div .tabContent > form > div > .coz-input-time > input[type="time"],
.box-content > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > .tabContent > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > div > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > div .tabContent > form > div > .coz-input-datetime-local > input[type="datetime-local"] {
  display: none;
}
.box-content > form > div > .coz-input-checkbox,
.dialog-content-div > form > div > .coz-input-checkbox,
.dialog-content-div > .tabContent > form > div > .coz-input-checkbox,
.dialog-content-div > div > form > div > .coz-input-checkbox,
.dialog-content-div > div .tabContent > form > div > .coz-input-checkbox {
  display: inline-block;
  width: auto;
  margin: 0;
}
.touch .box-content > form > div > .coz-input-checkbox,
.touch .dialog-content-div > form > div > .coz-input-checkbox,
.touch .dialog-content-div > .tabContent > form > div > .coz-input-checkbox,
.touch .dialog-content-div > div > form > div > .coz-input-checkbox,
.touch .dialog-content-div > div .tabContent > form > div > .coz-input-checkbox {
  margin: 0;
}
.box-content > form > div > button,
.dialog-content-div > form > div > button,
.dialog-content-div > .tabContent > form > div > button,
.dialog-content-div > div > form > div > button,
.dialog-content-div > div .tabContent > form > div > button {
  float: right;
}
.box-content > form > div.clear,
.dialog-content-div > form > div.clear,
.dialog-content-div > .tabContent > form > div.clear,
.dialog-content-div > div > form > div.clear,
.dialog-content-div > div .tabContent > form > div.clear {
  margin: 0;
  padding: 0;
  min-height: 0;
}
.dialog-frame {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.helpForm input,
.helpForm textarea {
  margin: 0;
}
@media (min-width: 480px) {
  .helpForm .helpCaptcha + div {
    margin-top: -32px;
  }
}
.formSubmit {
  padding-top: 10px;
}
.tool-tip,
.datePicker,
.jscolor-box {
  padding: 8px;
  padding: 0.8rem;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
}
.tool-tip br {
  height: 0.6666666666666666em;
}
.tool-tip p,
.tool-tip ol {
  margin: 0;
}
.tool-tip * + p,
.tool-tip p + *,
.tool-tip * + ol,
.tool-tip ol + * {
  margin-top: 0.6666666666666666em;
}
.tool-tip .tip-title {
  color: #fff;
}
.tool-tip .tip-title + .tip-text,
.tool-tip .tip-text > * + * {
  margin-top: 0.6666666666666666em;
}
.tool-tip .featured,
.tool-tip .new,
.tool-tip .price,
.tool-tip .course-type,
.tool-tip .course-selection,
.tool-tip .course-status {
  display: block;
}
.tool-tip .featured:before,
.tool-tip .new:before,
.tool-tip .price:before,
.tool-tip .course-type:before,
.tool-tip .course-selection:before,
.tool-tip .course-status:before {
  margin: -4px 2px -4px -2px;
  margin: -0.4rem 0.2rem -0.4rem -0.2rem;
}
.tool-tip .description a {
  display: none;
}
.dialog {
  padding: 16px;
  background: #fff;
  -webkit-box-shadow: 0 0 7.5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 7.5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 7.5px 0 rgba(0, 0, 0, 0.5);
}
.dialog-titlebar {
  margin-bottom: 16px;
}
.touch .dialog-title h1 {
  height: 32px;
  line-height: 32px;
}
.dialog,
.dialog-content,
.dialog-content-div {
  max-width: 100%;
}
.courseViewer .dialog {
  max-width: unset;
}
.dialog-content-div {
  position: relative;
  font-size: 16px;
  line-height: 1.25;
}
.dialog-content-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dialog-buttons button {
  text-indent: 0;
  margin-left: 16px;
}
.videoDialog .dialog-content-div {
  min-width: 100%;
}
.videoDialog-narrow {
  padding-left: 0;
  padding-right: 0;
  left: 0 !important;
  right: 0 !important;
}
.videoDialog-narrow .dialog-titlebar {
  margin-left: 16px;
  margin-right: 16px;
}
.videoDialog-narrow .dialog-content-div {
  position: relative;
  padding-bottom: 38px;
}
.videoDialog-narrow .videoContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 38px;
  height: auto !important;
  overflow: hidden;
}
.videoDialog-narrow .videoToolbar {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
}
.videoDialog-narrow object,
.videoDialog-narrow embed,
.videoDialog-narrow iframe,
.videoDialog-narrow video {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.touch .videoDialog-narrow .dialog-content-div {
  padding-bottom: 48px;
}
.touch .videoDialog-narrow .videoContainer {
  bottom: 48px;
}
.touch .videoDialog-narrow .videoToolbar {
  height: 32px;
  line-height: 32px;
}
.courseDialog {
  padding-top: 54px;
}
.touch .courseDialog {
  padding-top: 64px;
}
.courseDialog .dialog-titlebar {
  top: 16px;
  right: 16px;
  left: 16px;
}
.htmlDialog .prompt-buttons {
  text-align: left;
}
.dialog .prompt-message ~ * {
  margin-top: 16px;
}
.dialog .prompt-buttons,
.dialog .tabContent .prompt-buttons {
  padding: 23px 16px;
  margin: 16px -16px -16px;
  background: #e6e6e6;
  background: rgba(224, 224, 224, 0.82);
  position: sticky;
  bottom: 0;
  zoom: 1;
}
.dialog .prompt-buttons button,
.dialog .tabContent .prompt-buttons button,
.dialog .prompt-buttons .button,
.dialog .tabContent .prompt-buttons .button {
  float: right;
  margin: -7px 0 -7px 8px;
}
.dialog .prompt-buttons button.left,
.dialog .tabContent .prompt-buttons button.left,
.dialog .prompt-buttons .button.left,
.dialog .tabContent .prompt-buttons .button.left {
  float: left;
  margin: -7px 8px -7px 0;
}
.no-rgba .dialog .prompt-buttons button,
.no-rgba .dialog .tabContent .prompt-buttons button,
.no-rgba .dialog .prompt-buttons .button,
.no-rgba .dialog .tabContent .prompt-buttons .button {
  background-color: #cccccc;
}
.no-rgba .dialog .prompt-buttons button:hover,
.no-rgba .dialog .tabContent .prompt-buttons button:hover,
.no-rgba .dialog .prompt-buttons .button:hover,
.no-rgba .dialog .tabContent .prompt-buttons .button:hover {
  background-color: #b3b3b3;
}
.no-rgba .dialog .prompt-buttons button:hover:active,
.no-rgba .dialog .tabContent .prompt-buttons button:hover:active,
.no-rgba .dialog .prompt-buttons .button:hover:active,
.no-rgba .dialog .tabContent .prompt-buttons .button:hover:active {
  background-color: #999999;
}
.touch .dialog .prompt-buttons,
.touch .dialog .tabContent .prompt-buttons {
  padding: 24px 16px;
}
.dialog-maximized {
  margin-bottom: 0 !important;
} /* 

@media (max-width:533px) {
	.dialog-body {
		text-align:center;
		padding:16px;
	}
	.dialog:not(.dialog-maximized) {
		text-align:left;
		position:relative;
		top:0 !important;
		left:0 !important;
		display:inline-block;
		margin-bottom:16px;
	}
}

@media (max-width:533px) {
	.htmlDialog {
		display:block;
		.dialog-content-div { min-width:100%; }
	}
} */
.dialog-maximized .assessment {
  padding-bottom: 64px;
}
.dialog-maximized .prompt-buttons {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0;
}
@media (min-width: 918px) and (min-height: 648px) {
  .dialog-maximized {
    padding: 32px;
  }
  .touch .courseDialog.dialog-maximized {
    padding-top: 80px;
  }
  .dialog-maximized .dialog-titlebar {
    margin-bottom: 32px;
  }
  .courseDialog.dialog-maximized .dialog-titlebar {
    top: 32px;
    left: 32px;
    right: 32px;
  }
  .dialog-maximized .assessment {
    padding-bottom: 80px;
  }
}
@media (max-height: 480px) {
  .dialog-centered {
    align-self: flex-start;
    margin-top: 16px;
  }
}
.distributor-logo {
  background: #fff;
}
.crumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.crumbs li {
  margin: 0;
}
.crumb-icon,
.crumb-home:before,
.breadcrumbs .crumbs li + li:after,
.files-header .crumbs li + li:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  background-color: #333;
  background-position: -278px -20px;
  -webkit-mask-position: -278px -20px;
  -moz-mask-position: -278px -20px;
  -ms-mask-position: -278px -20px;
  -o-mask-position: -278px -20px;
  mask-position: -278px -20px;
  background-color: #333333;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/333333/images/webshop/button-icons-mask.svg), none;
  margin: 6px 0 0;
  vertical-align: top;
  pointer-events: all;
}
.no-mask-image .crumb-icon {
  background-color: transparent;
}
.mask-image .crumb-icon {
  background-image: none;
}
.no-mask-image .crumb-icon {
  background-color: transparent;
}
.crumb-home {
  font-size: 0;
  color: transparent;
}
.crumb-home:before {
  background-position: -258px -20px;
  -webkit-mask-position: -258px -20px;
  -moz-mask-position: -258px -20px;
  -ms-mask-position: -258px -20px;
  -o-mask-position: -258px -20px;
  mask-position: -258px -20px;
  background-color: #f96302;
  background-image: url('/colorReplace/f96302/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/f96302/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .crumb-home:before {
  background-color: transparent;
}
.crumb-home:hover:before {
  background-color: #c64f02;
  background-image: url('/colorReplace/c64f02/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/c64f02/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .crumb-home:hover:before {
  background-color: transparent;
}
.crumb-home:focus:before,
.crumb-home:active:before {
  background-color: #943b01;
  background-image: url('/colorReplace/943b01/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/943b01/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .crumb-home:focus:before,
.no-mask-image .crumb-home:active:before {
  background-color: transparent;
}
.mask-image .crumb-home:before {
  background: #f96302;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.mask-image .crumb-home:hover:before {
  background: #c64f02;
}
.mask-image .crumb-home:focus:before,
.mask-image .crumb-home:active:before {
  background: #943b01;
}
.mask-image .crumb-home:hover:before,
.mask-image .crumb-home:focus:before,
.mask-image .crumb-home:active:before {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.breadcrumbs,
.files-header {
  margin-bottom: 1em;
}
.breadcrumbs h1 {
  margin-top: 0;
}
.breadcrumbs h2 {
  margin-top: 4px;
}
.breadcrumbs .crumbs {
  float: right;
  margin-left: 0.8888888888888888em;
}
.breadcrumbs .crumbs li {
  float: right;
}
.files-header {
  zoom: 1;
}
.files-header .crumbs li {
  float: left;
}
.files-header .crumbs li + li:before {
  margin: 1px 0 0;
}
.files-header .info {
  float: right;
}
.list > dt,
.list > dd,
.list > * > tr > :first-child,
.list > * > .tr > :first-child,
.list > .tcaption {
  padding-left: 0;
}
.list > dt,
.list > dd,
.list > * > tr > :last-child,
.list > * > .tr > :last-child,
.list > .tcaption {
  padding-right: 0;
}
.list > * > a[data-count]:before {
  content: attr(data-count);
  float: right;
  pointer-events: none;
  color: #cccccc;
}
.flex .list > dt.highlight,
.flex .list > dd.highlight {
  display: flex;
  align-items: start;
}
.flex .list > dt.highlight:after,
.flex .list > dd.highlight:after {
  content: none;
}
.flex .list > dt.highlight > .right,
.flex .list > dd.highlight > .right {
  margin-left: auto;
  order: 1;
}
.flex .list > dt.highlight > * + *,
.flex .list > dd.highlight > * + *,
.flex .list > dt.highlight > .right:not(.hide) + *,
.flex .list > dd.highlight > .right:not(.hide) + * {
  margin-left: 4px;
}
.flex .list > dd.highlight > .coz-input-copy {
  flex: 1;
}
.sort > thead > tr > th,
.coz-table > thead > tr > th {
  border-bottom: 1px solid #333333;
}
.sort > thead > tr > th.checkbox,
.coz-table > thead > tr > th.checkbox {
  width: 1%;
  text-align: center;
  line-height: 0;
}
.sort > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons),
.coz-table > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons),
.sort > thead > tr > th.sort > .button,
.coz-table > thead > tr > th.sort > .button {
  padding-top: 6px;
  padding-top: 0.6rem;
  padding-right: 32px;
  padding-right: 3.2rem;
  padding-bottom: 6em;
  padding-bottom: 0.6em;
}
.sort > thead > tr > th:not(.sort),
.coz-table > thead > tr > th:not(.sort),
.sort > thead > tr > th.sort > .button,
.coz-table > thead > tr > th.sort > .button {
  padding-left: 12em;
  padding-left: 1.2em;
}
.sort > thead > tr > th:not(.sort),
.coz-table > thead > tr > th:not(.sort) {
  background: rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.6666666666666667;
}
.sort > thead > tr > th ~ th:not(.sort),
.coz-table > thead > tr > th ~ th:not(.sort) {
  background: linear-gradient(to right, transparent 1px, rgba(0, 0, 0, 0.1) 1px);
  padding-left: 13px;
  padding-left: 1.3rem;
}
.sort > thead > tr > th ~ th.icon:not(.sort),
.coz-table > thead > tr > th ~ th.icon:not(.sort) {
  padding-left: 7px;
  padding-left: 0.7rem;
}
.sort > thead > tr > th ~ th.buttons:not(.sort),
.coz-table > thead > tr > th ~ th.buttons:not(.sort) {
  padding-left: 1px;
  padding-left: 0.1rem;
}
.sort > tbody > tr > td,
.coz-table > tbody > tr > td {
  border-bottom: 1px solid #e6e6e6;
}
.touch .sort > tbody > tr > td,
.touch .coz-table > tbody > tr > td {
  padding-left: 12px;
  padding-left: 1.2rem;
  padding-right: 12px;
  padding-right: 1.2rem;
}
.sort > tbody > tr > td.icon,
.coz-table > tbody > tr > td.icon {
  padding-left: 1px;
  padding-left: 0.1rem;
  padding-right: 1px;
  padding-right: 0.1rem;
}
.touch .sort > tbody > tr > td.icon,
.touch .coz-table > tbody > tr > td.icon {
  padding-left: 6px;
  padding-left: 0.6rem;
  padding-right: 6px;
  padding-right: 0.6rem;
}
.sort > tbody > tr.first-visible:not(:first-child),
.coz-table > tbody > tr.first-visible:not(:first-child) {
  background-image: -webkit-gradient(linear, rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
}
.sort > tbody > tr.last-visible:not(:last-child),
.coz-table > tbody > tr.last-visible:not(:last-child) {
  background-image: -webkit-gradient(linear, transparent 80%, from(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
}
.sort > tbody > tr.last-visible:not(:last-child) td,
.coz-table > tbody > tr.last-visible:not(:last-child) td {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.sort > * > tr > .checkbox,
.coz-table > * > tr > .checkbox {
  padding-left: 6px;
  padding-left: 0.6rem;
  padding-right: 6px;
  padding-right: 0.6rem;
}
.touch .sort > * > tr > .checkbox,
.touch .coz-table > * > tr > .checkbox {
  padding-left: 10px;
  padding-left: 1rem;
  padding-right: 10px;
  padding-right: 1rem;
}
.sort > * > tr > .checkbox > .coz-input-checkbox > i,
.coz-table > * > tr > .checkbox > .coz-input-checkbox > i {
  margin-right: 2px;
}
.sort > * > tr > th ~ th,
.coz-table > * > tr > th ~ th {
  padding-left: 1px;
  padding-left: 0.1rem;
}
.sort > * > tr > td ~ td:not(:empty),
.coz-table > * > tr > td ~ td:not(:empty) {
  padding-left: 13px;
  padding-left: 1.3rem;
}
.sort > * > tr > td ~ td.icon:not(:empty),
.coz-table > * > tr > td ~ td.icon:not(:empty) {
  padding-left: 7px;
  padding-left: 0.7rem;
}
.sort > * > tr > td ~ td.buttons:not(:empty),
.coz-table > * > tr > td ~ td.buttons:not(:empty) {
  padding-left: 1px;
  padding-left: 0.1rem;
}
.accordion > dt + dt,
.accordion > dt + dd + dt {
  margin-top: 0.5em;
}
.accordion > dd .element-content {
  padding-bottom: 1em;
}
.accordion > dt + dd .element-content {
  padding-top: 1em;
}
.no-flex .tabs-row .tabrow,
.no-flex .tabs-bar .tabrow {
  font-size: 0;
  word-spacing: 1px;
}
.IE .no-flex .tabs-row .tabrow,
.IE .no-flex .tabs-bar .tabrow,
.ie .no-flex .tabs-row .tabrow,
.ie .no-flex .tabs-bar .tabrow,
.edge .no-flex .tabs-row .tabrow,
.edge .no-flex .tabs-bar .tabrow {
  font-size: 4.1px;
  word-spacing: 0px;
}
.IE8 .no-flex .tabs-row .tabrow,
.IE8 .no-flex .tabs-bar .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs-steps .tabrow {
  font-size: 0;
  word-spacing: 9px;
}
.IE .no-flex .tabs-steps .tabrow,
.ie .no-flex .tabs-steps .tabrow,
.edge .no-flex .tabs-steps .tabrow {
  font-size: 4.1px;
  word-spacing: 8px;
}
.IE8 .no-flex .tabs-steps .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs .tabrow .button {
  word-spacing: 0;
}
.tabs-row .tabbox {
  margin-top: 1px;
  position: relative;
}
.tabs-bar .tabrow,
.tabs-steps .tabrow {
  width: auto;
}
.tabs-bar .tabrow .button,
.tabs-steps .tabrow .button {
  overflow: visible;
}
.tabs-bar .tabContent,
.tabs-steps .tabContent {
  position: relative;
  zoom: 1;
}
.tabs-bar .tabContent > button:last-child,
.tabs-steps .tabContent > button:last-child {
  float: right;
}
.tabs-steps .tabrow .button:not(:first-child):before,
.tabs-steps .tabrow .button:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  border: 8px solid transparent;
  background-color: transparent;
  -webkit-transform: scaleX(.9999);
  -moz-transform: scaleX(.9999);
  -ms-transform: scaleX(.9999);
  -o-transform: scaleX(.9999);
  transform: scaleX(.9999);
}
.tabs-bar .tabrow .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-image: url(../../../colorReplace/000000/themes/redesign/images/tab-arrow.svg);
  background-size: 100% 100%;
  -webkit-mask-image: url(../images/tab-arrow.svg);
  -moz-mask-image: url(../images/tab-arrow.svg);
  -ms-mask-image: url(../images/tab-arrow.svg);
  -o-mask-image: url(../images/tab-arrow.svg);
  mask-image: url(../images/tab-arrow.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: height 0.3s, background-color 0.3s;
}
.mask-image .tabs-bar .tabrow .button:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.tabs-bar .tabrow .fg:before {
  height: 4px;
  transition: none;
}
.mask-image .tabs-bar .tabrow .fg:before {
  background-color: #000;
}
.tabs-steps .tabrow .button:before,
.tabs-steps .tabrow .button:after {
  top: 0;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.tabs-steps .tabrow .button:hover:before,
.tabs-steps .tabrow .button:hover:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.tabs-steps .tabrow .button:not(:first-child):before {
  left: -8px;
  border-width: 16px 0 16px 8px;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:first-child):hover:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button:not(:last-child):after {
  right: -8px;
  border-width: 16px 0 16px 8px;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:last-child):hover:after {
  border-left-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button.fg:not(:first-child):before {
  border-top-color: #000;
  border-bottom-color: #000;
}
.tabs-steps .tabrow .button.fg:not(:last-child):after {
  border-left-color: #000;
}
/*  */
.tabs-select .tabrow {
  display: none;
}
.tabs-select .tabselect {
  display: block;
}
.tabrow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(159px, 1fr));
  grid-gap: 1px;
}
.tabs-steps .tabrow {
  grid-column-gap: 9px;
}
.no-grid .tabrow {
  display: flex;
  align-items: start;
}
.no-grid .tabrow .button {
  flex-basis: 1%;
  flex-grow: 1;
}
.no-grid.no-flex .tabs-count-1 .tabrow {
  padding-right: 0px;
}
.no-grid.no-flex .tabs-count-1 .tabrow .button {
  width: 100%;
}
.no-grid.no-flex .tabs-count-1 .tabrow .button:last-child {
  margin-right: -0px;
}
.tabs-steps.no-grid.no-flex .tabs-count-1 .tabrow {
  padding-right: 0px;
}
.tabs-steps.no-grid.no-flex .tabs-count-1 .tabrow .button {
  width: 100%;
}
.tabs-steps.no-grid.no-flex .tabs-count-1 .tabrow .button:last-child {
  margin-right: -0px;
}
.no-grid.no-flex .tabs-count-2 .tabrow {
  padding-right: 1px;
}
.no-grid.no-flex .tabs-count-2 .tabrow .button {
  width: 50%;
}
.no-grid.no-flex .tabs-count-2 .tabrow .button:last-child {
  margin-right: -1px;
}
.tabs-steps.no-grid.no-flex .tabs-count-2 .tabrow {
  padding-right: 9px;
}
.tabs-steps.no-grid.no-flex .tabs-count-2 .tabrow .button {
  width: 50%;
}
.tabs-steps.no-grid.no-flex .tabs-count-2 .tabrow .button:last-child {
  margin-right: -9px;
}
.no-grid.no-flex .tabs-count-3 .tabrow {
  padding-right: 2px;
}
.no-grid.no-flex .tabs-count-3 .tabrow .button {
  width: 33.333333333333336%;
}
.no-grid.no-flex .tabs-count-3 .tabrow .button:last-child {
  margin-right: -2px;
}
.tabs-steps.no-grid.no-flex .tabs-count-3 .tabrow {
  padding-right: 18px;
}
.tabs-steps.no-grid.no-flex .tabs-count-3 .tabrow .button {
  width: 33.333333333333336%;
}
.tabs-steps.no-grid.no-flex .tabs-count-3 .tabrow .button:last-child {
  margin-right: -18px;
}
.no-grid.no-flex .tabs-count-4 .tabrow {
  padding-right: 3px;
}
.no-grid.no-flex .tabs-count-4 .tabrow .button {
  width: 25%;
}
.no-grid.no-flex .tabs-count-4 .tabrow .button:last-child {
  margin-right: -3px;
}
.tabs-steps.no-grid.no-flex .tabs-count-4 .tabrow {
  padding-right: 27px;
}
.tabs-steps.no-grid.no-flex .tabs-count-4 .tabrow .button {
  width: 25%;
}
.tabs-steps.no-grid.no-flex .tabs-count-4 .tabrow .button:last-child {
  margin-right: -27px;
}
.no-grid.no-flex .tabs-count-5 .tabrow {
  padding-right: 4px;
}
.no-grid.no-flex .tabs-count-5 .tabrow .button {
  width: 20%;
}
.no-grid.no-flex .tabs-count-5 .tabrow .button:last-child {
  margin-right: -4px;
}
.tabs-steps.no-grid.no-flex .tabs-count-5 .tabrow {
  padding-right: 36px;
}
.tabs-steps.no-grid.no-flex .tabs-count-5 .tabrow .button {
  width: 20%;
}
.tabs-steps.no-grid.no-flex .tabs-count-5 .tabrow .button:last-child {
  margin-right: -36px;
}
.no-grid.no-flex .tabs-count-6 .tabrow {
  padding-right: 5px;
}
.no-grid.no-flex .tabs-count-6 .tabrow .button {
  width: 16.666666666666668%;
}
.no-grid.no-flex .tabs-count-6 .tabrow .button:last-child {
  margin-right: -5px;
}
.tabs-steps.no-grid.no-flex .tabs-count-6 .tabrow {
  padding-right: 45px;
}
.tabs-steps.no-grid.no-flex .tabs-count-6 .tabrow .button {
  width: 16.666666666666668%;
}
.tabs-steps.no-grid.no-flex .tabs-count-6 .tabrow .button:last-child {
  margin-right: -45px;
}
.no-grid.no-flex .tabs-count-7 .tabrow {
  padding-right: 6px;
}
.no-grid.no-flex .tabs-count-7 .tabrow .button {
  width: 14.285714285714286%;
}
.no-grid.no-flex .tabs-count-7 .tabrow .button:last-child {
  margin-right: -6px;
}
.tabs-steps.no-grid.no-flex .tabs-count-7 .tabrow {
  padding-right: 54px;
}
.tabs-steps.no-grid.no-flex .tabs-count-7 .tabrow .button {
  width: 14.285714285714286%;
}
.tabs-steps.no-grid.no-flex .tabs-count-7 .tabrow .button:last-child {
  margin-right: -54px;
}
.no-grid.no-flex .tabs-count-2 .tabrow .button + .button {
  margin-right: -1px;
}
.no-grid.no-flex .tabs-count-3 .tabrow .button + .button + .button {
  margin-right: -2px;
}
.no-grid.no-flex .tabs-count-4 .tabrow .button + .button + .button + .button {
  margin-right: -3px;
}
.no-grid.no-flex .tabs-count-5 .tabrow .button + .button + .button + .button + .button {
  margin-right: -4px;
}
.no-grid.no-flex .tabs-count-6 .tabrow .button + .button + .button + .button + .button + .button {
  margin-right: -5px;
}
.no-grid.no-flex .tabs-count-7 .tabrow .button + .button + .button + .button + .button + .button + .button {
  margin-right: -6px;
}
.no-grid.no-flex .tabs-steps.tabs-count-2 .tabrow .button + .button {
  margin-right: -9px;
}
.no-grid.no-flex .tabs-steps.tabs-count-3 .tabrow .button + .button + .button {
  margin-right: -18px;
}
.no-grid.no-flex .tabs-steps.tabs-count-4 .tabrow .button + .button + .button + .button {
  margin-right: -27px;
}
.no-grid.no-flex .tabs-steps.tabs-count-5 .tabrow .button + .button + .button + .button + .button {
  margin-right: -36px;
}
.no-grid.no-flex .tabs-steps.tabs-count-6 .tabrow .button + .button + .button + .button + .button + .button {
  margin-right: -45px;
}
.no-grid.no-flex .tabs-steps.tabs-count-7 .tabrow .button + .button + .button + .button + .button + .button + .button {
  margin-right: -54px;
}
.productSearch-text,
.product-shortDescription,
.product-annotations {
  margin-bottom: 1em;
}
.productSearch-text-picture {
  float: right;
  margin: 0 0 1em 1em;
}
.productSearch-topics {
  margin-top: 1em;
}
.productSearch-sort {
  float: right;
  clear: both;
}
.productSearch-sort form > * {
  float: left;
  margin: 0 0 0 4px;
}
.productSearch-sort form > noscript {
  margin: 0;
}
.productSearch-message,
.productPaging-results {
  float: left;
}
.productSearch-sort label,
.productSearch-sort ~ #productPaging .productPaging-results {
  line-height: 22px;
  line-height: 2.2rem;
  margin: 0;
}
.touch .productSearch-sort label,
.touch .productSearch-sort ~ #productPaging .productPaging-results {
  line-height: 32px;
  line-height: 3.2rem;
}
.IE8 .productSearch-message,
.IE8 #productPaging {
  display: inline;
  padding-right: 0;
}
.paging {
  background: #eee;
}
.paging-buttons > span,
.paging-buttons > select {
  display: none;
}
.paging-counts,
.paging-buttons,
.product-views {
  font-size: 0;
  word-spacing: 1px;
}
.IE .paging-counts,
.IE .paging-buttons,
.IE .product-views,
.ie .paging-counts,
.ie .paging-buttons,
.ie .product-views,
.edge .paging-counts,
.edge .paging-buttons,
.edge .product-views {
  font-size: 4.1px;
  word-spacing: 0px;
}
.IE8 .paging-counts,
.IE8 .paging-buttons,
.IE8 .product-views {
  font-size: 3.6px;
}
.productPaging .paging-buttons {
  position: relative;
}
.productPaging-captions {
  clear: both;
  padding-bottom: 0.5em;
}
.productPaging-results + .productPaging-captions {
  padding-top: 1em;
}
.productContainer + .paging {
  margin-top: 6px;
}
.productSearch-sort label,
.productPaging-captions {
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
}
.touch .paging {
  min-height: 32px;
}
.product-sidebar {
  margin: 0;
  left: 0;
}
.product-sidebar .right {
  margin-top: -1.25em;
}
.product-preview {
  padding: 0;
  background: #000;
}
.product-preview a {
  display: block;
  height: 210px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.button-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, auto));
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.no-grid .button-columns {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-bottom: -16px;
}
.no-grid .button-columns .button,
.no-grid .button-columns button {
  min-width: 228px;
  flex: 1;
  margin: 0 16px 16px 0;
}
@media (max-width: 1023px) {
  .ie .button-columns {
    max-width: calc(100vw - 64px);
  }
}
@media (max-width: 767px) {
  .ie .button-columns {
    max-width: calc(100vw - 32px);
  }
}
.tool-tip {
  min-width: 0;
  max-width: none;
}
.tool-tip .tip-text {
  max-width: 400px;
}
.listPicker div.heading {
  padding: 4px 5px 3px;
  margin: -1px -1px 0;
}
.listPicker div.overlay {
  top: 22px;
  right: 0;
  bottom: 0;
  left: 0;
}
.listPicker div.overlay hr {
  border-top-color: #e6e6e6;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.listPicker > div > ul {
  border: 0;
}
.listPicker + div {
  margin-top: 10px;
}
.coz-input-listpicker > div > ul {
  margin: 0 !important;
}
.coz-input-listpicker-overlay li > a > i {
  display: none;
}
.form > dt,
.form > dd,
.form > div > dt,
.form > div > dd {
  padding-top: 6px;
  padding-bottom: 6px;
}
.arclprof .form > dt,
#emailReminders .form > dt {
  min-width: 272px;
}
#emailReminders .form > dd.full {
  clear: none;
  float: left;
}
#emailReminders .form > dd.full input,
#emailReminders .form > dd.full textarea,
#emailReminders .form > dd.full .mooeditable-container {
  width: 680px !important;
}
@media (max-width: 1023px) {
  #emailReminders .form > dd.full {
    clear: both;
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
  #emailReminders .form > dd.full .coz-input {
    display: block;
  }
  #emailReminders .form > dd.full input,
  #emailReminders .form > dd.full textarea,
  #emailReminders .form > dd.full .mooeditable-container {
    width: 100% !important;
  }
}
form:not(:first-child) .form:first-child {
  margin-top: 0;
}
form:not(:last-child) .form:last-child {
  margin-bottom: 0;
}
.chart thead th,
.chart tbody td {
  padding-right: 1em;
  vertical-align: top;
}
.chart tbody td {
  padding-top: 0.5em;
}
#accountForm:before,
.accountForm:before {
  content: '';
  display: table;
  clear: both;
}
#accountForm > div,
.accountForm > div {
  position: relative;
}
* + #accountForm > div,
* + .accountForm > div,
#accountForm > div + div,
.accountForm > div + div {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #e6e6e6;
}
#accountForm > div > .button,
.accountForm > div > .button,
#accountForm > div > button,
.accountForm > div > button {
  float: right;
}
#accountForm > div > dl ~ *,
.accountForm > div > dl ~ * {
  display: none;
}
#accountForm > div.active > dl,
.accountForm > div.active > dl {
  margin-bottom: 1em;
}
#accountForm > div.active > dl > dd,
.accountForm > div.active > dl > dd {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  opacity: 0.2;
}
#accountForm > div.active > dl ~ *,
.accountForm > div.active > dl ~ * {
  display: block;
}
#accountForm > div.active > dl ~ table,
.accountForm > div.active > dl ~ table {
  display: table;
  margin-top: 1em;
}
#accountForm > div.active > dl ~ style,
.accountForm > div.active > dl ~ style,
#accountForm > div.active > dl ~ script,
.accountForm > div.active > dl ~ script {
  display: none;
}
#accountForm > div.active > dl:last-child,
.accountForm > div.active > dl:last-child {
  margin-bottom: 0;
}
#accountForm > div.force > .button,
.accountForm > div.force > .button,
#accountForm > div.force > button,
.accountForm > div.force > button {
  display: none;
}
#accountForm > div.required > dl > dd,
.accountForm > div.required > dl > dd {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  color: #c00;
}
#accountForm .form > dt:last-child,
.accountForm .form > dt:last-child {
  padding-bottom: 0;
}
#accountForm .form-submit,
.accountForm .form-submit,
#accountForm .address-submit,
.accountForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#accountForm .form-submit button,
.accountForm .form-submit button,
#accountForm .address-submit button,
.accountForm .address-submit button {
  float: none;
}
#accountForm .account-history .sort,
.accountForm .account-history .sort {
  table-layout: auto;
}
#accountForm .account-history .sort th,
.accountForm .account-history .sort th {
  width: 1%;
  text-align: left;
}
#accountForm .account-history .sort th.stretch,
.accountForm .account-history .sort th.stretch {
  width: 20%;
}
#accountForm .account-history .sort .touch th,
.accountForm .account-history .sort .touch th,
#accountForm .account-history .sort .touch td,
.accountForm .account-history .sort .touch td {
  line-height: 32px;
}
#accountForm .address-submit,
.accountForm .address-submit {
  min-height: 0;
}
#accountForm .address-submit > br,
.accountForm .address-submit > br,
#accountForm .address-submit > button[formnovalidate],
.accountForm .address-submit > button[formnovalidate] {
  display: none;
}
#addressForm {
  display: block;
  position: relative;
}
#addressForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#addressForm .address-submit button {
  float: none;
}
.address-account + .address-mailing > .form > dt,
.address-account + .address-mailing > .form > dd {
  margin-top: 4px;
/* padding-top:13px; */ }
.tree-node {
  margin: 4px 0;
  padding: 0;
  vertical-align: top;
  font-weight: 400;
}
.tree-node .tree-node-icon {
  width: 26px;
  width: 2.6rem;
  height: 26px;
  height: 2.6rem;
}
.tree-node .tree-node-title {
  line-height: 26px;
  line-height: 2.6rem;
}
.tree-node button.expand,
.tree-node button.collapse,
.tree-node button.edit,
.tree-node button.remove {
  line-height: 14px;
  line-height: 1.4rem;
  left: 0;
  width: auto;
}
.tree-node button.expand,
.tree-node button.collapse {
  padding: 5px 6px 5px 12px;
  padding: 0.5rem 0.6rem 0.5rem 1.2rem;
}
.tree-node button.edit,
.tree-node button.remove {
  padding: 5px 12px 5px 6px;
  padding: 0.5rem 1.2rem 0.5rem 0.6rem;
}
.tree-node button.expand,
.tree-node button.collapse {
  top: 0;
}
.tree-node img,
.tree-node img.assessment,
.tree-node input[type=checkbox],
.tree-node .coz-input-checkbox i {
  margin: 5px;
}
.tree-node input[type=checkbox] + .title,
.tree-node .coz-input-checkbox + .title {
  margin-left: 0;
}
.tree-dummy .tree-node {
  font-weight: 300;
}
.tree-node[data-type=video] .tree-node-icon:before,
.tree-node[data-type=assessment] .tree-node-icon:before {
  transform: scale(0.8333333333333334);
  margin: 1px;
}
.touch .tree-node-edit-form textarea {
  line-height: 1.25;
  padding-top: 5px;
  padding-bottom: 5px;
  max-height: 112px;
}
.tree-node-edit-form th {
  padding: 6px 6px 8px 0px;
  padding: 0.6rem 0.6rem 0.8rem 0rem;
}
.tree-answer {
  margin-left: 26px;
}
.uploader {
  position: absolute;
  z-index: 10;
  display: inline-block;
}
a[href^="mailto:"]:before,
.vcard .email:before {
  background: url(/images/webshop/envelope.png);
  margin-right: 0.25em;
}
a[href^="tel:"]:before,
.vcard .tel .value:before {
  background: url(/images/webshop/phone.png);
  margin-right: 0.25em;
}
#map {
  margin-top: 1em;
  height: 300px;
}
.category-columns {
  -webkit-columns: 3 200px;
  -moz-columns: 3 200px;
  -ms-columns: 3 200px;
  -o-columns: 3 200px;
  columns: 3 200px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  -ms-column-gap: 32px;
  -o-column-gap: 32px;
  column-gap: 32px;
}
.category-columns div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.category-columns div:first-child > h3 {
  margin-top: 0 !important;
}
.category-columns label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.category-columns label:hover {
  overflow: visible;
}
.category-columns + p {
  text-align: right;
}
a.btnDownloadSilverlightPlugin {
  display: block;
  float: right;
  width: 136px;
  height: 30px;
  margin-left: 35px;
  background: url(https://www.microsoft.com/silverlight/fw/btnDownloadSilverlightPlugin.jpg) no-repeat left top;
  text-indent: -99999px;
}
a.btnDownloadSilverlightPlugin:hover {
  background-position: left bottom;
}
#download_player .buttons {
  position: relative;
}
#download_button.installed {
  background: #0c0 !important;
  color: #fff !important;
  cursor: default !important;
}
#videoClip label {
  padding-right: 4px;
  line-height: 32px;
}
.order-terms ul {
  padding-left: 1em;
}
.order-terms li:first-child {
  margin-top: 0;
}
.order-terms li:last-child {
  margin-bottom: 0;
}
.columns-3 {
  padding-right: 64px;
}
.columns-3:after {
  content: '';
  display: block;
  clear: both;
}
.columns-3 > div {
  width: 33.333%;
  margin-right: 32px;
  float: left;
}
.columns-3 > div:last-child {
  margin-right: -64px;
}
.columns-3 p {
  min-height: 1.25em;
}
.columns-3 input,
.columns-3 button {
  width: 100%;
}
.columns-3 .coz-input {
  display: block;
}
.columns-3 .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.columns-3 .coz-input input {
  background: none;
  text-align: right;
}
.columns-3 + .columns-3 {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
@media (max-width: 639px) {
  .columns-3 {
    padding-right: 0;
  }
  .columns-3 p:empty {
    display: none;
  }
  .columns-3 > div {
    width: auto;
    margin-right: 0;
    float: none;
  }
  .columns-3 > div:last-child {
    margin-right: 0;
  }
  .columns-3 > div + div {
    margin-top: 1em;
  }
}
.license-plans {
  margin: 2em 0;
  display: flex;
}
.license-plans > * {
  flex: 1;
}
.license-plans > * ~ * {
  margin-left: 2em;
}
.no-flex .license-plans {
  zoom: 1;
}
.no-flex .license-plans > * {
  float: left;
}
@media (max-width: 639px) {
  .license-plans {
    display: block;
  }
  .license-plans > * {
    margin-top: 1em;
    margin-left: 0;
  }
  .no-flex .license-plans > * {
    clear: left;
  }
}
.license-plans p {
  min-height: 1.25em;
}
.license-plans input,
.license-plans button {
  width: 100%;
}
.license-plans .coz-input {
  display: block;
}
.license-plans .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.license-plans .coz-input input {
  background: none;
  text-align: right;
}
.license-plans + .license-plans {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
#studentsGroups,
#coursesGroups {
  position: relative;
  z-index: 11;
}
#studentsGroups dd,
#coursesGroups dd {
  display: flex;
}
#studentsGroups dd > :first-child,
#coursesGroups dd > :first-child {
  flex: 1;
}
#studentsGroups dd > * + *,
#coursesGroups dd > * + * {
  margin-left: 4px;
}
.videoMessage {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.videoMessage:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-right: -1px;
  vertical-align: middle;
}
.videoMessage div {
  display: inline-block;
  width: 100%;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  font-size: larger;
  font-weight: bolder;
  white-space: pre-line;
}
.videoMessage .button {
  margin: 0 0.5em;
}
.videoInstall .coz-input-checkbox {
  color: #fff !important;
}
.price-dropdowns .coz-input:first-child:last-child {
  flex-grow: 1;
}
.price-dropdowns .coz-input[data-label]:before,
.price-dropdowns .coz-input label {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 6px #000, 0 0 6px #000;
}
.price-dropdowns select,
.price-dropdowns input,
.price-dropdowns .coz-input-style {
  background: none;
  color: inherit;
  text-align: left;
  border-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-style {
  border-color: rgba(255, 255, 255, 0.2);
}
.price-dropdowns select:hover,
.price-dropdowns input:hover,
.price-dropdowns .coz-input:hover input {
  border-color: rgba(255, 255, 255, 0.8);
}
.price-dropdowns select:focus,
.price-dropdowns input:focus,
.price-dropdowns .coz-input input:focus {
  border-color: #f96302;
}
.price-dropdowns .coz-input button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-placeholder,
.price-dropdowns .coz-input-select-empty input {
  color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns p {
  margin: 0.5em 0 0;
}
.price-dropdowns p:first-child {
  margin: -0.25em 0 0;
}
.price-dropdowns p > input[type="number"] {
  text-align: left;
} /* 
		& > .count { padding-left:8px; } */
.price-dropdowns p > :not([type="hidden"]) + .count {
  padding-left: 4px;
}
.price-dropdowns p > * ~ output {
  flex: 1;
  text-align: right;
  line-height: 2;
}
.price-dropdowns p.error {
  color: #c00;
  font-weight: bolder;
  padding: 0.375em 0;
}
.price-dropdowns p.tax {
  justify-content: end;
}
.price-dropdowns [data-discount]:not([data-discount="0%"]):after {
  content: attr(data-discount);
  opacity: 0.6;
  font-size: smaller;
}
.price-dropdowns .coz-input-select:not([data-discount="0%"]):after {
  position: absolute;
  top: 1px;
  right: 27px;
  line-height: 30px;
  padding: 0 6px 0 12px;
  background: linear-gradient(to right, transparent, #fff 8px);
}
.price-dropdowns .coz-input-style {
  display: block;
  position: relative;
  width: 100%;
}
.price-dropdowns .coz-input-style:not([data-discount="0%"]):after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 7px;
  line-height: 24px;
}
.price-dropdowns .coz-input-select > ul > li > a {
  display: flex;
  justify-content: space-between;
}
.price-dropdowns .coz-input-select > ul > li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-dropdowns .coz-input-select > ul > li > a:not([data-discount="0%"]):after {
  line-height: 24px;
  line-height: 2.4rem;
  margin-left: 7px;
}
.price-dropdowns input[type="number"],
.price-dropdowns .coz-input-number > input {
  text-align: left;
}
.price-summary-details {
  min-width: 480px;
}
.price-summary-details .tr > :last-child {
  width: 0;
}
.price-summary-details .tr > * {
  padding-left: 16px;
  padding-right: 16px;
}
.price-summary-details .price {
  text-align: right;
}
.price-summary-details .cart,
.price-summary-details .button {
  float: right;
}
.price-summary-details .coz-input-number,
.price-summary-details .count {
  float: left;
  margin-right: 4px;
}
.price-summary-details .coz-input-number + [name=price],
.price-summary-details .count + [name=price] {
  margin-left: 28px;
}
.price-summary-details .td {
  white-space: nowrap;
}
.price-summary-details ~ p {
  text-align: right;
}
.price-summary-top-text + .price-summary-details,
.price-summary-details ~ .price-summary-bottom-text {
  margin-top: 1em;
}
.price-summary-details .error {
  color: #c00;
}
@media (max-width: 767px) {
  .price-summary-details input[type=number] {
    width: 3em;
  }
}
@media (max-width: 479px) {
  .price-summary-details {
    min-width: 0;
    min-width: calc(100vw - 32px);
  }
  .price-summary-details .thead {
    display: none;
  }
  .price-summary-details .tr {
    display: flex;
    flex-flow: column;
  }
  .price-summary-details .tr > :last-child {
    width: 100%;
  }
  .price-summary-details .tr > * {
    padding-left: 0;
    padding-right: 0;
  }
  .price-summary-details .tr > .right {
    text-align: left;
  }
  .price-summary-details .tbody .tr:first-child .td:first-child {
    border-top: 1px solid #e6e6e6;
  }
  .price-summary-details .tbody .tr .td:not(:last-child) {
    border-bottom: 0;
  }
  .price-summary-details .tbody .tr .td + .td {
    padding-top: 0;
  }
  .price-summary-details [data-label] {
    display: flex;
    flex-wrap: wrap;
  }
  .price-summary-details [data-label]:before {
    content: attr(data-label);
    flex-grow: 1;
  }
  .price-summary-details [data-label]:after {
    content: none;
  }
  .price-summary-details .coz-input-number {
    margin-right: 0;
  }
  .price-summary-details .count {
    margin: 0 0 0 4px;
  }
  .price-summary-details .count + [name=price] {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
  }
}
@media (max-width: 799px) {
  .touch .productPaging {
    padding-top: 48px;
  }
}
@media (max-width: 591px) {
  .tabs-count-4 .tabrow {
    grid-template-columns: repeat(2, 50%);
  } /* 
		white-space:normal;
		padding-right:1px;
		.button { width:50%; }
		.button:nth-child(2n) { margin-right:-1px; }
		.button:nth-child(2) ~ .button { margin-top:1px; }
	} */
  .tabs-count-5 .tabrow,
  .tabs-count-6 .tabrow,
  .tabs-count-7 .tabrow {
    grid-template-columns: repeat(3, 33.333333333333336%);
  } /* 
		white-space:normal;
		padding-right:2px;
		.button { width:33.333%; }
		.button:nth-child(3n) { margin-right:-2px; }
		.button:nth-child(3) ~ .button { margin-top:1px; }
	}*/
  .productSearch-form {
    padding-right: 170px;
  }
  .productSearch-filters {
    width: 160px;
    margin-right: -170px;
  }
  .paging-buttons > button.doubleArrowLeft,
  .paging-buttons > button.doubleArrowRight,
  .paging-buttons > button.arrowLeft,
  .paging-buttons > button.arrowRight {
    font-size: 0;
    color: transparent;
  }
  .paging-buttons > button.doubleArrowLeft:before,
  .paging-buttons > button.arrowLeft:before {
    margin: 0 -6px;
  }
  .paging-buttons > button.doubleArrowRight:after,
  .paging-buttons > button.arrowRight:after {
    margin: 0 -6px;
  }
}
@media (max-width: 479px) {
  .productSearch-form {
    padding-right: 0;
  }
  .productSearch-current,
  .productSearch-current > .button,
  .productSearch-filters {
    float: none;
  }
  .productSearch-current > .button,
  .productSearch-filters {
    width: 100%;
    margin: 1em 0 0;
  }
  .productSearch-text-picture {
    width: 100%;
    margin: 0 0 1em;
  }
  .productPaging-results {
    width: 100%;
    margin: 1em 0 0;
  }
  .productPaging {
    z-index: 4;
  }
  .paging-buttons > button {
    display: none;
  }
  .paging-buttons > button.doubleArrowLeft,
  .paging-buttons > button.doubleArrowRight,
  .paging-buttons > button.arrowLeft,
  .paging-buttons > button.arrowRight {
    display: inline-block;
  }
  .paging-buttons > button:not(.icon):not(.selected) {
    display: none;
  }
  .paging-buttons > span,
  .paging-buttons > select {
    display: inline-block;
  }
}
@media (max-width: 399px) {
  .crumbs li + li {
    display: none;
  }
  .tabs-bar .tabrow,
  .tabs-steps .tabrow {
    display: flex;
    flex-flow: column;
    white-space: normal;
    padding-right: 0;
  }
  .tabs-bar .tabrow .button,
  .tabs-steps .tabrow .button {
    display: none;
  }
  .no-grid.no-flex-column-gap .tabs-bar .tabrow .button + .button,
  .no-grid.no-flex-column-gap .tabs-steps .tabrow .button + .button {
    margin-left: 0;
  }
  .tabs-bar .tabrow .fg,
  .tabs-steps .tabrow .fg {
    display: block;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    pointer-events: none;
    width: 20px;
    width: 2rem;
    height: 20px;
    height: 2rem;
    -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
    -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
    -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
    -o-mask-image: url(/images/webshop/button-icons-mask.svg);
    mask-image: url(/images/webshop/button-icons-mask.svg);
    background-color: #333;
    background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.png');
    background-image: url(/colorReplace/333333/images/webshop/button-icons-mask.svg), none;
    margin: 0px -7px 0px 1px;
    margin: 0rem -0.7rem 0rem 0.1rem;
  }
  .no-mask-image .tabs-bar .tabrow .fg:after,
  .no-mask-image .tabs-steps .tabrow .fg:after {
    background-color: transparent;
  }
  .mask-image .tabs-bar .tabrow .fg:after,
  .mask-image .tabs-steps .tabrow .fg:after {
    background-image: none;
  }
  .touch .tabs-bar .tabrow .fg:after,
  .touch .tabs-steps .tabrow .fg:after {
    margin-left: 6px;
    margin-left: 0.6rem;
    margin-right: -6px;
    margin-right: -0.6rem;
  }
  .tabs-bar .tabrow .fg.icon:after,
  .tabs-steps .tabrow .fg.icon:after,
  .tabs-bar .tabrow .fg-icon:after,
  .tabs-steps .tabrow .fg-icon:after,
  .touch .tabs-bar .tabrow .fg.icon:after,
  .touch .tabs-steps .tabrow .fg.icon:after,
  .touch .tabs-bar .tabrow .fg-icon:after,
  .touch .tabs-steps .tabrow .fg-icon:after {
    margin-left: -6px;
    margin-left: -0.6rem;
  }
  .tabs-bar .tabrow .fg[disabled]:before,
  .tabs-steps .tabrow .fg[disabled]:before,
  .tabs-bar .tabrow .fg.disabled:before,
  .tabs-steps .tabrow .fg.disabled:before {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    background-position: -340px 0;
    -webkit-mask-position: -340px 0;
    -moz-mask-position: -340px 0;
    -ms-mask-position: -340px 0;
    -o-mask-position: -340px 0;
    mask-position: -340px 0;
  }
  .tabs-bar .tabrow .fg[disabled]:before,
  .tabs-steps .tabrow .fg[disabled]:before,
  .tabs-bar .tabrow .fg.disabled:before,
  .tabs-steps .tabrow .fg.disabled:before {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  .tabs-bar .tabrow .fg:after,
  .tabs-steps .tabrow .fg:after {
    content: none;
  }
  .tabs-bar .tabrow .fg:not(:only-child):after,
  .tabs-steps .tabrow .fg:not(:only-child):after {
    content: '';
    float: right;
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
    background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
  }
  .no-mask-image .tabs-bar .tabrow .fg:not(:only-child):after,
  .no-mask-image .tabs-steps .tabrow .fg:not(:only-child):after {
    background-color: transparent;
  }
  .tabs-steps .tabrow .button:nth-child(1n):before {
    content: none;
  }
  .tabs-steps .tabrow .button:nth-child(1n):after {
    border: 0;
  }
  .tabs-bar .open,
  .tabs-steps .open {
    flex-flow: column;
  }
  .tabs-bar .open .button,
  .tabs-steps .open .button {
    display: block;
  }
  .tabs-bar .open .fg:not(:only-child):after,
  .tabs-steps .open .fg:not(:only-child):after {
    background-position: -360px 0;
    -webkit-mask-position: -360px 0;
    -moz-mask-position: -360px 0;
    -ms-mask-position: -360px 0;
    -o-mask-position: -360px 0;
    mask-position: -360px 0;
  }
  .tabs-bar .open ~ .tablist,
  .tabs-steps .open ~ .tablist {
    display: none;
  }
  .tabs-bar .open .fg {
    order: -1;
  }
  .no-grid.no-flex-column-gap .tabs-bar .open .bg {
    margin-top: 1px;
  }
  .no-grid.no-flex-column-gap .tabs-steps .open .button + .button {
    margin-top: 1px;
  }
  .coz-input-listpicker {
    padding-right: 0;
  }
  .coz-input-listpicker-source,
  .coz-input-listpicker-target {
    float: none;
    width: 100%;
  }
  .coz-input-listpicker-target {
    margin-right: 0;
    margin-top: 1em;
  }
}
.productPaging {
  margin-bottom: 16px;
}
.productContainer + .paging {
  margin-top: 16px;
}
.productContainer > div {
  margin: 0;
}
.product {
  margin: 16px 0;
  zoom: 1;
}
.product .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #000;
}
.product .thumbnail .background {
  width: 100%;
  height: auto;
  padding: 56.25% 0 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  opacity: 0.6;
  background-size: cover;
}
.product .thumbnail .foreground {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
}
.product .title {
  display: block;
  text-decoration: none;
}
.product .short-description {
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
  font-style: italic;
}
.product .buttons {
  display: none;
}
.product .buttons .selected .course-type:before,
.product .buttons .selected .course-selection:before,
.product .buttons .selected .course-status:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.png');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.product .read-more {
  white-space: nowrap;
}
.largeView > div + div,
.smallView > div + div,
.listView > div + div {
  border-top: 1px solid #eee;
}
.largeView .title,
.smallView .title,
.listView .title {
  line-height: 20px;
}
.largeView .buttons,
.smallView .buttons,
.listView .buttons {
  position: static;
}
.largeView .extras,
.smallView .extras {
  zoom: 1;
}
.largeView .short-description,
.smallView .short-description {
  margin-top: 4px;
}
.largeView .description,
.smallView .description,
.largeView .extras > *,
.smallView .extras > *,
.largeView .price,
.smallView .price {
  float: left;
  clear: left;
  margin-top: 8px;
}
.largeView .extras > * ~ *,
.smallView .extras > * ~ * {
  clear: none;
  margin-left: 8px;
}
.largeView.courseExtras .extras > .featured,
.smallView.courseExtras .extras > .featured,
.largeView.customExtras .extras > .featured,
.smallView.customExtras .extras > .featured,
.largeView.courseExtras .extras > .new,
.smallView.courseExtras .extras > .new,
.largeView.customExtras .extras > .new,
.smallView.customExtras .extras > .new,
.largeView.courseExtras .extras > .specialOffer,
.smallView.courseExtras .extras > .specialOffer,
.largeView.customExtras .extras > .specialOffer,
.smallView.customExtras .extras > .specialOffer {
  float: right;
  margin-left: 8px;
}
.largeView.courseExtras .extras > .course-type,
.smallView.courseExtras .extras > .course-type,
.largeView.customExtras .extras > .course-type,
.smallView.customExtras .extras > .course-type {
  clear: left;
  margin-left: 0;
}
.largeView.courseExtras .extras > .course-status,
.smallView.courseExtras .extras > .course-status,
.largeView.customExtras .extras > .course-status,
.smallView.customExtras .extras > .course-status,
.largeView.courseExtras .extras > .course-selection,
.smallView.courseExtras .extras > .course-selection,
.largeView.customExtras .extras > .course-selection,
.smallView.customExtras .extras > .course-selection {
  clear: none;
  margin-left: 4px;
  font-size: 0;
}
.largeView.courseExtras .extras > .course-status:before,
.smallView.courseExtras .extras > .course-status:before,
.largeView.customExtras .extras > .course-status:before,
.smallView.customExtras .extras > .course-status:before,
.largeView.courseExtras .extras > .course-selection:before,
.smallView.courseExtras .extras > .course-selection:before,
.largeView.customExtras .extras > .course-selection:before,
.smallView.customExtras .extras > .course-selection:before {
  margin-right: -2px;
}
.largeView.customExtras .extras > .course-objectives,
.smallView.customExtras .extras > .course-objectives,
.largeView.customExtras .extras > .course-author,
.smallView.customExtras .extras > .course-author,
.largeView.customExtras .extras > .course-department,
.smallView.customExtras .extras > .course-department {
  clear: left;
  margin-left: 0;
}
.largeView.customExtras .extras > .course-objectives b,
.smallView.customExtras .extras > .course-objectives b,
.largeView.customExtras .extras > .course-author b,
.smallView.customExtras .extras > .course-author b,
.largeView.customExtras .extras > .course-department b,
.smallView.customExtras .extras > .course-department b {
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
}
.largeView.customExtras .extras > .course-objectives ol,
.smallView.customExtras .extras > .course-objectives ol,
.largeView.customExtras .extras > .course-objectives li,
.smallView.customExtras .extras > .course-objectives li {
  margin: 8px 0 0 0;
}
.blockView.customExtras .extras > .course-objectives,
.listView.customExtras .extras > .course-objectives,
.blockView.customExtras .extras > .course-author,
.listView.customExtras .extras > .course-author,
.blockView.customExtras .extras > .course-department,
.listView.customExtras .extras > .course-department {
  display: none;
}
.largeView .product {
  min-height: 90px;
  padding-left: 176px;
}
.largeView .thumbnail {
  width: 160px;
  height: 90px;
}
.smallView .product,
.cartView .product {
  min-height: 54px;
  padding-left: 112px;
}
.smallView .thumbnail,
.cartView .thumbnail {
  width: 96px;
  height: 54px;
}
.listView .product {
  display: flex;
  height: auto;
}
.listView .product .title ~ * {
  flex-shrink: 0;
}
.listView .title {
  flex-grow: 1;
}
.listView .extras > .course-type,
.listView .extras > .course-selection,
.listView .extras > .course-status,
.listView .extras > .featured,
.listView .extras > .new,
.listView .extras > .specialOffer {
  float: left;
  margin-left: 4px;
  font-size: 0;
}
.listView .extras > .course-type:before,
.listView .extras > .course-selection:before,
.listView .extras > .course-status:before,
.listView .extras > .featured:before,
.listView .extras > .new:before,
.listView .extras > .specialOffer:before {
  margin-right: -2px;
}
.listView .extras > .course-type ~ .course-type,
.listView .extras > .featured:not(:last-child),
.listView .extras > .new:not(:last-child),
.listView .extras > .specialOffer:not(:last-child) {
  padding-left: 4px;
  border-left: 1px solid #e6e6e6;
}
.listView .extras > .featured,
.listView .extras > .new,
.listView .extras > .specialOffer,
.listView .extras > .runtime {
  float: right;
}
.listView .extras > .runtime {
  font-size: inherit;
}
.listView .buttons > * {
  margin-left: 4px;
}
.listView .buttons > .button,
.listView .buttons > button,
.listView .buttons > form > button {
  margin: -6px 0 -6px 4px;
}
.listView .buttons > .runtime {
  margin-right: 8px;
}
.chapterView .list {
  margin: 0;
}
.chapterView .product {
  margin: 10px 0;
}
.chapterView .product .buttons {
  display: block;
}
.spotlightView .title,
.tool-tip .title,
.spotlightView .short-description,
.tool-tip .short-description,
.spotlightView .description,
.tool-tip .description,
.spotlightView .info,
.tool-tip .info,
.spotlightView .course-type,
.tool-tip .course-type {
  color: #fff;
}
.spotlightView .title,
.spotlightView .short-description,
.spotlightView .description,
.spotlightView .info,
.spotlightView .course-type {
  font-weight: 400;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.4);
}
.blockView {
  font-size: 0;
  word-spacing: 16px;
}
.IE .blockView,
.ie .blockView,
.edge .blockView {
  font-size: 4.1px;
  word-spacing: 15px;
}
.IE8 .blockView {
  font-size: 3.6px;
}
.blockView > div {
  display: inline-block;
  width: 228px;
  font-size: 16px;
  font-size: 1.6rem;
  word-spacing: 0;
  vertical-align: top;
}
.blockView > div:nth-last-child(1) .product,
.blockView > div:nth-last-child(2) .product,
.blockView > div:nth-last-child(3) .product,
.blockView > div:nth-last-child(4) .product {
  margin-bottom: 0;
}
.blockView .product,
.blockView .thumbnail {
  margin-top: 0;
}
.blockView .thumbnail {
  height: auto;
}
.blockView .thumbnail .background,
.blockView .title {
  padding-top: 56.14035087719298%;
}
.blockView .title,
.blockView .extras {
  height: auto;
  position: relative;
  z-index: 3;
}
.blockView .title {
  font-size: 1em;
  line-height: inherit;
}
.blockView .title .fn {
  display: block;
  height: 2.5em;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.blockView .extras {
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 56px;
}
.blockView .extras > .featured,
.blockView .extras > .new,
.blockView .extras > .specialOffer,
.blockView .extras > .course-type,
.blockView .extras > .course-selection,
.blockView .extras > .course-status {
  font-size: 0;
}
.blockView .extras > .featured:before,
.blockView .extras > .new:before,
.blockView .extras > .specialOffer:before,
.blockView .extras > .course-type:before,
.blockView .extras > .course-selection:before,
.blockView .extras > .course-status:before {
  margin-right: -2px;
}
.blockView .extras > .featured,
.blockView .extras > .new,
.blockView .extras > .specialOffer {
  float: right;
  margin-left: 4px;
}
.blockView .extras > .course-type,
.blockView .extras > .course-selection,
.blockView .extras > .course-status {
  float: left;
  margin-right: 4px;
}
.blockView .extras > .specialOffer + .featured,
.blockView .extras > .specialOffer + .new,
.blockView .extras > .featured + .new {
  padding-right: 4px;
  border-right: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
}
.blockView .extras > .course-type ~ .course-type {
  padding-left: 4px;
  border-left: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
}
.blockView .price {
  display: none;
}
.blockView a.title {
  color: #f96302;
  border-top: 0.5em solid transparent;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.blockView a.title:hover,
.blockView a.title:focus {
  color: #c64f02;
}
.blockView a.title:hover:active {
  color: #943b01;
}
.blockView > div:nth-child(4) ~ div {
  border-top: 1px solid #eee;
  padding-top: 1em;
}
.product-details-right .blockView .thumbnail {
  position: relative;
  width: 160px;
  height: 90px;
  display: block;
}
.product-details-right .blockView .title {
  padding-top: 0;
}
.product-details-right .blockView .title .fn {
  height: auto;
  color: #fff;
}
.product-details-right .blockView .extras {
  display: none;
}
@media (max-width: 1023px) and (min-width: 737px) {
  .blockView > div:nth-child(3) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width: 736px) and (min-width: 415px) {
  .blockView > div:nth-child(2) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width: 414px) {
  .blockView > div ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
.spotlight {
  overflow: hidden;
}
.spotlight,
.spotlight-transition {
  background: #000;
}
.spotlight-transition {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.spotlight-element {
  padding: 16px 16px 0;
}
.spotlight-transition,
.spotlight-background {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.spotlight-background {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.4;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.spotlight-navigation {
  height: 0;
  padding: 0;
}
.spotlight-running .spotlight-navigation {
  height: auto;
  padding: 16px;
}
.spotlight-running .spotlight-navigation > button {
  margin: 0 0 0 16px;
}
.spotlight-running .spotlight-navigation > button,
.spotlight-running .spotlight-navigation > button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.spotlight-running .spotlight-navigation > button:before,
.spotlight-running .spotlight-navigation > button.button.button:not(a):not(label):not(input):before,
.spotlight-running .spotlight-navigation > button:after,
.spotlight-running .spotlight-navigation > button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlight-running .spotlight-navigation > button:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlight-running .spotlight-navigation > button:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlight-running .spotlight-navigation > button.button-flat,
.spotlight-running .spotlight-navigation > button.flat,
.spotlight-running .spotlight-navigation > button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.spotlight-running .spotlight-navigation > button.button-flat:before,
.spotlight-running .spotlight-navigation > button.flat:before,
.spotlight-running .spotlight-navigation > button.button.button-flat:not(a):not(label):not(input):before,
.spotlight-running .spotlight-navigation > button.button-flat:after,
.spotlight-running .spotlight-navigation > button.flat:after,
.spotlight-running .spotlight-navigation > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlight-running .spotlight-navigation > button.button-flat:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.flat:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .spotlight-running .spotlight-navigation > button.button-flat:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.flat:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlight-running .spotlight-navigation > button:hover,
.spotlight-running .spotlight-navigation > button.hover,
.spotlight-running .spotlight-navigation > button:focus,
.spotlight-running .spotlight-navigation > button.focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.spotlight-running .spotlight-navigation > button:hover:before,
.spotlight-running .spotlight-navigation > button.hover:before,
.spotlight-running .spotlight-navigation > button:focus:before,
.spotlight-running .spotlight-navigation > button.focus:before,
.spotlight-running .spotlight-navigation > button:hover:after,
.spotlight-running .spotlight-navigation > button.hover:after,
.spotlight-running .spotlight-navigation > button:focus:after,
.spotlight-running .spotlight-navigation > button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlight-running .spotlight-navigation > button:hover:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.hover:before,
.no-mask-image .spotlight-running .spotlight-navigation > button:focus:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.focus:before,
.no-mask-image .spotlight-running .spotlight-navigation > button:hover:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.hover:after,
.no-mask-image .spotlight-running .spotlight-navigation > button:focus:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.focus:after {
  background-color: transparent;
}
.spotlight-running .spotlight-navigation > button:hover:active,
.spotlight-running .spotlight-navigation > button.hover:active,
.spotlight-running .spotlight-navigation > button.active:hover,
.spotlight-running .spotlight-navigation > button.active.hover,
.spotlight-running .spotlight-navigation > button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.spotlight-running .spotlight-navigation > button:hover:active:before,
.spotlight-running .spotlight-navigation > button.hover:active:before,
.spotlight-running .spotlight-navigation > button.active:hover:before,
.spotlight-running .spotlight-navigation > button.active.hover:before,
.spotlight-running .spotlight-navigation > button.button:not(a):not(label):not(input):before,
.spotlight-running .spotlight-navigation > button:hover:active:after,
.spotlight-running .spotlight-navigation > button.hover:active:after,
.spotlight-running .spotlight-navigation > button.active:hover:after,
.spotlight-running .spotlight-navigation > button.active.hover:after,
.spotlight-running .spotlight-navigation > button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlight-running .spotlight-navigation > button:hover:active:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.hover:active:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.active:hover:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.active.hover:before,
.no-mask-image .spotlight-running .spotlight-navigation > button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlight-running .spotlight-navigation > button:hover:active:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.hover:active:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.active:hover:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.active.hover:after,
.no-mask-image .spotlight-running .spotlight-navigation > button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlightView {
  min-height: 240px;
}
.spotlightView .product {
  position: static;
  min-height: 128px;
  margin: 0;
  padding: 0 244px 0 0;
}
.spotlightView .thumbnail {
  top: 16px;
  left: auto;
  right: 16px;
  width: 228px;
  height: 128px;
}
.spotlightView .extras > .featured,
.spotlightView .extras > .new,
.spotlightView .extras > .specialOffer {
  display: block;
  font-size: 0;
  float: right;
}
.spotlightView .extras > .featured:before,
.spotlightView .extras > .new:before,
.spotlightView .extras > .specialOffer:before {
  margin-right: -2px;
}
.spotlightView .buttons .button,
.spotlightView .buttons button,
.spotlightView .buttons .button.button.button:not(a):not(label):not(input),
.spotlightView .buttons button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
.spotlightView .buttons .button:before,
.spotlightView .buttons button:before,
.spotlightView .buttons .button.button.button:not(a):not(label):not(input):before,
.spotlightView .buttons button.button.button:not(a):not(label):not(input):before,
.spotlightView .buttons .button:after,
.spotlightView .buttons button:after,
.spotlightView .buttons .button.button.button:not(a):not(label):not(input):after,
.spotlightView .buttons button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlightView .buttons .button:before,
.no-mask-image .spotlightView .buttons button:before,
.no-mask-image .spotlightView .buttons .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons button.button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons .button:after,
.no-mask-image .spotlightView .buttons button:after,
.no-mask-image .spotlightView .buttons .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .spotlightView .buttons button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlightView .buttons .button.button-flat,
.spotlightView .buttons button.button-flat,
.spotlightView .buttons .button.flat,
.spotlightView .buttons button.flat,
.spotlightView .buttons .button.button.button-flat:not(a):not(label):not(input),
.spotlightView .buttons button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.spotlightView .buttons .button.button-flat:before,
.spotlightView .buttons button.button-flat:before,
.spotlightView .buttons .button.flat:before,
.spotlightView .buttons button.flat:before,
.spotlightView .buttons .button.button.button-flat:not(a):not(label):not(input):before,
.spotlightView .buttons button.button.button-flat:not(a):not(label):not(input):before,
.spotlightView .buttons .button.button-flat:after,
.spotlightView .buttons button.button-flat:after,
.spotlightView .buttons .button.flat:after,
.spotlightView .buttons button.flat:after,
.spotlightView .buttons .button.button.button-flat:not(a):not(label):not(input):after,
.spotlightView .buttons button.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlightView .buttons .button.button-flat:before,
.no-mask-image .spotlightView .buttons button.button-flat:before,
.no-mask-image .spotlightView .buttons .button.flat:before,
.no-mask-image .spotlightView .buttons button.flat:before,
.no-mask-image .spotlightView .buttons .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons .button.button-flat:after,
.no-mask-image .spotlightView .buttons button.button-flat:after,
.no-mask-image .spotlightView .buttons .button.flat:after,
.no-mask-image .spotlightView .buttons button.flat:after,
.no-mask-image .spotlightView .buttons .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .spotlightView .buttons button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlightView .buttons .button:hover,
.spotlightView .buttons button:hover,
.spotlightView .buttons .button.hover,
.spotlightView .buttons button.hover,
.spotlightView .buttons .button:focus,
.spotlightView .buttons button:focus,
.spotlightView .buttons .button.focus,
.spotlightView .buttons button.focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
.spotlightView .buttons .button:hover:before,
.spotlightView .buttons button:hover:before,
.spotlightView .buttons .button.hover:before,
.spotlightView .buttons button.hover:before,
.spotlightView .buttons .button:focus:before,
.spotlightView .buttons button:focus:before,
.spotlightView .buttons .button.focus:before,
.spotlightView .buttons button.focus:before,
.spotlightView .buttons .button:hover:after,
.spotlightView .buttons button:hover:after,
.spotlightView .buttons .button.hover:after,
.spotlightView .buttons button.hover:after,
.spotlightView .buttons .button:focus:after,
.spotlightView .buttons button:focus:after,
.spotlightView .buttons .button.focus:after,
.spotlightView .buttons button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlightView .buttons .button:hover:before,
.no-mask-image .spotlightView .buttons button:hover:before,
.no-mask-image .spotlightView .buttons .button.hover:before,
.no-mask-image .spotlightView .buttons button.hover:before,
.no-mask-image .spotlightView .buttons .button:focus:before,
.no-mask-image .spotlightView .buttons button:focus:before,
.no-mask-image .spotlightView .buttons .button.focus:before,
.no-mask-image .spotlightView .buttons button.focus:before,
.no-mask-image .spotlightView .buttons .button:hover:after,
.no-mask-image .spotlightView .buttons button:hover:after,
.no-mask-image .spotlightView .buttons .button.hover:after,
.no-mask-image .spotlightView .buttons button.hover:after,
.no-mask-image .spotlightView .buttons .button:focus:after,
.no-mask-image .spotlightView .buttons button:focus:after,
.no-mask-image .spotlightView .buttons .button.focus:after,
.no-mask-image .spotlightView .buttons button.focus:after {
  background-color: transparent;
}
.spotlightView .buttons .button:hover:active,
.spotlightView .buttons button:hover:active,
.spotlightView .buttons .button.hover:active,
.spotlightView .buttons button.hover:active,
.spotlightView .buttons .button.active:hover,
.spotlightView .buttons button.active:hover,
.spotlightView .buttons .button.active.hover,
.spotlightView .buttons button.active.hover,
.spotlightView .buttons .button.button:not(a):not(label):not(input),
.spotlightView .buttons button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
.spotlightView .buttons .button:hover:active:before,
.spotlightView .buttons button:hover:active:before,
.spotlightView .buttons .button.hover:active:before,
.spotlightView .buttons button.hover:active:before,
.spotlightView .buttons .button.active:hover:before,
.spotlightView .buttons button.active:hover:before,
.spotlightView .buttons .button.active.hover:before,
.spotlightView .buttons button.active.hover:before,
.spotlightView .buttons .button.button:not(a):not(label):not(input):before,
.spotlightView .buttons button.button:not(a):not(label):not(input):before,
.spotlightView .buttons .button:hover:active:after,
.spotlightView .buttons button:hover:active:after,
.spotlightView .buttons .button.hover:active:after,
.spotlightView .buttons button.hover:active:after,
.spotlightView .buttons .button.active:hover:after,
.spotlightView .buttons button.active:hover:after,
.spotlightView .buttons .button.active.hover:after,
.spotlightView .buttons button.active.hover:after,
.spotlightView .buttons .button.button:not(a):not(label):not(input):after,
.spotlightView .buttons button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .spotlightView .buttons .button:hover:active:before,
.no-mask-image .spotlightView .buttons button:hover:active:before,
.no-mask-image .spotlightView .buttons .button.hover:active:before,
.no-mask-image .spotlightView .buttons button.hover:active:before,
.no-mask-image .spotlightView .buttons .button.active:hover:before,
.no-mask-image .spotlightView .buttons button.active:hover:before,
.no-mask-image .spotlightView .buttons .button.active.hover:before,
.no-mask-image .spotlightView .buttons button.active.hover:before,
.no-mask-image .spotlightView .buttons .button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons button.button:not(a):not(label):not(input):before,
.no-mask-image .spotlightView .buttons .button:hover:active:after,
.no-mask-image .spotlightView .buttons button:hover:active:after,
.no-mask-image .spotlightView .buttons .button.hover:active:after,
.no-mask-image .spotlightView .buttons button.hover:active:after,
.no-mask-image .spotlightView .buttons .button.active:hover:after,
.no-mask-image .spotlightView .buttons button.active:hover:after,
.no-mask-image .spotlightView .buttons .button.active.hover:after,
.no-mask-image .spotlightView .buttons button.active.hover:after,
.no-mask-image .spotlightView .buttons .button.button:not(a):not(label):not(input):after,
.no-mask-image .spotlightView .buttons button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.spotlightView .buttons .selected {
  -webkit-box-shadow: 0 0 6px rgba(255, 255, 255, 0.5) !important;
  -moz-box-shadow: 0 0 6px rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.5) !important;
}
.tool-tip .product {
  min-height: 90px;
  width: 480px;
  margin: 0;
  padding-right: 168px;
}
.tool-tip .thumbnail {
  left: auto;
  right: 0;
  width: 160px;
  height: 90px;
}
.tool-tip .title .fn {
  font-size: larger;
}
.tool-tip .short-description,
.tool-tip .description,
.tool-tip .extras > *,
.tool-tip .price {
  display: block;
  color: #fff;
  margin-top: 8px;
}
.tool-tip .short-description {
  margin-top: 4px;
}
.tool-tip .read-more {
  display: none;
}
.cartView .cart-product {
  vertical-align: middle;
}
.cartView .product {
  margin: 0;
  min-height: 0;
}
.cartView .thumbnail {
  top: 50%;
  transform: translateY(-50%);
}
.cart-list > * > .tr > .td,
.touch .cart-list > * > .tr > .td {
  padding-top: 21px;
  padding-bottom: 21px;
}
.cart-list > .tbody > .tr > .cart-product {
  padding-top: 0;
  padding-bottom: 0;
}
.cart-list .cart-options * ~ span:not(.coz-input):before {
  content: '\00a0';
}
.cart-list .cart-rental,
.cart-list .cart-quantity {
  text-align: center;
}
.cart-list .cart-subtotal {
  text-align: left;
}
.cart-list .cart-price {
  text-align: right;
}
.cart-list .cart-options,
.cart-list .cart-quantity,
.cart-list .cart-price {
  white-space: nowrap;
}
.cart-list .cart-discount {
  color: #f00;
}
.cart-list > * > input:first-child:last-child,
.cart-list > * > tr > * > input:first-child:last-child,
.cart-list > * > .tr > * > input:first-child:last-child,
.cart-list > * > textarea:first-child:last-child,
.cart-list > * > tr > * > textarea:first-child:last-child,
.cart-list > * > .tr > * > textarea:first-child:last-child,
.cart-list > * > .coz-input:first-child:last-child > input,
.cart-list > * > tr > * > .coz-input:first-child:last-child > input,
.cart-list > * > .tr > * > .coz-input:first-child:last-child > input {
  min-width: 0;
}
.cart-list > * > .coz-input:first-child:last-child,
.cart-list > * > tr > * > .coz-input:first-child:last-child,
.cart-list > * > .tr > * > .coz-input:first-child:last-child {
  display: inline-block;
}
.cart-totals > .tfoot:last-child > .tr > * {
  padding: 8px 0 0 32px;
}
.cart-totals > .tfoot:last-child > .tr:first-child > * {
  padding-top: 16px;
}
.cart-totals > .tfoot:last-child > .tr:first-child ~ .tr > * {
  padding-top: 0;
}
.cart-totals > .tfoot:last-child > .tr:last-child > * {
  padding-bottom: 0;
}
.cart-totals > .tfoot:last-child > .tr .cart-subtotal,
.cart-totals > .tfoot:last-child > .tr .cart-price {
  text-align: right;
}
.cart-totals > .tfoot:last-child > .tr .cart-price {
  width: 0;
  white-space: nowrap;
}
.cart-menu .product {
  max-width: 400px;
  min-height: 54px;
}
.cart-menu .product + .product {
  margin-top: 10px;
}
.cart-menu .title .fn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-menu .type {
  float: left;
}
.cart-menu .price {
  float: right;
  white-space: nowrap;
}
.cartType .buttons,
.ancillaryType .buttons {
  display: block;
}
.cartType.listView .product,
.ancillaryType.listView .product {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.cartType.listView .product .title,
.ancillaryType.listView .product .title {
  flex-grow: 1;
}
.cartType.listView .product .title,
.ancillaryType.listView .product .title,
.cartType.listView .product .info,
.ancillaryType.listView .product .info {
  padding: 6px 0;
}
.cartType.listView .product .info,
.ancillaryType.listView .product .info,
.cartType.listView .product .buttons,
.ancillaryType.listView .product .buttons {
  white-space: nowrap;
}
.cartType.listView .product .price,
.ancillaryType.listView .product .price {
  float: right;
}
.cartType.listView .product .extras span,
.ancillaryType.listView .product .extras span {
  float: left;
}
.cartType.listView .product .price,
.ancillaryType.listView .product .price,
.cartType.listView .product .extras span,
.ancillaryType.listView .product .extras span,
.cartType.listView .product .buttons button,
.ancillaryType.listView .product .buttons button {
  margin-left: 10px;
}
.pricingButtons.largeView,
.pricingButtons.smallView {
  margin-top: 8px;
}
.pricingButtons.largeView .buttons,
.pricingButtons.smallView .buttons {
  display: flex;
  flex-basis: 100%;
  justify-content: right;
}
.pricingButtons.largeView .buttons *,
.pricingButtons.smallView .buttons * {
  margin-top: 0;
}
.pricingButtons.largeView .price,
.pricingButtons.smallView .price {
  line-height: 32px;
}
.pricingButtons.listView .buttons {
  display: block;
  margin-left: 4px;
  padding-left: 4px;
  border-left: 1px solid #e6e6e6;
}
.pricingButtons.listView .buttons > :first-child,
.pricingButtons.listView .buttons > :first-child > button {
  margin-left: 0;
}
@media (max-width: 767px) {
  .cart-list > .tbody > .tr > .cart-product,
  .touch .cart-list > .tbody > .tr > .cart-product {
    padding-top: 0.5625em;
    padding-bottom: 0.3125em;
  }
  .cart-list .thead {
    display: none;
  }
  .cart-list .tbody > :first-child {
    border-top: 1px solid #e6e6e6;
  }
  .cart-list .tbody .cart-product ~ .td {
    display: block;
    width: auto;
    padding: 0.625em 0 0.375em;
    text-align: right;
    overflow: visible;
  }
  .cart-list .tbody .cart-product ~ .td:before {
    content: attr(data-label);
    float: left;
    margin-right: 1em;
    color: #999;
    font-size: 0.875em;
    font-style: italic;
  }
  .cart-list .tbody .cart-product ~ .td.cart-options .coz-input {
    display: inline-block;
    width: auto;
  }
  .cart-menu .product {
    width: auto;
  }
  .cart-menu .price {
    margin-left: 1em;
  }
  .cartType.listView .product,
  .ancillaryType.listView .product {
    flex-wrap: wrap;
  }
  .cartType.listView .product .title,
  .ancillaryType.listView .product .title {
    width: 100%;
  }
  .cartType.listView .product .buttons,
  .ancillaryType.listView .product .buttons {
    flex-grow: 1;
    text-align: right;
  }
  .cartType.listView .product .price,
  .ancillaryType.listView .product .price,
  .cartType.listView .product .extras span,
  .ancillaryType.listView .product .extras span {
    margin-right: 10px;
  }
  .cartType.listView .product .price,
  .ancillaryType.listView .product .price,
  .cartType.listView .product .extras span,
  .ancillaryType.listView .product .extras span,
  .cartType.listView .product .buttons button,
  .ancillaryType.listView .product .buttons button {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 1023px) {
  .blockView .background {
    background-size: 100% auto;
    background-size: cover;
  }
}
@media (max-width: 1023px) and (min-width: 737px) {
  .blockView {
    padding-right: 32px;
  }
  .product-course .blockView {
    padding-right: 0;
  }
  .blockView > div {
    width: 33.333%;
  }
  .blockView > div:nth-child(3n) {
    margin-right: -32px;
  }
  .blockView > div:nth-last-child(4) .product {
    margin-bottom: 1em;
  }
}
@media (max-width: 736px) and (min-width: 415px) {
  .blockView {
    padding-right: 16px;
  }
  .product-course .blockView {
    padding-right: 0;
  }
  .blockView > div {
    width: 50%;
  }
  .blockView > div:nth-child(2n) {
    margin-right: -16px;
  }
  .blockView > div:nth-last-child(4) .product,
  .blockView > div:nth-last-child(3) .product {
    margin-bottom: 1em;
  }
}
@media (max-width: 414px) {
  .blockView > div {
    width: 100%;
  }
  .blockView > div:nth-last-child(4) .product,
  .blockView > div:nth-last-child(3) .product,
  .blockView > div:nth-last-child(2) .product {
    margin-bottom: 1em;
  }
}
@media (max-width: 591px) {
  .largeView .extras > *,
  .smallView .extras > * {
    clear: none;
    font-size: 0;
  }
  .largeView .extras > *:before,
  .smallView .extras > *:before {
    margin-right: -2px;
  }
  .largeView .extras > * ~ *,
  .smallView .extras > * ~ * {
    margin-left: 4px;
  }
  .courseType .extras > .course-type {
    clear: none;
    margin-left: 4px;
  }
}
@media (max-width: 479px) {
  .largeView .title,
  .smallView .title,
  .listView .title {
    padding-right: 0 !important;
  }
  .largeView .buttons,
  .smallView .buttons,
  .listView .buttons {
    position: static;
  }
  .largeView .buttons > *,
  .smallView .buttons > *,
  .listView .buttons > *,
  .largeView .buttons > form > *,
  .smallView .buttons > form > *,
  .listView .buttons > form > * {
    float: none;
    margin-top: 8px;
  }
  .largeView .info,
  .smallView .info {
    overflow: visible;
  }
  .largeView .thumbnail {
    display: block;
    position: static;
  }
  .largeView .title {
    margin-top: 8px;
  }
  .largeView .product {
    padding-left: 0;
  }
  .listView > div + div {
    margin-top: 8px;
    padding-top: 8px;
  }
  .spotlightView .product {
    padding: 0;
  }
  .spotlightView .thumbnail {
    display: none;
  }
  .cart-proceed {
    float: none;
  }
  .cart-proceed .button {
    width: 100%;
    text-align: center;
  }
  .cart-proceed .button + .button {
    margin-top: 1em;
  }
} /*

@media (max-width:987px) {
	.blockView { word-spacing:13px; }
}
@media (max-width:828px) and (min-width:800px) {
	.blockView { word-spacing:6px; }
}
@media (max-width:480px) and (min-width:480px) {
	div.blockView { word-spacing:3px; margin:0 -16px; }
}
@media (max-width:320px) and (min-width:320px) {
	.blockView { word-spacing:5px; }
}*/
#myCoursesList {
  zoom: 1;
}
.myCoursesFilters {
  zoom: 1;
  margin-bottom: 15px;
  padding-top: 0;
}
.myCoursesFilters dt,
.myCoursesFilters dd {
  float: left;
  margin: 10px 10px 0 0;
}
.myCoursesFilters dt {
  line-height: 22px;
}
.myCoursesFilters * {
  vertical-align: top;
}
.myCoursesLegend {
  font-size: 0.75em;
  line-height: 1.6666666666666667;
  float: right;
}
.myCoursesLegend > div {
  float: left;
  margin: 0 1em 0 0;
}
#courses + .myCoursesLegend {
  margin-top: 1em;
} /* 

#myCoursesHidden { display:none; }

@media (max-width:831px), (max-height:575px) {
	#myCoursesList button.play { display:none; }
	#myCoursesHidden { display:block; }
} 

html.touch-menu {
	#myCoursesList button.play { display:none; }
	#myCoursesHidden { display:block; }
} */
body {
  margin: 0;
  color: #333333;
  background: #e6e6e6;
  display: table;
  width: 100%;
}
header {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2857142857142858;
}
footer {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3333333333333333;
}
main {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}
h1,
h2,
h3 {
  font-weight: 500;
}
h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.25em;
}
h3 {
  font-size: 1em;
}
p {
  font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote {
  margin: 1em 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
form:not(:first-child) h1:first-child,
form:not(:first-child) h2:first-child,
form:not(:first-child) h3:first-child,
form:not(:first-child) h4:first-child,
form:not(:first-child) h5:first-child,
form:not(:first-child) h6:first-child,
form:not(:first-child) p:first-child,
form:not(:first-child) ul:first-child,
form:not(:first-child) ol:first-child,
form:not(:first-child) dl:first-child,
form:not(:first-child) blockquote:first-child {
  margin-top: 1em;
}
form:not(:last-child) h1:last-child,
form:not(:last-child) h2:last-child,
form:not(:last-child) h3:last-child,
form:not(:last-child) h4:last-child,
form:not(:last-child) h5:last-child,
form:not(:last-child) h6:last-child,
form:not(:last-child) p:last-child,
form:not(:last-child) ul:last-child,
form:not(:last-child) ol:last-child,
form:not(:last-child) dl:last-child,
form:not(:last-child) blockquote:last-child {
  margin-bottom: 1em;
}
hr {
  border-color: #e6e6e6;
  margin: 1em 0;
}
blockquote {
  padding: 1em;
  background: rgba(0, 0, 0, 0.05);
  border-left: 0.5em solid rgba(0, 0, 0, 0.05);
  font-style: italic;
}
blockquote cite {
  display: block;
  margin-top: 0.5em;
  font-style: italic;
  font-weight: inherit;
  text-align: right;
}
header > div,
footer > div,
main > * > div,
main > noscript > section > div {
  max-width: 960px;
  margin: 32px auto;
}
main > * {
  margin: auto;
  padding: 32px 0;
}
main > * > div:first-child {
  margin-top: 0;
}
main > * > div:last-child {
  margin-bottom: 0;
}
main > * > div:empty {
  display: none;
}
footer > div {
  margin: auto;
  padding: 32px 0;
}
main {
  position: relative;
  z-index: 2;
  border-top: 128px solid #fff;
  box-sizing: border-box;
}
main > * {
  pointer-events: all;
}
main:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  margin-top: -10px;
  z-index: -1;
}
main > section {
  background-color: #fff;
}
main > section.bottom,
main > aside {
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2) inset;
}
main > noscript > section {
  color: #fff;
  background-color: #c00;
}
main,
main > * > div {
  zoom: 1;
}
aside {
  z-index: 1;
  background: inherit;
}
header,
main:after,
aside,
footer {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
header {
  background-color: #4d4d4d;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
header.open {
  transform: none !important;
}
header > div {
  margin: auto;
}
header > div > a {
  display: block;
  position: relative;
  padding-right: 16px;
  margin-right: 16px;
  background: #4d4d4d;
}
header > div > a > img {
  height: 128px;
  max-height: 128px;
  position: relative;
}
header > div > a:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1000px;
  right: 100%;
  background: #4d4d4d;
}
header > div > a:after {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -32px;
  right: -34.297496631183705px;
  border-top: 64px solid #4d4d4d;
  border-right: 17.148748315591853px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 17.148748315591853px solid #4d4d4d;
  box-shadow: -1px 0 0 #4d4d4d;
  pointer-events: none;
}
header > nav {
  max-width: 960px;
  margin: -56px auto 0;
}
header > nav > h1 {
  margin-right: -10000px;
  -webkit-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s, margin-right 0.3s 0.15s;
}
header > nav > h1 {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
}
header > nav > h1.show {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
header > nav > h1,
header > nav > h1 > a:link,
header > nav > h1 > a:visited {
  color: #fff;
  line-height: 56px;
}
header > nav > #privatelabel_name,
header > nav > #privatelabel_logo {
  float: left;
  margin: 0 -10000px 0 16px;
}
header > nav > #distributor_phone {
  position: absolute;
  bottom: 56px;
  right: 0;
}
header > div {
  display: flex;
  align-items: flex-end;
}
header > div > a {
  flex-shrink: 1;
  margin-right: 0 !important;
}
header > div > a > img {
  max-width: 100%;
}
header > div > nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 16px;
}
header > div > nav > h1 {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s, margin-right 0.3s 0.15s;
}
header > div > nav > h1.show {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
}
header > div > nav > h1.absolute {
  position: absolute;
  transition: none;
}
header > div > nav > h1,
header > div > nav > h1 > a:link,
header > div > nav > h1 > a:visited {
  color: #fff;
  line-height: 56px;
}
header > div > nav > #privatelabel_name,
header > div > nav > #privatelabel_logo {
  float: left;
  margin: 0 -10000px 0 16px;
}
header > div > nav > #distributor_phone {
  position: absolute;
  bottom: 56px;
  right: 0;
  margin: 0;
}
header > div > a > img ~ img,
header > div > a + h1,
header > nav > h1.show,
header > div.nav > nav > h1.show {
  -webkit-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -moz-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -ms-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -o-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  transition: opacity 0.3s 0.15s, margin-right 0.3s;
}
footer {
  background-color: #4d4d4d;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  color: #999;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:focus {
  color: #fff;
}
#themeLogo {
  background-color: #4d4d4d;
}
#rapidsslButton,
#networksolutionsSeal,
#trustwaveSeal,
#poweredByArcLearn {
  float: right;
  margin-left: 16px;
  padding-bottom: 1em;
}
#rapidsslButton {
  margin-top: -1px;
}
#trustwaveSeal {
  margin-top: -3px;
}
#poweredByArcLearn {
  margin-top: -32px;
}
#poweredByArcLearn img {
  height: 112px;
}
#headline {
  color: #fff;
  text-shadow: 0 1px 4px #000;
  background: #000;
  border-top: 128px solid transparent;
  margin-top: -128px;
  background-repeat: no-repeat;
}
#headline > div {
  position: relative;
}
#headline .text {
  width: 520px;
  font-weight: 400;
}
#headline .text h1 {
  font-size: 2em;
  line-height: 1;
  color: #fff;
}
#headline .buttons {
  max-width: 240px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 0;
  word-spacing: 16px;
}
.IE #headline .buttons,
.ie #headline .buttons,
.edge #headline .buttons {
  font-size: 4.1px;
  word-spacing: 15px;
}
.IE8 #headline .buttons {
  font-size: 3.6px;
}
#headline .button {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  text-shadow: none;
  margin-top: 16px;
  padding: 10px 16px;
  padding: 1rem 1.6rem;
  word-spacing: 0;
}
#headline .button,
#headline .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(249, 99, 2, 0.7);
  color: #fff;
}
#headline .button:before,
#headline .button.button.button:not(a):not(label):not(input):before,
#headline .button:after,
#headline .button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image #headline .button:before,
.no-mask-image #headline .button.button.button:not(a):not(label):not(input):before,
.no-mask-image #headline .button:after,
.no-mask-image #headline .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
#headline .button.button-flat,
#headline .button.flat,
#headline .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
#headline .button.button-flat:before,
#headline .button.flat:before,
#headline .button.button.button-flat:not(a):not(label):not(input):before,
#headline .button.button-flat:after,
#headline .button.flat:after,
#headline .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image #headline .button.button-flat:before,
.no-mask-image #headline .button.flat:before,
.no-mask-image #headline .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image #headline .button.button-flat:after,
.no-mask-image #headline .button.flat:after,
.no-mask-image #headline .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
#headline .button:hover,
#headline .button.hover,
#headline .button:focus,
#headline .button.focus {
  background-color: rgba(249, 99, 2, 0.8);
  color: #fff;
}
#headline .button:hover:before,
#headline .button.hover:before,
#headline .button:focus:before,
#headline .button.focus:before,
#headline .button:hover:after,
#headline .button.hover:after,
#headline .button:focus:after,
#headline .button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image #headline .button:hover:before,
.no-mask-image #headline .button.hover:before,
.no-mask-image #headline .button:focus:before,
.no-mask-image #headline .button.focus:before,
.no-mask-image #headline .button:hover:after,
.no-mask-image #headline .button.hover:after,
.no-mask-image #headline .button:focus:after,
.no-mask-image #headline .button.focus:after {
  background-color: transparent;
}
#headline .button:hover:active,
#headline .button.hover:active,
#headline .button.active:hover,
#headline .button.active.hover,
#headline .button.button:not(a):not(label):not(input) {
  background-color: rgba(249, 99, 2, 0.9);
  color: #fff;
}
#headline .button:hover:active:before,
#headline .button.hover:active:before,
#headline .button.active:hover:before,
#headline .button.active.hover:before,
#headline .button.button:not(a):not(label):not(input):before,
#headline .button:hover:active:after,
#headline .button.hover:active:after,
#headline .button.active:hover:after,
#headline .button.active.hover:after,
#headline .button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image #headline .button:hover:active:before,
.no-mask-image #headline .button.hover:active:before,
.no-mask-image #headline .button.active:hover:before,
.no-mask-image #headline .button.active.hover:before,
.no-mask-image #headline .button.button:not(a):not(label):not(input):before,
.no-mask-image #headline .button:hover:active:after,
.no-mask-image #headline .button.hover:active:after,
.no-mask-image #headline .button.active:hover:after,
.no-mask-image #headline .button.active.hover:after,
.no-mask-image #headline .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
#rotator {
  text-align: center;
}
#rotator {
  box-sizing: content-box;
}
#rotator > div {
  padding: 0;
}
#rotator > div > h2 {
  color: #fff;
}
#rotator,
#rotator > .spotlight-transition {
  background: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#blocks,
#how_it_works {
  padding: 16px 0;
}
#blocks > div,
#how_it_works > div {
  font-size: 0;
  text-align: center;
  max-width: 1024px;
  padding: 0 16px;
  margin: 0 auto;
}
#blocks > div > *,
#how_it_works > div > * {
  font-size: 16px;
  text-align: left;
  display: inline-block;
  width: 33.333%;
  padding: 16px;
  vertical-align: top;
}
@media (max-width: 767px) {
  #blocks > div > *,
  #how_it_works > div > * {
    width: 50%;
  }
}
@media (max-width: 360px) {
  #blocks > div > *,
  #how_it_works > div > * {
    width: 100%;
  }
}
#blocks > div > a h3 {
  margin-bottom: 1em;
}
#blocks > div > a img {
  width: 100%;
}
#how_it_works > div {
  padding: 0 24px;
}
#how_it_works > div > div {
  padding: 16px 8px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 25%;
}
@media (max-width: 1023px) {
  #how_it_works > div > div {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  #how_it_works > div > div {
    width: 50%;
  }
}
@media (max-width: 360px) {
  #how_it_works > div > div {
    width: 100%;
  }
}
#how_it_works > div > div > a {
  display: block;
  color: #777;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  line-height: 1.25;
}
#how_it_works > div > div > a + a {
  margin-top: 0.2em;
}
#how_it_works > div > div > a:hover {
  color: #000;
}
#tlsWarning,
#privatelabel,
#noscript {
  background: #f96302;
  padding: 140px 0 12px;
  margin-top: -128px;
  position: relative;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#tlsWarning > div,
#privatelabel > div,
#noscript > div {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#tlsWarning > div > :first-child,
#privatelabel > div > :first-child,
#noscript > div > :first-child {
  flex: 1;
}
#tlsWarning > div > h1,
#privatelabel > div > h1,
#noscript > div > h1 {
  margin: 0;
  color: #fff;
}
#tlsWarning,
#noscript {
  background: #c00;
}
#privatelabel a:link,
#privatelabel a:visited {
  color: #fff;
  text-decoration: none;
} /* 

#noscript {
	position:relative; z-index:2;
	transition:transform 0.3s;
	&:hover { .prefix(transform, translateY(128px)); }
	menu menu { display:none; }
} */
#privatelabel a:link:before,
#privatelabel a:visited:before {
  content: none;
}
.courseViewer header {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.courseViewer header > div {
  background: #4d4d4d;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  max-width: none;
}
.courseViewer header > div ~ div {
  z-index: -2;
  background: #f96302;
}
.courseViewer header > div > a {
  padding: 0 16px;
}
.courseViewer header > div > a > img {
  height: 56px !important;
  width: auto !important;
}
.courseViewer header > div > h1 {
  line-height: 56px;
  margin-top: 0;
  color: #fff;
}
.courseViewer header > div > a + h1 {
  float: left;
  margin: 0 16px;
}
.courseViewer header > div > div {
  display: flex;
  align-items: center;
  padding: 12px;
}
.courseViewer header > div > div div + div {
  margin-left: 4px;
}
.courseViewer header > div > div .button,
.courseViewer header > div > div .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.courseViewer header > div > div .button:before,
.courseViewer header > div > div .button.button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .button:after,
.courseViewer header > div > div .button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .button:before,
.no-mask-image .courseViewer header > div > div .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .button:after,
.no-mask-image .courseViewer header > div > div .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .button.button-flat,
.courseViewer header > div > div .button.flat,
.courseViewer header > div > div .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.courseViewer header > div > div .button.button-flat:before,
.courseViewer header > div > div .button.flat:before,
.courseViewer header > div > div .button.button.button-flat:not(a):not(label):not(input):before,
.courseViewer header > div > div .button.button-flat:after,
.courseViewer header > div > div .button.flat:after,
.courseViewer header > div > div .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .button.button-flat:before,
.no-mask-image .courseViewer header > div > div .button.flat:before,
.no-mask-image .courseViewer header > div > div .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .button.button-flat:after,
.no-mask-image .courseViewer header > div > div .button.flat:after,
.no-mask-image .courseViewer header > div > div .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .button:hover,
.courseViewer header > div > div .button.hover,
.courseViewer header > div > div .button:focus,
.courseViewer header > div > div .button.focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.courseViewer header > div > div .button:hover:before,
.courseViewer header > div > div .button.hover:before,
.courseViewer header > div > div .button:focus:before,
.courseViewer header > div > div .button.focus:before,
.courseViewer header > div > div .button:hover:after,
.courseViewer header > div > div .button.hover:after,
.courseViewer header > div > div .button:focus:after,
.courseViewer header > div > div .button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .button:hover:before,
.no-mask-image .courseViewer header > div > div .button.hover:before,
.no-mask-image .courseViewer header > div > div .button:focus:before,
.no-mask-image .courseViewer header > div > div .button.focus:before,
.no-mask-image .courseViewer header > div > div .button:hover:after,
.no-mask-image .courseViewer header > div > div .button.hover:after,
.no-mask-image .courseViewer header > div > div .button:focus:after,
.no-mask-image .courseViewer header > div > div .button.focus:after {
  background-color: transparent;
}
.courseViewer header > div > div .button:hover:active,
.courseViewer header > div > div .button.hover:active,
.courseViewer header > div > div .button.active:hover,
.courseViewer header > div > div .button.active.hover,
.courseViewer header > div > div .button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.courseViewer header > div > div .button:hover:active:before,
.courseViewer header > div > div .button.hover:active:before,
.courseViewer header > div > div .button.active:hover:before,
.courseViewer header > div > div .button.active.hover:before,
.courseViewer header > div > div .button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .button:hover:active:after,
.courseViewer header > div > div .button.hover:active:after,
.courseViewer header > div > div .button.active:hover:after,
.courseViewer header > div > div .button.active.hover:after,
.courseViewer header > div > div .button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .button:hover:active:before,
.no-mask-image .courseViewer header > div > div .button.hover:active:before,
.no-mask-image .courseViewer header > div > div .button.active:hover:before,
.no-mask-image .courseViewer header > div > div .button.active.hover:before,
.no-mask-image .courseViewer header > div > div .button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .button:hover:active:after,
.no-mask-image .courseViewer header > div > div .button.hover:active:after,
.no-mask-image .courseViewer header > div > div .button.active:hover:after,
.no-mask-image .courseViewer header > div > div .button.active.hover:after,
.no-mask-image .courseViewer header > div > div .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .next .button,
.courseViewer header > div > div .complete .button,
.courseViewer header > div > div .next .button.button.button:not(a):not(label):not(input),
.courseViewer header > div > div .complete .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
.courseViewer header > div > div .next .button:before,
.courseViewer header > div > div .complete .button:before,
.courseViewer header > div > div .next .button.button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .complete .button.button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .next .button:after,
.courseViewer header > div > div .complete .button:after,
.courseViewer header > div > div .next .button.button.button:not(a):not(label):not(input):after,
.courseViewer header > div > div .complete .button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .next .button:before,
.no-mask-image .courseViewer header > div > div .complete .button:before,
.no-mask-image .courseViewer header > div > div .next .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .complete .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .next .button:after,
.no-mask-image .courseViewer header > div > div .complete .button:after,
.no-mask-image .courseViewer header > div > div .next .button.button.button:not(a):not(label):not(input):after,
.no-mask-image .courseViewer header > div > div .complete .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .next .button.button-flat,
.courseViewer header > div > div .complete .button.button-flat,
.courseViewer header > div > div .next .button.flat,
.courseViewer header > div > div .complete .button.flat,
.courseViewer header > div > div .next .button.button.button-flat:not(a):not(label):not(input),
.courseViewer header > div > div .complete .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.courseViewer header > div > div .next .button.button-flat:before,
.courseViewer header > div > div .complete .button.button-flat:before,
.courseViewer header > div > div .next .button.flat:before,
.courseViewer header > div > div .complete .button.flat:before,
.courseViewer header > div > div .next .button.button.button-flat:not(a):not(label):not(input):before,
.courseViewer header > div > div .complete .button.button.button-flat:not(a):not(label):not(input):before,
.courseViewer header > div > div .next .button.button-flat:after,
.courseViewer header > div > div .complete .button.button-flat:after,
.courseViewer header > div > div .next .button.flat:after,
.courseViewer header > div > div .complete .button.flat:after,
.courseViewer header > div > div .next .button.button.button-flat:not(a):not(label):not(input):after,
.courseViewer header > div > div .complete .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .next .button.button-flat:before,
.no-mask-image .courseViewer header > div > div .complete .button.button-flat:before,
.no-mask-image .courseViewer header > div > div .next .button.flat:before,
.no-mask-image .courseViewer header > div > div .complete .button.flat:before,
.no-mask-image .courseViewer header > div > div .next .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .complete .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .next .button.button-flat:after,
.no-mask-image .courseViewer header > div > div .complete .button.button-flat:after,
.no-mask-image .courseViewer header > div > div .next .button.flat:after,
.no-mask-image .courseViewer header > div > div .complete .button.flat:after,
.no-mask-image .courseViewer header > div > div .next .button.button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .courseViewer header > div > div .complete .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .next .button:hover,
.courseViewer header > div > div .complete .button:hover,
.courseViewer header > div > div .next .button.hover,
.courseViewer header > div > div .complete .button.hover,
.courseViewer header > div > div .next .button:focus,
.courseViewer header > div > div .complete .button:focus,
.courseViewer header > div > div .next .button.focus,
.courseViewer header > div > div .complete .button.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
.courseViewer header > div > div .next .button:hover:before,
.courseViewer header > div > div .complete .button:hover:before,
.courseViewer header > div > div .next .button.hover:before,
.courseViewer header > div > div .complete .button.hover:before,
.courseViewer header > div > div .next .button:focus:before,
.courseViewer header > div > div .complete .button:focus:before,
.courseViewer header > div > div .next .button.focus:before,
.courseViewer header > div > div .complete .button.focus:before,
.courseViewer header > div > div .next .button:hover:after,
.courseViewer header > div > div .complete .button:hover:after,
.courseViewer header > div > div .next .button.hover:after,
.courseViewer header > div > div .complete .button.hover:after,
.courseViewer header > div > div .next .button:focus:after,
.courseViewer header > div > div .complete .button:focus:after,
.courseViewer header > div > div .next .button.focus:after,
.courseViewer header > div > div .complete .button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .next .button:hover:before,
.no-mask-image .courseViewer header > div > div .complete .button:hover:before,
.no-mask-image .courseViewer header > div > div .next .button.hover:before,
.no-mask-image .courseViewer header > div > div .complete .button.hover:before,
.no-mask-image .courseViewer header > div > div .next .button:focus:before,
.no-mask-image .courseViewer header > div > div .complete .button:focus:before,
.no-mask-image .courseViewer header > div > div .next .button.focus:before,
.no-mask-image .courseViewer header > div > div .complete .button.focus:before,
.no-mask-image .courseViewer header > div > div .next .button:hover:after,
.no-mask-image .courseViewer header > div > div .complete .button:hover:after,
.no-mask-image .courseViewer header > div > div .next .button.hover:after,
.no-mask-image .courseViewer header > div > div .complete .button.hover:after,
.no-mask-image .courseViewer header > div > div .next .button:focus:after,
.no-mask-image .courseViewer header > div > div .complete .button:focus:after,
.no-mask-image .courseViewer header > div > div .next .button.focus:after,
.no-mask-image .courseViewer header > div > div .complete .button.focus:after {
  background-color: transparent;
}
.courseViewer header > div > div .next .button:hover:active,
.courseViewer header > div > div .complete .button:hover:active,
.courseViewer header > div > div .next .button.hover:active,
.courseViewer header > div > div .complete .button.hover:active,
.courseViewer header > div > div .next .button.active:hover,
.courseViewer header > div > div .complete .button.active:hover,
.courseViewer header > div > div .next .button.active.hover,
.courseViewer header > div > div .complete .button.active.hover,
.courseViewer header > div > div .next .button.button:not(a):not(label):not(input),
.courseViewer header > div > div .complete .button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
.courseViewer header > div > div .next .button:hover:active:before,
.courseViewer header > div > div .complete .button:hover:active:before,
.courseViewer header > div > div .next .button.hover:active:before,
.courseViewer header > div > div .complete .button.hover:active:before,
.courseViewer header > div > div .next .button.active:hover:before,
.courseViewer header > div > div .complete .button.active:hover:before,
.courseViewer header > div > div .next .button.active.hover:before,
.courseViewer header > div > div .complete .button.active.hover:before,
.courseViewer header > div > div .next .button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .complete .button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .next .button:hover:active:after,
.courseViewer header > div > div .complete .button:hover:active:after,
.courseViewer header > div > div .next .button.hover:active:after,
.courseViewer header > div > div .complete .button.hover:active:after,
.courseViewer header > div > div .next .button.active:hover:after,
.courseViewer header > div > div .complete .button.active:hover:after,
.courseViewer header > div > div .next .button.active.hover:after,
.courseViewer header > div > div .complete .button.active.hover:after,
.courseViewer header > div > div .next .button.button:not(a):not(label):not(input):after,
.courseViewer header > div > div .complete .button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .next .button:hover:active:before,
.no-mask-image .courseViewer header > div > div .complete .button:hover:active:before,
.no-mask-image .courseViewer header > div > div .next .button.hover:active:before,
.no-mask-image .courseViewer header > div > div .complete .button.hover:active:before,
.no-mask-image .courseViewer header > div > div .next .button.active:hover:before,
.no-mask-image .courseViewer header > div > div .complete .button.active:hover:before,
.no-mask-image .courseViewer header > div > div .next .button.active.hover:before,
.no-mask-image .courseViewer header > div > div .complete .button.active.hover:before,
.no-mask-image .courseViewer header > div > div .next .button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .complete .button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .next .button:hover:active:after,
.no-mask-image .courseViewer header > div > div .complete .button:hover:active:after,
.no-mask-image .courseViewer header > div > div .next .button.hover:active:after,
.no-mask-image .courseViewer header > div > div .complete .button.hover:active:after,
.no-mask-image .courseViewer header > div > div .next .button.active:hover:after,
.no-mask-image .courseViewer header > div > div .complete .button.active:hover:after,
.no-mask-image .courseViewer header > div > div .next .button.active.hover:after,
.no-mask-image .courseViewer header > div > div .complete .button.active.hover:after,
.no-mask-image .courseViewer header > div > div .next .button.button:not(a):not(label):not(input):after,
.no-mask-image .courseViewer header > div > div .complete .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .exit .button,
.courseViewer header > div > div .exit .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #fff;
}
.courseViewer header > div > div .exit .button:before,
.courseViewer header > div > div .exit .button.button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .exit .button:after,
.courseViewer header > div > div .exit .button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .exit .button:before,
.no-mask-image .courseViewer header > div > div .exit .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .exit .button:after,
.no-mask-image .courseViewer header > div > div .exit .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .exit .button.button-flat,
.courseViewer header > div > div .exit .button.flat,
.courseViewer header > div > div .exit .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.courseViewer header > div > div .exit .button.button-flat:before,
.courseViewer header > div > div .exit .button.flat:before,
.courseViewer header > div > div .exit .button.button.button-flat:not(a):not(label):not(input):before,
.courseViewer header > div > div .exit .button.button-flat:after,
.courseViewer header > div > div .exit .button.flat:after,
.courseViewer header > div > div .exit .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .exit .button.button-flat:before,
.no-mask-image .courseViewer header > div > div .exit .button.flat:before,
.no-mask-image .courseViewer header > div > div .exit .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .exit .button.button-flat:after,
.no-mask-image .courseViewer header > div > div .exit .button.flat:after,
.no-mask-image .courseViewer header > div > div .exit .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer header > div > div .exit .button:hover,
.courseViewer header > div > div .exit .button.hover,
.courseViewer header > div > div .exit .button:focus,
.courseViewer header > div > div .exit .button.focus {
  background-color: rgba(204, 0, 0, 0.8);
  color: #fff;
}
.courseViewer header > div > div .exit .button:hover:before,
.courseViewer header > div > div .exit .button.hover:before,
.courseViewer header > div > div .exit .button:focus:before,
.courseViewer header > div > div .exit .button.focus:before,
.courseViewer header > div > div .exit .button:hover:after,
.courseViewer header > div > div .exit .button.hover:after,
.courseViewer header > div > div .exit .button:focus:after,
.courseViewer header > div > div .exit .button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .exit .button:hover:before,
.no-mask-image .courseViewer header > div > div .exit .button.hover:before,
.no-mask-image .courseViewer header > div > div .exit .button:focus:before,
.no-mask-image .courseViewer header > div > div .exit .button.focus:before,
.no-mask-image .courseViewer header > div > div .exit .button:hover:after,
.no-mask-image .courseViewer header > div > div .exit .button.hover:after,
.no-mask-image .courseViewer header > div > div .exit .button:focus:after,
.no-mask-image .courseViewer header > div > div .exit .button.focus:after {
  background-color: transparent;
}
.courseViewer header > div > div .exit .button:hover:active,
.courseViewer header > div > div .exit .button.hover:active,
.courseViewer header > div > div .exit .button.active:hover,
.courseViewer header > div > div .exit .button.active.hover,
.courseViewer header > div > div .exit .button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.9);
  color: #fff;
}
.courseViewer header > div > div .exit .button:hover:active:before,
.courseViewer header > div > div .exit .button.hover:active:before,
.courseViewer header > div > div .exit .button.active:hover:before,
.courseViewer header > div > div .exit .button.active.hover:before,
.courseViewer header > div > div .exit .button.button:not(a):not(label):not(input):before,
.courseViewer header > div > div .exit .button:hover:active:after,
.courseViewer header > div > div .exit .button.hover:active:after,
.courseViewer header > div > div .exit .button.active:hover:after,
.courseViewer header > div > div .exit .button.active.hover:after,
.courseViewer header > div > div .exit .button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer header > div > div .exit .button:hover:active:before,
.no-mask-image .courseViewer header > div > div .exit .button.hover:active:before,
.no-mask-image .courseViewer header > div > div .exit .button.active:hover:before,
.no-mask-image .courseViewer header > div > div .exit .button.active.hover:before,
.no-mask-image .courseViewer header > div > div .exit .button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer header > div > div .exit .button:hover:active:after,
.no-mask-image .courseViewer header > div > div .exit .button.hover:active:after,
.no-mask-image .courseViewer header > div > div .exit .button.active:hover:after,
.no-mask-image .courseViewer header > div > div .exit .button.active.hover:after,
.no-mask-image .courseViewer header > div > div .exit .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer main {
  border-top-width: 112px;
  min-height: none;
}
.courseViewer #course_navigation_menu {
  float: left;
}
.courseViewer #course_navigation_menu menuitem.overflow > a:before {
  background-position: -198px -20px;
  -webkit-mask-position: -198px -20px;
  -moz-mask-position: -198px -20px;
  -ms-mask-position: -198px -20px;
  -o-mask-position: -198px -20px;
  mask-position: -198px -20px;
}
.courseViewer #course_navigation_menu menuitem[disabled] {
  pointer-events: none;
}
.courseViewer #course_navigation_menu menuitem[disabled] > a {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.2);
}
.courseViewer #course_navigation_menu menuitem.current > a {
  background: #f96302;
  color: #fff;
}
.courseViewer #course_navigation_menu > menuitem > menu > menuitem:first-child,
.courseViewer #course_navigation_menu > menuitem > menu > menuitem:first-child + hr {
  display: none;
}
@media (max-width: 1006px) {
  .courseViewer header > div > a {
    margin-right: 16px;
  }
  .courseViewer header > div > h1 {
    display: none;
  }
  .courseViewer #course_navigation_menu menuitem > a + menu {
    right: auto;
    left: 0;
    transform: translateX(-320px);
  }
  .courseViewer #course_navigation_menu menuitem.open > a + menu {
    transform: translateX(0);
  }
  .courseViewer #course_navigation_menu > menuitem > menu > menuitem:first-child,
  .courseViewer #course_navigation_menu > menuitem > menu > menuitem:first-child + hr {
    display: block;
  }
  .courseViewer #course_controls_menu menuitem {
    float: left;
  }
}
@media (max-width: 479px) {
  .courseViewer header > div > a {
    display: none;
  }
  .courseViewer header > div > div {
    padding: 0;
  }
  .courseViewer header > div > div .button {
    padding: 18px;
    font-size: 0;
  }
  .courseViewer header > div > div .button:before {
    margin: 0;
  }
}
@media (max-width: 533px) {
  .courseViewer + .dialog {
    top: 56px !important;
  }
}
menuitem > * > .course-status {
  display: flex;
  align-items: center;
}
menuitem > * > .course-status:before {
  margin: 0 6px 0 -2px;
}
menuitem.play > a:before {
  background-position: -118px -20px;
  -webkit-mask-position: -118px -20px;
  -moz-mask-position: -118px -20px;
  -ms-mask-position: -118px -20px;
  -o-mask-position: -118px -20px;
  mask-position: -118px -20px;
}
menuitem.pause > a:before {
  background-position: -138px -20px;
  -webkit-mask-position: -138px -20px;
  -moz-mask-position: -138px -20px;
  -ms-mask-position: -138px -20px;
  -o-mask-position: -138px -20px;
  mask-position: -138px -20px;
}
menuitem.previous > a:before {
  background-position: 0 0;
  -webkit-mask-position: 0 0;
  -moz-mask-position: 0 0;
  -ms-mask-position: 0 0;
  -o-mask-position: 0 0;
  mask-position: 0 0;
}
menuitem.next > a:before {
  background-position: -20px 0;
  -webkit-mask-position: -20px 0;
  -moz-mask-position: -20px 0;
  -ms-mask-position: -20px 0;
  -o-mask-position: -20px 0;
  mask-position: -20px 0;
}
menuitem.exit > a:before {
  background-position: -180px 0;
  -webkit-mask-position: -180px 0;
  -moz-mask-position: -180px 0;
  -ms-mask-position: -180px 0;
  -o-mask-position: -180px 0;
  mask-position: -180px 0;
}
@media (min-width: 1007px) {
  body:not(.touch-menu) nav menu.top > menuitem.next > a,
  body:not(.touch-menu) nav menu.top > menuitem.exit > a {
    flex-direction: row-reverse;
  }
  body:not(.touch-menu) nav menu.top > menuitem.next > a:before,
  body:not(.touch-menu) nav menu.top > menuitem.exit > a:before {
    margin: 18px 0 18px 8px;
  }
}
@media (min-width: 1007px) {
  body.touch-menu header > div,
  body.touch-menu header > nav {
    max-width: none;
  }
  body.touch-menu header > div {
    z-index: -1;
  }
  body.touch-menu header > div > a {
    padding: 0 16px;
    margin-right: -100%;
  }
  body.touch-menu header > div > a > img {
    height: 56px !important;
  }
  body.touch-menu z header > nav {
    position: static;
    padding-right: 0;
  }
  body.touch-menu main {
    border-top-width: 56px;
    min-height: none;
  }
  body.touch-menu footer {
    margin-top: 0;
  }
}
@media (max-width: 1006px) {
  header > div,
  header > nav {
    max-width: none;
  }
  header > div {
    z-index: -1;
  }
  header > div > a {
    padding: 0 16px;
    margin-right: -100%;
  }
  header > div > a > img {
    height: 56px !important;
  }
  z header > nav {
    position: static;
    padding-right: 0;
  }
  main {
    border-top-width: 56px;
    min-height: none;
  }
  footer {
    margin-top: 0;
  }
  header > div,
  footer > div,
  main > div,
  main > * > div {
    max-width: none;
    margin: 0;
  }
  footer > div {
    margin: 0 32px;
  }
  main > * {
    padding: 32px;
  }
  #privatelabel {
    padding: 68px 32px 12px;
    margin-top: -56px;
  }
  #privatelabel_name {
    display: none;
  }
}
@media (max-width: 767px) {
  footer > div {
    margin: 0 16px;
    padding: 16px 0;
  }
  main > * {
    padding: 16px;
  }
  #privatelabel {
    padding: 68px 16px 12px;
  }
  #headline .text {
    width: auto;
  }
  #headline .text h1 {
    font-size: 1.5em;
  }
  #headline .buttons {
    position: static;
    max-width: unset;
  }
  #blocks,
  #how_it_works {
    padding: 8px 0;
  }
  #blocks > div,
  #how_it_works > div {
    padding: 0 8px;
  }
  #blocks > div > *,
  #how_it_works > div > * {
    padding: 8px;
  }
}
@media (max-width: 360px) {
  img {
    max-width: 100%;
    height: auto !important;
  }
  #privatelabel_name,
  #privatelabel_logo,
  #distributor_phone,
  #privatelabel > div > h1:last-child {
    display: none;
  }
}
.product-details-block {
  background: #000;
  margin: 1em 0;
  zoom: 1;
}
.product-video {
  float: left;
  width: 640px;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.product-video > * {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.product-video > script,
.product-video > style {
  display: none;
}
.product-video > a {
  text-align: center;
}
.product-video > a:first-of-type:not(:last-of-type) {
  height: 50%;
}
.product-video > a:last-of-type:not(:first-of-type) {
  height: 50%;
  bottom: 0;
}
.product-video > a b.button {
  position: relative;
  top: 50%;
  margin-top: -16px;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}
.product-video > a b.button,
.product-video > a b.button.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.product-video > a b.button:before,
.product-video > a b.button.button.button:not(a):not(label):not(input):before,
.product-video > a b.button:after,
.product-video > a b.button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-video > a b.button:before,
.no-mask-image .product-video > a b.button.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-video > a b.button:after,
.no-mask-image .product-video > a b.button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-video > a b.button.button-flat,
.product-video > a b.button.flat,
.product-video > a b.button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.product-video > a b.button.button-flat:before,
.product-video > a b.button.flat:before,
.product-video > a b.button.button.button-flat:not(a):not(label):not(input):before,
.product-video > a b.button.button-flat:after,
.product-video > a b.button.flat:after,
.product-video > a b.button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-video > a b.button.button-flat:before,
.no-mask-image .product-video > a b.button.flat:before,
.no-mask-image .product-video > a b.button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-video > a b.button.button-flat:after,
.no-mask-image .product-video > a b.button.flat:after,
.no-mask-image .product-video > a b.button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-video > a b.button:hover,
.product-video > a b.button.hover,
.product-video > a b.button:focus,
.product-video > a b.button.focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.product-video > a b.button:hover:before,
.product-video > a b.button.hover:before,
.product-video > a b.button:focus:before,
.product-video > a b.button.focus:before,
.product-video > a b.button:hover:after,
.product-video > a b.button.hover:after,
.product-video > a b.button:focus:after,
.product-video > a b.button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-video > a b.button:hover:before,
.no-mask-image .product-video > a b.button.hover:before,
.no-mask-image .product-video > a b.button:focus:before,
.no-mask-image .product-video > a b.button.focus:before,
.no-mask-image .product-video > a b.button:hover:after,
.no-mask-image .product-video > a b.button.hover:after,
.no-mask-image .product-video > a b.button:focus:after,
.no-mask-image .product-video > a b.button.focus:after {
  background-color: transparent;
}
.product-video > a b.button:hover:active,
.product-video > a b.button.hover:active,
.product-video > a b.button.active:hover,
.product-video > a b.button.active.hover,
.product-video > a b.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.product-video > a b.button:hover:active:before,
.product-video > a b.button.hover:active:before,
.product-video > a b.button.active:hover:before,
.product-video > a b.button.active.hover:before,
.product-video > a b.button.button:not(a):not(label):not(input):before,
.product-video > a b.button:hover:active:after,
.product-video > a b.button.hover:active:after,
.product-video > a b.button.active:hover:after,
.product-video > a b.button.active.hover:after,
.product-video > a b.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-video > a b.button:hover:active:before,
.no-mask-image .product-video > a b.button.hover:active:before,
.no-mask-image .product-video > a b.button.active:hover:before,
.no-mask-image .product-video > a b.button.active.hover:before,
.no-mask-image .product-video > a b.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-video > a b.button:hover:active:after,
.no-mask-image .product-video > a b.button.hover:active:after,
.no-mask-image .product-video > a b.button.active:hover:after,
.no-mask-image .product-video > a b.button.active.hover:after,
.no-mask-image .product-video > a b.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-video > a b.button:before {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-video > a b.button:before {
  background-color: transparent;
}
.product-video span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  line-height: 1.5;
  padding: 16px;
  position: absolute;
  left: 0;
  right: 0;
/* bottom:0; */ }
.product-video iframe {
  background: transparent;
}
.product-video:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.product-video-background,
.product-video-thumbnail {
  background-repeat: no-repeat;
  background-position: center;
}
.product-video-background {
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.6;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product-video-thumbnail {
  background-size: contain;
}
.product-video-login {
  height: auto;
  bottom: 0;
  padding: 1em;
  background: url(/images/webshop/rgba00000099.png);
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.product-video-login div {
  display: flex;
  justify-content: center;
}
.product-video-login div a {
  margin: 0 0.5em;
}
.product-video-login .button {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-details-right {
  float: right;
  width: 320px;
  height: 360px;
  padding: 1em;
} /* 

.touch .button,
.touch button {
	.course-status,
	.course-type { display:inline-block; margin:-4px 0 -4px -4px; }
}

.touch button .course-status,
.touch .button .course-status { display:inline-block; margin:-4px 0 -4px -4px; } */
.product-details-right > dl > dd > div > div + div {
  margin-top: 1em;
}
.product-details-right h2 {
  margin-top: 0;
}
.product-details-right hr + h2 {
  margin: 0.8em 0;
}
.product-details-right p {
  display: flex;
  align-items: center;
}
.product-details-right p > :not([type="hidden"]) ~ :not(.count) {
  margin-left: 8px;
}
.product-details-right .course-type {
  float: left;
}
.product-details-right .course-selection,
.product-details-right .course-status {
  float: right;
}
.product-details-right .course-tip {
  display: none;
}
.product-details-right p > .coz-input-select,
.product-details-right p > .coz-input-select > *,
.product-details-right p > button:not(.icon),
.product-details-right .button:not(.button-icon) {
  flex-grow: 1;
}
.product-details-right h2,
.product-details-right p {
  color: #fff;
  font-weight: 400;
}
.product-details-right hr {
  border-color: #fff #000 #000;
  margin: 1em 0;
}
.product-details-right p > a:not(.button):link,
.product-details-right p > a:not(.button):visited {
  color: #fff;
}
.product-details-right p > a:not(.button):hover,
.product-details-right p > a:not(.button):hover:active {
  color: #f96302;
}
.product-details-right p > button:not(.action),
.product-details-right .button:not(.button-action),
.product-details-right p > button:not(.action).button.button:not(a):not(label):not(input),
.product-details-right .button:not(.button-action).button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
.product-details-right p > button:not(.action):before,
.product-details-right .button:not(.button-action):before,
.product-details-right p > button:not(.action).button.button:not(a):not(label):not(input):before,
.product-details-right .button:not(.button-action).button.button:not(a):not(label):not(input):before,
.product-details-right p > button:not(.action):after,
.product-details-right .button:not(.button-action):after,
.product-details-right p > button:not(.action).button.button:not(a):not(label):not(input):after,
.product-details-right .button:not(.button-action).button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right p > button:not(.action):before,
.no-mask-image .product-details-right .button:not(.button-action):before,
.no-mask-image .product-details-right p > button:not(.action).button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button:not(.button-action).button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right p > button:not(.action):after,
.no-mask-image .product-details-right .button:not(.button-action):after,
.no-mask-image .product-details-right p > button:not(.action).button.button:not(a):not(label):not(input):after,
.no-mask-image .product-details-right .button:not(.button-action).button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right p > button:not(.action).button-flat,
.product-details-right .button:not(.button-action).button-flat,
.product-details-right p > button:not(.action).flat,
.product-details-right .button:not(.button-action).flat,
.product-details-right p > button:not(.action).button.button-flat:not(a):not(label):not(input),
.product-details-right .button:not(.button-action).button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.product-details-right p > button:not(.action).button-flat:before,
.product-details-right .button:not(.button-action).button-flat:before,
.product-details-right p > button:not(.action).flat:before,
.product-details-right .button:not(.button-action).flat:before,
.product-details-right p > button:not(.action).button.button-flat:not(a):not(label):not(input):before,
.product-details-right .button:not(.button-action).button.button-flat:not(a):not(label):not(input):before,
.product-details-right p > button:not(.action).button-flat:after,
.product-details-right .button:not(.button-action).button-flat:after,
.product-details-right p > button:not(.action).flat:after,
.product-details-right .button:not(.button-action).flat:after,
.product-details-right p > button:not(.action).button.button-flat:not(a):not(label):not(input):after,
.product-details-right .button:not(.button-action).button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right p > button:not(.action).button-flat:before,
.no-mask-image .product-details-right .button:not(.button-action).button-flat:before,
.no-mask-image .product-details-right p > button:not(.action).flat:before,
.no-mask-image .product-details-right .button:not(.button-action).flat:before,
.no-mask-image .product-details-right p > button:not(.action).button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button:not(.button-action).button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-details-right p > button:not(.action).button-flat:after,
.no-mask-image .product-details-right .button:not(.button-action).button-flat:after,
.no-mask-image .product-details-right p > button:not(.action).flat:after,
.no-mask-image .product-details-right .button:not(.button-action).flat:after,
.no-mask-image .product-details-right p > button:not(.action).button.button-flat:not(a):not(label):not(input):after,
.no-mask-image .product-details-right .button:not(.button-action).button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right p > button:not(.action):hover,
.product-details-right .button:not(.button-action):hover,
.product-details-right p > button:not(.action).hover,
.product-details-right .button:not(.button-action).hover,
.product-details-right p > button:not(.action):focus,
.product-details-right .button:not(.button-action):focus,
.product-details-right p > button:not(.action).focus,
.product-details-right .button:not(.button-action).focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
.product-details-right p > button:not(.action):hover:before,
.product-details-right .button:not(.button-action):hover:before,
.product-details-right p > button:not(.action).hover:before,
.product-details-right .button:not(.button-action).hover:before,
.product-details-right p > button:not(.action):focus:before,
.product-details-right .button:not(.button-action):focus:before,
.product-details-right p > button:not(.action).focus:before,
.product-details-right .button:not(.button-action).focus:before,
.product-details-right p > button:not(.action):hover:after,
.product-details-right .button:not(.button-action):hover:after,
.product-details-right p > button:not(.action).hover:after,
.product-details-right .button:not(.button-action).hover:after,
.product-details-right p > button:not(.action):focus:after,
.product-details-right .button:not(.button-action):focus:after,
.product-details-right p > button:not(.action).focus:after,
.product-details-right .button:not(.button-action).focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right p > button:not(.action):hover:before,
.no-mask-image .product-details-right .button:not(.button-action):hover:before,
.no-mask-image .product-details-right p > button:not(.action).hover:before,
.no-mask-image .product-details-right .button:not(.button-action).hover:before,
.no-mask-image .product-details-right p > button:not(.action):focus:before,
.no-mask-image .product-details-right .button:not(.button-action):focus:before,
.no-mask-image .product-details-right p > button:not(.action).focus:before,
.no-mask-image .product-details-right .button:not(.button-action).focus:before,
.no-mask-image .product-details-right p > button:not(.action):hover:after,
.no-mask-image .product-details-right .button:not(.button-action):hover:after,
.no-mask-image .product-details-right p > button:not(.action).hover:after,
.no-mask-image .product-details-right .button:not(.button-action).hover:after,
.no-mask-image .product-details-right p > button:not(.action):focus:after,
.no-mask-image .product-details-right .button:not(.button-action):focus:after,
.no-mask-image .product-details-right p > button:not(.action).focus:after,
.no-mask-image .product-details-right .button:not(.button-action).focus:after {
  background-color: transparent;
}
.product-details-right p > button:not(.action):hover:active,
.product-details-right .button:not(.button-action):hover:active,
.product-details-right p > button:not(.action).hover:active,
.product-details-right .button:not(.button-action).hover:active,
.product-details-right p > button:not(.action).active:hover,
.product-details-right .button:not(.button-action).active:hover,
.product-details-right p > button:not(.action).active.hover,
.product-details-right .button:not(.button-action).active.hover,
.product-details-right p > button:not(.action).button:not(a):not(label):not(input),
.product-details-right .button:not(.button-action).button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
.product-details-right p > button:not(.action):hover:active:before,
.product-details-right .button:not(.button-action):hover:active:before,
.product-details-right p > button:not(.action).hover:active:before,
.product-details-right .button:not(.button-action).hover:active:before,
.product-details-right p > button:not(.action).active:hover:before,
.product-details-right .button:not(.button-action).active:hover:before,
.product-details-right p > button:not(.action).active.hover:before,
.product-details-right .button:not(.button-action).active.hover:before,
.product-details-right p > button:not(.action).button:not(a):not(label):not(input):before,
.product-details-right .button:not(.button-action).button:not(a):not(label):not(input):before,
.product-details-right p > button:not(.action):hover:active:after,
.product-details-right .button:not(.button-action):hover:active:after,
.product-details-right p > button:not(.action).hover:active:after,
.product-details-right .button:not(.button-action).hover:active:after,
.product-details-right p > button:not(.action).active:hover:after,
.product-details-right .button:not(.button-action).active:hover:after,
.product-details-right p > button:not(.action).active.hover:after,
.product-details-right .button:not(.button-action).active.hover:after,
.product-details-right p > button:not(.action).button:not(a):not(label):not(input):after,
.product-details-right .button:not(.button-action).button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right p > button:not(.action):hover:active:before,
.no-mask-image .product-details-right .button:not(.button-action):hover:active:before,
.no-mask-image .product-details-right p > button:not(.action).hover:active:before,
.no-mask-image .product-details-right .button:not(.button-action).hover:active:before,
.no-mask-image .product-details-right p > button:not(.action).active:hover:before,
.no-mask-image .product-details-right .button:not(.button-action).active:hover:before,
.no-mask-image .product-details-right p > button:not(.action).active.hover:before,
.no-mask-image .product-details-right .button:not(.button-action).active.hover:before,
.no-mask-image .product-details-right p > button:not(.action).button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button:not(.button-action).button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right p > button:not(.action):hover:active:after,
.no-mask-image .product-details-right .button:not(.button-action):hover:active:after,
.no-mask-image .product-details-right p > button:not(.action).hover:active:after,
.no-mask-image .product-details-right .button:not(.button-action).hover:active:after,
.no-mask-image .product-details-right p > button:not(.action).active:hover:after,
.no-mask-image .product-details-right .button:not(.button-action).active:hover:after,
.no-mask-image .product-details-right p > button:not(.action).active.hover:after,
.no-mask-image .product-details-right .button:not(.button-action).active.hover:after,
.no-mask-image .product-details-right p > button:not(.action).button:not(a):not(label):not(input):after,
.no-mask-image .product-details-right .button:not(.button-action).button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input) {
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
}
.product-details-right .accordion > dt > button:before,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button:after,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:before,
.no-mask-image .product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button:after,
.no-mask-image .product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button.button-flat,
.product-details-right .accordion > dt > button.flat,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.product-details-right .accordion > dt > button.button-flat:before,
.product-details-right .accordion > dt > button.flat:before,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button.button-flat:after,
.product-details-right .accordion > dt > button.flat:after,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button.button-flat:before,
.no-mask-image .product-details-right .accordion > dt > button.flat:before,
.no-mask-image .product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button.button-flat:after,
.no-mask-image .product-details-right .accordion > dt > button.flat:after,
.no-mask-image .product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button:hover,
.product-details-right .accordion > dt > button.hover,
.product-details-right .accordion > dt > button:focus,
.product-details-right .accordion > dt > button.focus {
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
}
.product-details-right .accordion > dt > button:hover:before,
.product-details-right .accordion > dt > button.hover:before,
.product-details-right .accordion > dt > button:focus:before,
.product-details-right .accordion > dt > button.focus:before,
.product-details-right .accordion > dt > button:hover:after,
.product-details-right .accordion > dt > button.hover:after,
.product-details-right .accordion > dt > button:focus:after,
.product-details-right .accordion > dt > button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:hover:before,
.no-mask-image .product-details-right .accordion > dt > button.hover:before,
.no-mask-image .product-details-right .accordion > dt > button:focus:before,
.no-mask-image .product-details-right .accordion > dt > button.focus:before,
.no-mask-image .product-details-right .accordion > dt > button:hover:after,
.no-mask-image .product-details-right .accordion > dt > button.hover:after,
.no-mask-image .product-details-right .accordion > dt > button:focus:after,
.no-mask-image .product-details-right .accordion > dt > button.focus:after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button:hover:active,
.product-details-right .accordion > dt > button.hover:active,
.product-details-right .accordion > dt > button.active:hover,
.product-details-right .accordion > dt > button.active.hover,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input) {
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
}
.product-details-right .accordion > dt > button:hover:active:before,
.product-details-right .accordion > dt > button.hover:active:before,
.product-details-right .accordion > dt > button.active:hover:before,
.product-details-right .accordion > dt > button.active.hover:before,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button:hover:active:after,
.product-details-right .accordion > dt > button.hover:active:after,
.product-details-right .accordion > dt > button.active:hover:after,
.product-details-right .accordion > dt > button.active.hover:after,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:hover:active:before,
.no-mask-image .product-details-right .accordion > dt > button.hover:active:before,
.no-mask-image .product-details-right .accordion > dt > button.active:hover:before,
.no-mask-image .product-details-right .accordion > dt > button.active.hover:before,
.no-mask-image .product-details-right .accordion > dt > button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button:hover:active:after,
.no-mask-image .product-details-right .accordion > dt > button.hover:active:after,
.no-mask-image .product-details-right .accordion > dt > button.active:hover:after,
.no-mask-image .product-details-right .accordion > dt > button.active.hover:after,
.no-mask-image .product-details-right .accordion > dt > button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt.toggler-selected > button:after {
  background-image: none;
}
.product-details-right .button-red,
.product-details-right .button-red.button.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.7);
  color: #fff;
}
.product-details-right .button-red:before,
.product-details-right .button-red.button.button:not(a):not(label):not(input):before,
.product-details-right .button-red:after,
.product-details-right .button-red.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .button-red:before,
.no-mask-image .product-details-right .button-red.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button-red:after,
.no-mask-image .product-details-right .button-red.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .button-red.button-flat,
.product-details-right .button-red.flat,
.product-details-right .button-red.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.product-details-right .button-red.button-flat:before,
.product-details-right .button-red.flat:before,
.product-details-right .button-red.button.button-flat:not(a):not(label):not(input):before,
.product-details-right .button-red.button-flat:after,
.product-details-right .button-red.flat:after,
.product-details-right .button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .button-red.button-flat:before,
.no-mask-image .product-details-right .button-red.flat:before,
.no-mask-image .product-details-right .button-red.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button-red.button-flat:after,
.no-mask-image .product-details-right .button-red.flat:after,
.no-mask-image .product-details-right .button-red.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .button-red:hover,
.product-details-right .button-red.hover,
.product-details-right .button-red:focus,
.product-details-right .button-red.focus {
  background-color: rgba(204, 0, 0, 0.8);
  color: #fff;
}
.product-details-right .button-red:hover:before,
.product-details-right .button-red.hover:before,
.product-details-right .button-red:focus:before,
.product-details-right .button-red.focus:before,
.product-details-right .button-red:hover:after,
.product-details-right .button-red.hover:after,
.product-details-right .button-red:focus:after,
.product-details-right .button-red.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .button-red:hover:before,
.no-mask-image .product-details-right .button-red.hover:before,
.no-mask-image .product-details-right .button-red:focus:before,
.no-mask-image .product-details-right .button-red.focus:before,
.no-mask-image .product-details-right .button-red:hover:after,
.no-mask-image .product-details-right .button-red.hover:after,
.no-mask-image .product-details-right .button-red:focus:after,
.no-mask-image .product-details-right .button-red.focus:after {
  background-color: transparent;
}
.product-details-right .button-red:hover:active,
.product-details-right .button-red.hover:active,
.product-details-right .button-red.active:hover,
.product-details-right .button-red.active.hover,
.product-details-right .button-red.button:not(a):not(label):not(input) {
  background-color: rgba(204, 0, 0, 0.9);
  color: #fff;
}
.product-details-right .button-red:hover:active:before,
.product-details-right .button-red.hover:active:before,
.product-details-right .button-red.active:hover:before,
.product-details-right .button-red.active.hover:before,
.product-details-right .button-red.button:not(a):not(label):not(input):before,
.product-details-right .button-red:hover:active:after,
.product-details-right .button-red.hover:active:after,
.product-details-right .button-red.active:hover:after,
.product-details-right .button-red.active.hover:after,
.product-details-right .button-red.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .button-red:hover:active:before,
.no-mask-image .product-details-right .button-red.hover:active:before,
.no-mask-image .product-details-right .button-red.active:hover:before,
.no-mask-image .product-details-right .button-red.active.hover:before,
.no-mask-image .product-details-right .button-red.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .button-red:hover:active:after,
.no-mask-image .product-details-right .button-red.hover:active:after,
.no-mask-image .product-details-right .button-red.active:hover:after,
.no-mask-image .product-details-right .button-red.active.hover:after,
.no-mask-image .product-details-right .button-red.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .coz-loading-overlay {
  background: #000;
}
.product-details-right .course-status:before,
.product-details-right .course-selection:before {
  margin-right: -2px;
}
.product-details-right .buttons {
  flex-flow: row-reverse;
}
.product-details-right .buttons button {
  width: auto;
}
.product-details-right .buttons .add + button,
.product-details-right .buttons .remove + button {
  flex-grow: 1;
  margin: 0 8px 0 0;
}
.no-flex .product-details-right .buttons {
  padding-right: 100px;
  zoom: 1;
}
.no-flex .product-details-right .buttons .add,
.no-flex .product-details-right .buttons .remove {
  float: right;
  width: 96px;
  margin-right: -100px;
}
.no-flex .product-details-right .buttons .add ~ *,
.no-flex .product-details-right .buttons .remove ~ * {
  float: left;
}
@media (max-width: 320px) {
  .product-details-right .buttons .add,
  .product-details-right .buttons .remove {
    font-size: 0;
    width: 33px;
  }
  .no-flex .product-details-right .buttons {
    padding-right: 37px;
  }
  .no-flex .product-details-right .buttons .add,
  .no-flex .product-details-right .buttons .remove {
    margin-right: -37px;
  }
}
.product-details-right .product .buttons,
.product-details-right .button-play ~ *,
.product-details-right .play ~ * {
  display: none;
}
.product-details-right .blockView > div {
  width: 100%;
}
.product-details-right .blockView .product {
  margin-bottom: 0;
}
.product-details-right .blockView .background {
  background-size: 100% auto;
}
.product-details-right .mobileLink {
  display: none;
}
.product-about {
  display: flex;
}
.product-description {
  float: left;
  width: 639px;
  padding-right: 16px;
  font-weight: inherit;
}
.product-sidebar {
  float: right;
  width: 321px;
  padding: 0 1em;
  border: 1px solid #e6e6e6;
  border-width: 0 0 0 1px;
}
aside .product-sidebar {
  display: none;
}
.product-sidebar img {
  max-width: 100%;
}
.product-course > img {
  float: right;
  margin: 0 0 1em 1em;
}
@media (max-width: 1023px) {
  .product-details-block {
    position: relative;
    z-index: 4;
  }
  .product-video,
  .product-details-right,
  .product-description,
  .product-sidebar {
    float: none;
    width: auto;
    height: auto;
  }
  .product-sidebar {
    margin-top: 1em;
    padding: 1em 0 0 0;
    border-width: 1px 0 0 0;
  }
  .product-course #courses {
    display: block;
  }
  .product-about {
    flex-direction: column;
  }
} /* 
@media (max-width:671px), (max-height:575px) {
	.product-details-right [data-mode="V"] .button-play,
	.product-details-right [data-mode="V"] .play { opacity:0.5; pointer-events:none; }
	.product-details-right [data-mode="V"] .mobileLink { display:block; }
}
@media (max-width:831px), (max-height:575px) {
	.product-details-right [data-mode="C"] .button-play,
	.product-details-right [data-mode="C"] .play { opacity:0.5; pointer-events:none; }
	.product-details-right [data-mode="C"] .mobileLink { display:block; }
} */
.product .course-type,
.product .course-selection,
.product .course-status,
.product .featured,
.product .new,
.product .coupon,
.product .specialOffer,
.product-details-right .course-type,
.product-details-right .course-selection,
.product-details-right .course-status,
.product-details-right .featured,
.product-details-right .new,
.product-details-right .coupon,
.product-details-right .specialOffer {
  font-family: Roboto Condensed, Arial Narrow, sans-serif;
}
.course-type:before,
.course-selection:before,
.course-status:before,
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before {
  width: 24px;
  height: 24px;
  margin: -2px 2px -2px -2px;
  background-image: url('/colorReplace/000/images/webshop/course-icons-mask.png');
  background-image: url(/colorReplace/000/images/webshop/course-icons-mask.svg), none;
}
.selected .course-type:before,
.selected .course-selection:before,
.selected .course-status:before,
.selected .featured:before,
.selected .new:before,
.selected .coupon:before,
.selected .specialOffer:before,
.tool-tip .course-type:before,
.tool-tip .course-selection:before,
.tool-tip .course-status:before,
.tool-tip .featured:before,
.tool-tip .new:before,
.tool-tip .coupon:before,
.tool-tip .specialOffer:before,
#navigation .course-type:before,
#navigation .course-selection:before,
#navigation .course-status:before,
#navigation .featured:before,
#navigation .new:before,
#navigation .coupon:before,
#navigation .specialOffer:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.png');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.product-details-right .course-type:before,
.product-details-right .course-selection:before,
.product-details-right .course-status:before,
.product-details-right .featured:before,
.product-details-right .new:before,
.product-details-right .coupon:before,
.product-details-right .specialOffer:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.png');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.blockView .extras .course-type:before,
.blockView .extras .course-selection:before,
.blockView .extras .course-status:before,
.blockView .extras .featured:before,
.blockView .extras .new:before,
.blockView .extras .coupon:before,
.blockView .extras .specialOffer:before,
.spotlightView .extras .course-type:before,
.spotlightView .extras .course-selection:before,
.spotlightView .extras .course-status:before,
.spotlightView .extras .featured:before,
.spotlightView .extras .new:before,
.spotlightView .extras .coupon:before,
.spotlightView .extras .specialOffer:before {
  background-image: url('/images/webshop/course-icons-overlay.png');
  background-image: url(/images/webshop/course-icons-overlay.svg), none;
}
.sort .course-type:before,
.sort .course-selection:before,
.sort .course-status:before,
.sort .featured:before,
.sort .new:before,
.sort .coupon:before,
.sort .specialOffer:before {
  margin-right: -2px;
}
a.course-type,
a.course-selection,
a.course-status,
a.featured,
a.new,
a.coupon,
a.specialOffer {
  color: inherit;
}
.file:before,
.folder:before {
  margin: 2px 6px 2px 2px;
}
.course-type.course:before {
  background-position: 0 0;
  -webkit-mask-position: 0 0;
  -moz-mask-position: 0 0;
  -ms-mask-position: 0 0;
  -o-mask-position: 0 0;
  mask-position: 0 0;
}
.course-type.video:before {
  background-position: -24px 0;
  -webkit-mask-position: -24px 0;
  -moz-mask-position: -24px 0;
  -ms-mask-position: -24px 0;
  -o-mask-position: -24px 0;
  mask-position: -24px 0;
}
.course-type.video-plus:before {
  background-position: -48px 0;
  -webkit-mask-position: -48px 0;
  -moz-mask-position: -48px 0;
  -ms-mask-position: -48px 0;
  -o-mask-position: -48px 0;
  mask-position: -48px 0;
}
.course-type.other:before {
  background: none;
}
.course-selection.personal:before {
  background-position: 0 -24px;
  -webkit-mask-position: 0 -24px;
  -moz-mask-position: 0 -24px;
  -ms-mask-position: 0 -24px;
  -o-mask-position: 0 -24px;
  mask-position: 0 -24px;
}
.course-selection.recommend:before {
  background-position: -24px -24px;
  -webkit-mask-position: -24px -24px;
  -moz-mask-position: -24px -24px;
  -ms-mask-position: -24px -24px;
  -o-mask-position: -24px -24px;
  mask-position: -24px -24px;
}
.course-selection.required:before {
  background-position: -48px -24px;
  -webkit-mask-position: -48px -24px;
  -moz-mask-position: -48px -24px;
  -ms-mask-position: -48px -24px;
  -o-mask-position: -48px -24px;
  mask-position: -48px -24px;
}
.course-status.notstarted:before {
  background-position: 0 -48px;
  -webkit-mask-position: 0 -48px;
  -moz-mask-position: 0 -48px;
  -ms-mask-position: 0 -48px;
  -o-mask-position: 0 -48px;
  mask-position: 0 -48px;
}
.course-status.inprogress:before {
  background-position: -24px -48px;
  -webkit-mask-position: -24px -48px;
  -moz-mask-position: -24px -48px;
  -ms-mask-position: -24px -48px;
  -o-mask-position: -24px -48px;
  mask-position: -24px -48px;
}
.course-status.completed:before {
  background-position: -48px -48px;
  -webkit-mask-position: -48px -48px;
  -moz-mask-position: -48px -48px;
  -ms-mask-position: -48px -48px;
  -o-mask-position: -48px -48px;
  mask-position: -48px -48px;
}
.course-status.failed:before {
  background-position: 0 -72px;
  -webkit-mask-position: 0 -72px;
  -moz-mask-position: 0 -72px;
  -ms-mask-position: 0 -72px;
  -o-mask-position: 0 -72px;
  mask-position: 0 -72px;
}
.course-status.closed:before {
  background-position: -24px -72px;
  -webkit-mask-position: -24px -72px;
  -moz-mask-position: -24px -72px;
  -ms-mask-position: -24px -72px;
  -o-mask-position: -24px -72px;
  mask-position: -24px -72px;
}
.course-status.passed:before {
  background-position: -48px -72px;
  -webkit-mask-position: -48px -72px;
  -moz-mask-position: -48px -72px;
  -ms-mask-position: -48px -72px;
  -o-mask-position: -48px -72px;
  mask-position: -48px -72px;
}
.featured:before {
  background-position: 0 -96px;
  -webkit-mask-position: 0 -96px;
  -moz-mask-position: 0 -96px;
  -ms-mask-position: 0 -96px;
  -o-mask-position: 0 -96px;
  mask-position: 0 -96px;
}
.new:before {
  background-position: -24px -96px;
  -webkit-mask-position: -24px -96px;
  -moz-mask-position: -24px -96px;
  -ms-mask-position: -24px -96px;
  -o-mask-position: -24px -96px;
  mask-position: -24px -96px;
}
.coupon:before {
  background-position: -48px -96px;
  -webkit-mask-position: -48px -96px;
  -moz-mask-position: -48px -96px;
  -ms-mask-position: -48px -96px;
  -o-mask-position: -48px -96px;
  mask-position: -48px -96px;
}
.specialOffer:before {
  background-position: 0px -120px;
  -webkit-mask-position: 0px -120px;
  -moz-mask-position: 0px -120px;
  -ms-mask-position: 0px -120px;
  -o-mask-position: 0px -120px;
  mask-position: 0px -120px;
}
.myCoursesLegend > div > div + div {
  margin-top: 0.5em;
}
.message-bar button.remove {
  bottom: 12px;
  right: 12px;
}
.message-bar button.remove,
.message-bar button.remove.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.message-bar button.remove:before,
.message-bar button.remove.button.button:not(a):not(label):not(input):before,
.message-bar button.remove:after,
.message-bar button.remove.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-bar button.remove:before,
.no-mask-image .message-bar button.remove.button.button:not(a):not(label):not(input):before,
.no-mask-image .message-bar button.remove:after,
.no-mask-image .message-bar button.remove.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-bar button.remove.button-flat,
.message-bar button.remove.flat,
.message-bar button.remove.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.message-bar button.remove.button-flat:before,
.message-bar button.remove.flat:before,
.message-bar button.remove.button.button-flat:not(a):not(label):not(input):before,
.message-bar button.remove.button-flat:after,
.message-bar button.remove.flat:after,
.message-bar button.remove.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-bar button.remove.button-flat:before,
.no-mask-image .message-bar button.remove.flat:before,
.no-mask-image .message-bar button.remove.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .message-bar button.remove.button-flat:after,
.no-mask-image .message-bar button.remove.flat:after,
.no-mask-image .message-bar button.remove.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-bar button.remove:hover,
.message-bar button.remove.hover,
.message-bar button.remove:focus,
.message-bar button.remove.focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.message-bar button.remove:hover:before,
.message-bar button.remove.hover:before,
.message-bar button.remove:focus:before,
.message-bar button.remove.focus:before,
.message-bar button.remove:hover:after,
.message-bar button.remove.hover:after,
.message-bar button.remove:focus:after,
.message-bar button.remove.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-bar button.remove:hover:before,
.no-mask-image .message-bar button.remove.hover:before,
.no-mask-image .message-bar button.remove:focus:before,
.no-mask-image .message-bar button.remove.focus:before,
.no-mask-image .message-bar button.remove:hover:after,
.no-mask-image .message-bar button.remove.hover:after,
.no-mask-image .message-bar button.remove:focus:after,
.no-mask-image .message-bar button.remove.focus:after {
  background-color: transparent;
}
.message-bar button.remove:hover:active,
.message-bar button.remove.hover:active,
.message-bar button.remove.active:hover,
.message-bar button.remove.active.hover,
.message-bar button.remove.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.message-bar button.remove:hover:active:before,
.message-bar button.remove.hover:active:before,
.message-bar button.remove.active:hover:before,
.message-bar button.remove.active.hover:before,
.message-bar button.remove.button:not(a):not(label):not(input):before,
.message-bar button.remove:hover:active:after,
.message-bar button.remove.hover:active:after,
.message-bar button.remove.active:hover:after,
.message-bar button.remove.active.hover:after,
.message-bar button.remove.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-bar button.remove:hover:active:before,
.no-mask-image .message-bar button.remove.hover:active:before,
.no-mask-image .message-bar button.remove.active:hover:before,
.no-mask-image .message-bar button.remove.active.hover:before,
.no-mask-image .message-bar button.remove.button:not(a):not(label):not(input):before,
.no-mask-image .message-bar button.remove:hover:active:after,
.no-mask-image .message-bar button.remove.hover:active:after,
.no-mask-image .message-bar button.remove.active:hover:after,
.no-mask-image .message-bar button.remove.active.hover:after,
.no-mask-image .message-bar button.remove.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-error button.remove,
.message-error button.remove.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.message-error button.remove:before,
.message-error button.remove.button.button:not(a):not(label):not(input):before,
.message-error button.remove:after,
.message-error button.remove.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-error button.remove:before,
.no-mask-image .message-error button.remove.button.button:not(a):not(label):not(input):before,
.no-mask-image .message-error button.remove:after,
.no-mask-image .message-error button.remove.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-error button.remove.button-flat,
.message-error button.remove.flat,
.message-error button.remove.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.message-error button.remove.button-flat:before,
.message-error button.remove.flat:before,
.message-error button.remove.button.button-flat:not(a):not(label):not(input):before,
.message-error button.remove.button-flat:after,
.message-error button.remove.flat:after,
.message-error button.remove.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-error button.remove.button-flat:before,
.no-mask-image .message-error button.remove.flat:before,
.no-mask-image .message-error button.remove.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .message-error button.remove.button-flat:after,
.no-mask-image .message-error button.remove.flat:after,
.no-mask-image .message-error button.remove.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-error button.remove:hover,
.message-error button.remove.hover,
.message-error button.remove:focus,
.message-error button.remove.focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.message-error button.remove:hover:before,
.message-error button.remove.hover:before,
.message-error button.remove:focus:before,
.message-error button.remove.focus:before,
.message-error button.remove:hover:after,
.message-error button.remove.hover:after,
.message-error button.remove:focus:after,
.message-error button.remove.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-error button.remove:hover:before,
.no-mask-image .message-error button.remove.hover:before,
.no-mask-image .message-error button.remove:focus:before,
.no-mask-image .message-error button.remove.focus:before,
.no-mask-image .message-error button.remove:hover:after,
.no-mask-image .message-error button.remove.hover:after,
.no-mask-image .message-error button.remove:focus:after,
.no-mask-image .message-error button.remove.focus:after {
  background-color: transparent;
}
.message-error button.remove:hover:active,
.message-error button.remove.hover:active,
.message-error button.remove.active:hover,
.message-error button.remove.active.hover,
.message-error button.remove.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.message-error button.remove:hover:active:before,
.message-error button.remove.hover:active:before,
.message-error button.remove.active:hover:before,
.message-error button.remove.active.hover:before,
.message-error button.remove.button:not(a):not(label):not(input):before,
.message-error button.remove:hover:active:after,
.message-error button.remove.hover:active:after,
.message-error button.remove.active:hover:after,
.message-error button.remove.active.hover:after,
.message-error button.remove.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .message-error button.remove:hover:active:before,
.no-mask-image .message-error button.remove.hover:active:before,
.no-mask-image .message-error button.remove.active:hover:before,
.no-mask-image .message-error button.remove.active.hover:before,
.no-mask-image .message-error button.remove.button:not(a):not(label):not(input):before,
.no-mask-image .message-error button.remove:hover:active:after,
.no-mask-image .message-error button.remove.hover:active:after,
.no-mask-image .message-error button.remove.active:hover:after,
.no-mask-image .message-error button.remove.active.hover:after,
.no-mask-image .message-error button.remove.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.message-busy .throbber {
  margin-top: 0;
  margin-bottom: 0;
}
.message-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 18px 0px;
  padding: 1.8rem 0rem;
}
.license-header > header > div {
  max-width: none;
  padding-left: 16px;
}
.license-header > header > div > a > img {
  height: 56px !important;
}
.license-page {
  padding-top: 56px;
}
.license-body {
  padding: 16px;
}
a,
b,
strong {
  line-height: 1.125;
}
@media (min-width: 600px) {
  .columns {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
  }
  .columns .list {
    display: inline-block;
    margin: 0 0 1em;
  }
}
.flex-columns {
  display: flex;
  align-items: start;
}
.flex-columns > * {
  flex: 1;
}
.flex-columns > * + * {
  margin-left: 1em;
}
@media (max-width: 767px) {
  .flex-columns {
    flex-direction: column;
  }
  .flex-columns > * + * {
    margin-left: 0;
    margin-top: 1em;
  }
}
.grid-columns,
.grid-columns-2 {
  display: grid;
}
.no-grid .grid-columns {
  display: flex;
  flex-wrap: wrap;
}
.no-grid .grid-columns > * {
  flex: 1;
}
.grid-columns-2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1em) / 2), auto));
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.no-grid .grid-columns-2 {
  margin-right: -1em;
  margin-bottom: -1em;
}
.no-grid .grid-columns-2 > * {
  min-width: calc((100% - 2em) / 2);
  margin: 0 1em 1em 0;
}
@media print {
  header,
  footer,
  #privatelabel {
    display: none;
  }
  main {
    border: 0;
  }
}
@media (max-width: 1023px) {
  #students tr,
  #myCoursesList tr,
  #employeeLicenses .sort tr {
    display: flex;
    flex-wrap: wrap;
  }
  #students tr > *,
  #myCoursesList tr > *,
  #employeeLicenses .sort tr > * {
    width: auto;
  }
  #students tr > th.checkbox,
  #myCoursesList tr > th.checkbox,
  #employeeLicenses .sort tr > th.checkbox {
    padding: 6px 10px;
  }
  #students tr > td.checkbox,
  #myCoursesList tr > td.checkbox,
  #employeeLicenses .sort tr > td.checkbox {
    padding: 10px;
  }
  #students tr > td:empty,
  #myCoursesList tr > td:empty,
  #employeeLicenses .sort tr > td:empty {
    display: none;
  }
  #students tr > .stretch,
  #myCoursesList tr > .stretch,
  #employeeLicenses .sort tr > .stretch,
  #students tr > :last-child,
  #myCoursesList tr > :last-child,
  #employeeLicenses .sort tr > :last-child {
    flex-grow: 1;
  }
  #students tbody > tr > td,
  #myCoursesList tbody > tr > td,
  #employeeLicenses .sort tbody > tr > td {
    padding-right: 0;
  }
  #students tbody > tr > .icon + .detail,
  #myCoursesList tbody > tr > .icon + .detail,
  #employeeLicenses .sort tbody > tr > .icon + .detail {
    padding-left: 6px;
  }
  #students tr > td:first-child,
  #myCoursesList tr > td:first-child,
  #employeeLicenses .sort tr > td:first-child,
  #students tr > .checkbox:first-child + td,
  #myCoursesList tr > .checkbox:first-child + td,
  #employeeLicenses .sort tr > .checkbox:first-child + td {
    border: 0;
  }
  #students tr > :not(.checkbox):first-child,
  #myCoursesList tr > :not(.checkbox):first-child,
  #employeeLicenses .sort tr > :not(.checkbox):first-child {
    width: 100%;
  }
  #students tr > .checkbox:first-child + *,
  #myCoursesList tr > .checkbox:first-child + *,
  #employeeLicenses .sort tr > .checkbox:first-child + * {
    width: calc(100% - 40px);
  }
  #students tr > :not(.checkbox):first-child + *,
  #myCoursesList tr > :not(.checkbox):first-child + *,
  #employeeLicenses .sort tr > :not(.checkbox):first-child + *,
  #students tr > .checkbox:first-child + * + *,
  #myCoursesList tr > .checkbox:first-child + * + *,
  #employeeLicenses .sort tr > .checkbox:first-child + * + * {
    border-left: 0;
  }
  #students tbody > tr > td:last-child,
  #myCoursesList tbody > tr > td:last-child,
  #employeeLicenses .sort tbody > tr > td:last-child {
    flex-grow: 1;
    text-align: right;
  }
}
@media (max-width: 479px) {
  #students td.detail,
  #myCoursesList td.detail,
  #employeeLicenses .sort td.detail {
    display: none;
  }
}
@media (max-width: 639px) {
  #orders tr,
  #files tr,
  #productLicenses .sort tr,
  #groupLicenses .sort tr {
    display: flex;
    flex-wrap: wrap;
  }
  #orders tr > *,
  #files tr > *,
  #productLicenses .sort tr > *,
  #groupLicenses .sort tr > * {
    width: auto;
  }
  #orders tr > th.checkbox,
  #files tr > th.checkbox,
  #productLicenses .sort tr > th.checkbox,
  #groupLicenses .sort tr > th.checkbox {
    padding: 6px 10px;
  }
  #orders tr > td.checkbox,
  #files tr > td.checkbox,
  #productLicenses .sort tr > td.checkbox,
  #groupLicenses .sort tr > td.checkbox {
    padding: 10px;
  }
  #orders tr > td:empty,
  #files tr > td:empty,
  #productLicenses .sort tr > td:empty,
  #groupLicenses .sort tr > td:empty {
    display: none;
  }
  #orders tr > .stretch,
  #files tr > .stretch,
  #productLicenses .sort tr > .stretch,
  #groupLicenses .sort tr > .stretch,
  #orders tr > :last-child,
  #files tr > :last-child,
  #productLicenses .sort tr > :last-child,
  #groupLicenses .sort tr > :last-child {
    flex-grow: 1;
  }
  #orders tbody > tr > td,
  #files tbody > tr > td,
  #productLicenses .sort tbody > tr > td,
  #groupLicenses .sort tbody > tr > td {
    padding-right: 0;
  }
  #orders tbody > tr > .icon + .detail,
  #files tbody > tr > .icon + .detail,
  #productLicenses .sort tbody > tr > .icon + .detail,
  #groupLicenses .sort tbody > tr > .icon + .detail {
    padding-left: 6px;
  }
  #orders tr > td:first-child,
  #files tr > td:first-child,
  #productLicenses .sort tr > td:first-child,
  #groupLicenses .sort tr > td:first-child,
  #orders tr > .checkbox:first-child + td,
  #files tr > .checkbox:first-child + td,
  #productLicenses .sort tr > .checkbox:first-child + td,
  #groupLicenses .sort tr > .checkbox:first-child + td {
    border: 0;
  }
  #orders tr > :not(.checkbox):first-child,
  #files tr > :not(.checkbox):first-child,
  #productLicenses .sort tr > :not(.checkbox):first-child,
  #groupLicenses .sort tr > :not(.checkbox):first-child {
    width: 100%;
  }
  #orders tr > .checkbox:first-child + *,
  #files tr > .checkbox:first-child + *,
  #productLicenses .sort tr > .checkbox:first-child + *,
  #groupLicenses .sort tr > .checkbox:first-child + * {
    width: calc(100% - 40px);
  }
  #orders tr > :not(.checkbox):first-child + *,
  #files tr > :not(.checkbox):first-child + *,
  #productLicenses .sort tr > :not(.checkbox):first-child + *,
  #groupLicenses .sort tr > :not(.checkbox):first-child + *,
  #orders tr > .checkbox:first-child + * + *,
  #files tr > .checkbox:first-child + * + *,
  #productLicenses .sort tr > .checkbox:first-child + * + *,
  #groupLicenses .sort tr > .checkbox:first-child + * + * {
    border-left: 0;
  }
  #orders tbody > tr > td:last-child,
  #files tbody > tr > td:last-child,
  #productLicenses .sort tbody > tr > td:last-child,
  #groupLicenses .sort tbody > tr > td:last-child {
    flex-grow: 1;
    text-align: right;
  }
}
@media (max-width: 479px) {
  #orders td.detail,
  #files td.detail,
  #productLicenses .sort td.detail,
  #groupLicenses .sort td.detail {
    display: none;
  }
}
@media (max-width: 1023px) {
  #students tr > td:not(:last-child) {
    border: 0;
  }
  #students tr > td.student-email {
    width: 100%;
  }
  #students tr > td.student-expiration_date {
    padding-left: 12px;
  }
  #students tr > td:last-child {
    width: 100%;
    text-align: right !important;
  }
}
#myCoursesList td.buttons div {
  display: flex;
  justify-content: flex-end;
  margin: -6px 0;
}
#myCoursesList td.buttons div .play,
#myCoursesList td.buttons div .button-locked {
  margin-right: auto;
}
#myCoursesList td.buttons div button:only-child {
  width: auto;
}
@media (max-width: 1023px) {
  #myCoursesList tbody > tr > td:empty {
    display: block;
  }
  #myCoursesList tbody > tr > td:not(.buttons) {
    padding-right: 6px;
  }
  #myCoursesList tbody > tr > td:first-child {
    padding-bottom: 0;
  }
  #myCoursesList tbody > tr > td:nth-child(6) {
    flex-grow: 1;
  }
  #myCoursesList tbody > tr > td:last-child {
    flex-grow: 0;
  }
  #myCoursesList tbody > tr > td.buttons:empty {
    width: 33px;
  }
  #myCoursesList tbody > tr > td.buttons button {
    width: 32px;
  }
  #myCoursesList th.shrink,
  #myCoursesList td.detail {
    width: 98px;
  }
}
@media (max-width: 479px) {
  #myCoursesList th.shrink {
    display: none;
  }
  #myCoursesList td.detail {
    display: block;
    width: auto;
    font-size: 0;
  }
}
nav menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav menu > form,
nav menu > div {
  display: block;
  padding: 0 16px;
}
nav menu > p {
  margin: 16px;
}
nav menu.top {
  min-width: 0;
}
nav menu.top > menuitem menu {
  -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
}
nav menuitem {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: z-index 0s 0.3s;
  -moz-transition: z-index 0s 0.3s;
  transition: z-index 0s 0.3s;
}
nav menuitem > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  line-height: 28px;
  white-space: nowrap;
  cursor: default;
  text-decoration: none !important;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
nav menuitem > a:before,
nav menuitem > a:after {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  -webkit-mask-image: url(/images/webshop/button-icons-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-mask.svg);
  mask-image: url(/images/webshop/button-icons-mask.svg);
  background-color: #333;
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/333333/images/webshop/button-icons-mask.svg), none;
  content: none;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.no-mask-image nav menuitem > a:before,
.no-mask-image nav menuitem > a:after {
  background-color: transparent;
}
.mask-image nav menuitem > a:before,
.mask-image nav menuitem > a:after {
  background-image: none;
}
nav menuitem > a:not(:last-child):after {
  content: '';
  width: 14px;
  height: 14px;
  margin: 0 -4px 0 8px;
  background-position: -14px -40px;
  -webkit-mask-position: -14px -40px;
  -moz-mask-position: -14px -40px;
  -ms-mask-position: -14px -40px;
  -o-mask-position: -14px -40px;
  mask-position: -14px -40px;
}
nav menuitem > a[href] {
  width: 100%;
  cursor: pointer;
}
nav menuitem > a[data-count]:after {
  content: attr(data-count);
  margin: 0 0 0 16px;
  background: none !important;
  -webkit-mask-image: none !important;
  -moz-mask-image: none !important;
  -ms-mask-image: none !important;
  -o-mask-image: none !important;
  mask-image: none !important;
  width: auto;
  height: auto;
}
nav menuitem > a[disabled] {
  pointer-events: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  opacity: 0.2;
  background: none !important;
  mask-image: none !important;
}
nav menuitem > b {
  display: block;
  padding: 0 16px;
  line-height: 28px;
  white-space: nowrap;
}
nav menuitem > div {
  padding: 0 16px;
}
nav menuitem + menuitem .button {
  margin-top: 16px;
}
nav menuitem > menu {
  position: absolute;
  left: -10000px;
  top: -10000px;
  z-index: 10;
  margin: 0;
  padding: 16px 0;
  min-width: 200px;
  background: #4d4d4d;
  opacity: 0;
  overflow: visible;
  -webkit-transition: opacity 0.3s, top 0s 0.3s, left 0s 0.3s, transform 0s 0.3s;
  -moz-transition: opacity 0.3s, top 0s 0.3s, left 0s 0.3s, transform 0s 0.3s;
  transition: opacity 0.3s, top 0s 0.3s, left 0s 0.3s, transform 0s 0.3s;
}
nav menuitem > menu > div {
  margin: 16px 0;
}
nav menuitem > menu > div .product {
  margin: 0;
}
nav menuitem.open,
nav menuitem.focus {
  z-index: 2;
}
nav menuitem:hover {
  z-index: 3;
}
nav menuitem:hover > a,
nav menuitem.open > a,
nav menuitem.focus > a,
nav menuitem > a:focus,
nav menuitem > a.focus {
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
nav menuitem:hover > a:before,
nav menuitem.open > a:before,
nav menuitem.focus > a:before,
nav menuitem > a:focus:before,
nav menuitem > a.focus:before,
nav menuitem:hover > a:after,
nav menuitem.open > a:after,
nav menuitem.focus > a:after,
nav menuitem > a:focus:after,
nav menuitem > a.focus:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
nav menuitem:hover > menu,
nav menuitem.open > menu,
nav menuitem.focus > menu,
nav menuitem > a:focus + menu,
nav menuitem > a.focus + menu {
  left: 100%;
  top: -16px;
  opacity: 1;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}
nav menuitem.overflow > a:before {
  content: '';
  margin-right: 8px;
}
nav menuitem.overflow > a:empty:before {
  margin-right: 0;
}
nav menuitem.overflow > a:after {
  content: none;
}
nav hr {
  margin: 16px;
}
nav .button {
  text-align: center;
  width: 100%;
  background-color: #ccc;
}
nav .button,
nav .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
nav .button:before,
nav .button.button.button:not(a):not(label):not(input):before,
nav .button:after,
nav .button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button:before,
.no-mask-image nav .button.button.button:not(a):not(label):not(input):before,
.no-mask-image nav .button:after,
.no-mask-image nav .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav .button.button-flat,
nav .button.flat,
nav .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
nav .button.button-flat:before,
nav .button.flat:before,
nav .button.button.button-flat:not(a):not(label):not(input):before,
nav .button.button-flat:after,
nav .button.flat:after,
nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button.button-flat:before,
.no-mask-image nav .button.flat:before,
.no-mask-image nav .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image nav .button.button-flat:after,
.no-mask-image nav .button.flat:after,
.no-mask-image nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav .button:hover,
nav .button.hover,
nav .button:focus,
nav .button.focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
nav .button:hover:before,
nav .button.hover:before,
nav .button:focus:before,
nav .button.focus:before,
nav .button:hover:after,
nav .button.hover:after,
nav .button:focus:after,
nav .button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button:hover:before,
.no-mask-image nav .button.hover:before,
.no-mask-image nav .button:focus:before,
.no-mask-image nav .button.focus:before,
.no-mask-image nav .button:hover:after,
.no-mask-image nav .button.hover:after,
.no-mask-image nav .button:focus:after,
.no-mask-image nav .button.focus:after {
  background-color: transparent;
}
nav .button:hover:active,
nav .button.hover:active,
nav .button.active:hover,
nav .button.active.hover,
nav .button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
nav .button:hover:active:before,
nav .button.hover:active:before,
nav .button.active:hover:before,
nav .button.active.hover:before,
nav .button.button:not(a):not(label):not(input):before,
nav .button:hover:active:after,
nav .button.hover:active:after,
nav .button.active:hover:after,
nav .button.active.hover:after,
nav .button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button:hover:active:before,
.no-mask-image nav .button.hover:active:before,
.no-mask-image nav .button.active:hover:before,
.no-mask-image nav .button.active.hover:before,
.no-mask-image nav .button.button:not(a):not(label):not(input):before,
.no-mask-image nav .button:hover:active:after,
.no-mask-image nav .button.hover:active:after,
.no-mask-image nav .button.active:hover:after,
.no-mask-image nav .button.active.hover:after,
.no-mask-image nav .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav .button-action,
nav .button-action.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
nav .button-action:before,
nav .button-action.button.button:not(a):not(label):not(input):before,
nav .button-action:after,
nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button-action:before,
.no-mask-image nav .button-action.button.button:not(a):not(label):not(input):before,
.no-mask-image nav .button-action:after,
.no-mask-image nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav .button-action.button-flat,
nav .button-action.flat,
nav .button-action.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
nav .button-action.button-flat:before,
nav .button-action.flat:before,
nav .button-action.button.button-flat:not(a):not(label):not(input):before,
nav .button-action.button-flat:after,
nav .button-action.flat:after,
nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button-action.button-flat:before,
.no-mask-image nav .button-action.flat:before,
.no-mask-image nav .button-action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image nav .button-action.button-flat:after,
.no-mask-image nav .button-action.flat:after,
.no-mask-image nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav .button-action:hover,
nav .button-action.hover,
nav .button-action:focus,
nav .button-action.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
nav .button-action:hover:before,
nav .button-action.hover:before,
nav .button-action:focus:before,
nav .button-action.focus:before,
nav .button-action:hover:after,
nav .button-action.hover:after,
nav .button-action:focus:after,
nav .button-action.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button-action:hover:before,
.no-mask-image nav .button-action.hover:before,
.no-mask-image nav .button-action:focus:before,
.no-mask-image nav .button-action.focus:before,
.no-mask-image nav .button-action:hover:after,
.no-mask-image nav .button-action.hover:after,
.no-mask-image nav .button-action:focus:after,
.no-mask-image nav .button-action.focus:after {
  background-color: transparent;
}
nav .button-action:hover:active,
nav .button-action.hover:active,
nav .button-action.active:hover,
nav .button-action.active.hover,
nav .button-action.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
nav .button-action:hover:active:before,
nav .button-action.hover:active:before,
nav .button-action.active:hover:before,
nav .button-action.active.hover:before,
nav .button-action.button:not(a):not(label):not(input):before,
nav .button-action:hover:active:after,
nav .button-action.hover:active:after,
nav .button-action.active:hover:after,
nav .button-action.active.hover:after,
nav .button-action.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image nav .button-action:hover:active:before,
.no-mask-image nav .button-action.hover:active:before,
.no-mask-image nav .button-action.active:hover:before,
.no-mask-image nav .button-action.active.hover:before,
.no-mask-image nav .button-action.button:not(a):not(label):not(input):before,
.no-mask-image nav .button-action:hover:active:after,
.no-mask-image nav .button-action.hover:active:after,
.no-mask-image nav .button-action.active:hover:after,
.no-mask-image nav .button-action.active.hover:after,
.no-mask-image nav .button-action.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
nav input,
nav input:hover,
nav .coz-input:hover > input,
nav .coz-input-search:hover > .coz-input > input {
  border-color: transparent;
}
nav input:focus,
nav .coz-input-search:hover > .coz-input > input:focus {
  border-color: #f96302;
}
#account_menu menuitem.overflow > a:before {
  background-position: -298px -20px;
  -webkit-mask-position: -298px -20px;
  -moz-mask-position: -298px -20px;
  -ms-mask-position: -298px -20px;
  -o-mask-position: -298px -20px;
  mask-position: -298px -20px;
}
#account_menu.notloggedin menuitem.overflow > a:before {
  background-position: -358px -20px;
  -webkit-mask-position: -358px -20px;
  -moz-mask-position: -358px -20px;
  -ms-mask-position: -358px -20px;
  -o-mask-position: -358px -20px;
  mask-position: -358px -20px;
}
#navigation_menu menuitem.overflow > a:before {
  background-position: -198px -20px;
  -webkit-mask-position: -198px -20px;
  -moz-mask-position: -198px -20px;
  -ms-mask-position: -198px -20px;
  -o-mask-position: -198px -20px;
  mask-position: -198px -20px;
}
#help_menu menuitem.overflow > a:before {
  background-position: -338px -20px;
  -webkit-mask-position: -338px -20px;
  -moz-mask-position: -338px -20px;
  -ms-mask-position: -338px -20px;
  -o-mask-position: -338px -20px;
  mask-position: -338px -20px;
}
#cart_menu menuitem.overflow > a:before {
  background-position: -318px -20px;
  -webkit-mask-position: -318px -20px;
  -moz-mask-position: -318px -20px;
  -ms-mask-position: -318px -20px;
  -o-mask-position: -318px -20px;
  mask-position: -318px -20px;
}
#explore_menu menuitem.overflow > a:before {
  background-position: -40px 0;
  -webkit-mask-position: -40px 0;
  -moz-mask-position: -40px 0;
  -ms-mask-position: -40px 0;
  -o-mask-position: -40px 0;
  mask-position: -40px 0;
}
nav > :first-child {
  margin-left: auto;
}
#explore_menu,
#course_navigation_menu {
  margin-left: 0;
  margin-right: auto;
}
#explore_menu > menuitem:before,
#course_navigation_menu > menuitem:before {
  content: '';
  position: absolute;
  border: 0 solid transparent;
  border-width: 28px 7.502577388071435px;
  z-index: 3;
  border-color: #4d4d4d transparent transparent #4d4d4d;
  pointer-events: none;
}
header > div > nav {
  background: #333333;
}
header > div > nav menuitem > a,
header > div > nav menuitem > a[href],
header > div > nav menuitem > b,
header > div > nav menuitem > div {
  color: #fff;
}
header > div > nav menuitem > a:before,
header > div > nav menuitem > a:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav menuitem > a:before,
.no-mask-image header > div > nav menuitem > a:after {
  background-color: transparent;
}
header > div > nav menuitem > a[href]:hover,
header > div > nav menuitem > a[href]:focus {
  background-color: #f96302;
  color: #fff;
}
header > div > nav menuitem > a[href]:hover:before,
header > div > nav menuitem > a[href]:focus:before,
header > div > nav menuitem > a[href]:hover:after,
header > div > nav menuitem > a[href]:focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav menuitem > a[href]:hover:before,
.no-mask-image header > div > nav menuitem > a[href]:focus:before,
.no-mask-image header > div > nav menuitem > a[href]:hover:after,
.no-mask-image header > div > nav menuitem > a[href]:focus:after {
  background-color: transparent;
}
header > div > nav menuitem:hover > a,
header > div > nav menuitem.open > a,
header > div > nav menuitem.focus > a,
header > div > nav menuitem > a:focus,
header > div > nav menuitem > a.focus {
  color: #fff;
  background-color: #5c5c5c;
}
header > div > nav menu > div {
  color: #fff;
}
header > div > nav hr {
  border-color: #fff;
}
header > div > nav .button,
header > div > nav .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
header > div > nav .button:before,
header > div > nav .button.button.button:not(a):not(label):not(input):before,
header > div > nav .button:after,
header > div > nav .button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button:before,
.no-mask-image header > div > nav .button.button.button:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button:after,
.no-mask-image header > div > nav .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
header > div > nav .button.button-flat,
header > div > nav .button.flat,
header > div > nav .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
header > div > nav .button.button-flat:before,
header > div > nav .button.flat:before,
header > div > nav .button.button.button-flat:not(a):not(label):not(input):before,
header > div > nav .button.button-flat:after,
header > div > nav .button.flat:after,
header > div > nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button.button-flat:before,
.no-mask-image header > div > nav .button.flat:before,
.no-mask-image header > div > nav .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button.button-flat:after,
.no-mask-image header > div > nav .button.flat:after,
.no-mask-image header > div > nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
header > div > nav .button:hover,
header > div > nav .button.hover,
header > div > nav .button:focus,
header > div > nav .button.focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
header > div > nav .button:hover:before,
header > div > nav .button.hover:before,
header > div > nav .button:focus:before,
header > div > nav .button.focus:before,
header > div > nav .button:hover:after,
header > div > nav .button.hover:after,
header > div > nav .button:focus:after,
header > div > nav .button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button:hover:before,
.no-mask-image header > div > nav .button.hover:before,
.no-mask-image header > div > nav .button:focus:before,
.no-mask-image header > div > nav .button.focus:before,
.no-mask-image header > div > nav .button:hover:after,
.no-mask-image header > div > nav .button.hover:after,
.no-mask-image header > div > nav .button:focus:after,
.no-mask-image header > div > nav .button.focus:after {
  background-color: transparent;
}
header > div > nav .button:hover:active,
header > div > nav .button.hover:active,
header > div > nav .button.active:hover,
header > div > nav .button.active.hover,
header > div > nav .button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
header > div > nav .button:hover:active:before,
header > div > nav .button.hover:active:before,
header > div > nav .button.active:hover:before,
header > div > nav .button.active.hover:before,
header > div > nav .button.button:not(a):not(label):not(input):before,
header > div > nav .button:hover:active:after,
header > div > nav .button.hover:active:after,
header > div > nav .button.active:hover:after,
header > div > nav .button.active.hover:after,
header > div > nav .button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button:hover:active:before,
.no-mask-image header > div > nav .button.hover:active:before,
.no-mask-image header > div > nav .button.active:hover:before,
.no-mask-image header > div > nav .button.active.hover:before,
.no-mask-image header > div > nav .button.button:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button:hover:active:after,
.no-mask-image header > div > nav .button.hover:active:after,
.no-mask-image header > div > nav .button.active:hover:after,
.no-mask-image header > div > nav .button.active.hover:after,
.no-mask-image header > div > nav .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
header > div > nav .button-action,
header > div > nav .button-action.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
header > div > nav .button-action:before,
header > div > nav .button-action.button.button:not(a):not(label):not(input):before,
header > div > nav .button-action:after,
header > div > nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button-action:before,
.no-mask-image header > div > nav .button-action.button.button:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button-action:after,
.no-mask-image header > div > nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
header > div > nav .button-action.button-flat,
header > div > nav .button-action.flat,
header > div > nav .button-action.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
header > div > nav .button-action.button-flat:before,
header > div > nav .button-action.flat:before,
header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):before,
header > div > nav .button-action.button-flat:after,
header > div > nav .button-action.flat:after,
header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button-action.button-flat:before,
.no-mask-image header > div > nav .button-action.flat:before,
.no-mask-image header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button-action.button-flat:after,
.no-mask-image header > div > nav .button-action.flat:after,
.no-mask-image header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
header > div > nav .button-action:hover,
header > div > nav .button-action.hover,
header > div > nav .button-action:focus,
header > div > nav .button-action.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
header > div > nav .button-action:hover:before,
header > div > nav .button-action.hover:before,
header > div > nav .button-action:focus:before,
header > div > nav .button-action.focus:before,
header > div > nav .button-action:hover:after,
header > div > nav .button-action.hover:after,
header > div > nav .button-action:focus:after,
header > div > nav .button-action.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button-action:hover:before,
.no-mask-image header > div > nav .button-action.hover:before,
.no-mask-image header > div > nav .button-action:focus:before,
.no-mask-image header > div > nav .button-action.focus:before,
.no-mask-image header > div > nav .button-action:hover:after,
.no-mask-image header > div > nav .button-action.hover:after,
.no-mask-image header > div > nav .button-action:focus:after,
.no-mask-image header > div > nav .button-action.focus:after {
  background-color: transparent;
}
header > div > nav .button-action:hover:active,
header > div > nav .button-action.hover:active,
header > div > nav .button-action.active:hover,
header > div > nav .button-action.active.hover,
header > div > nav .button-action.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
header > div > nav .button-action:hover:active:before,
header > div > nav .button-action.hover:active:before,
header > div > nav .button-action.active:hover:before,
header > div > nav .button-action.active.hover:before,
header > div > nav .button-action.button:not(a):not(label):not(input):before,
header > div > nav .button-action:hover:active:after,
header > div > nav .button-action.hover:active:after,
header > div > nav .button-action.active:hover:after,
header > div > nav .button-action.active.hover:after,
header > div > nav .button-action.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image header > div > nav .button-action:hover:active:before,
.no-mask-image header > div > nav .button-action.hover:active:before,
.no-mask-image header > div > nav .button-action.active:hover:before,
.no-mask-image header > div > nav .button-action.active.hover:before,
.no-mask-image header > div > nav .button-action.button:not(a):not(label):not(input):before,
.no-mask-image header > div > nav .button-action:hover:active:after,
.no-mask-image header > div > nav .button-action.hover:active:after,
.no-mask-image header > div > nav .button-action.active:hover:after,
.no-mask-image header > div > nav .button-action.active.hover:after,
.no-mask-image header > div > nav .button-action.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav {
  background: #333333;
}
.courseViewer > header > div > nav menuitem > a,
.courseViewer > header > div > nav menuitem > a[href],
.courseViewer > header > div > nav menuitem > b,
.courseViewer > header > div > nav menuitem > div {
  color: #fff;
}
.courseViewer > header > div > nav menuitem > a:before,
.courseViewer > header > div > nav menuitem > a:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav menuitem > a:before,
.no-mask-image .courseViewer > header > div > nav menuitem > a:after {
  background-color: transparent;
}
.courseViewer > header > div > nav menuitem > a[href]:hover,
.courseViewer > header > div > nav menuitem > a[href]:focus {
  background-color: #f96302;
  color: #fff;
}
.courseViewer > header > div > nav menuitem > a[href]:hover:before,
.courseViewer > header > div > nav menuitem > a[href]:focus:before,
.courseViewer > header > div > nav menuitem > a[href]:hover:after,
.courseViewer > header > div > nav menuitem > a[href]:focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav menuitem > a[href]:hover:before,
.no-mask-image .courseViewer > header > div > nav menuitem > a[href]:focus:before,
.no-mask-image .courseViewer > header > div > nav menuitem > a[href]:hover:after,
.no-mask-image .courseViewer > header > div > nav menuitem > a[href]:focus:after {
  background-color: transparent;
}
.courseViewer > header > div > nav menuitem:hover > a,
.courseViewer > header > div > nav menuitem.open > a,
.courseViewer > header > div > nav menuitem.focus > a,
.courseViewer > header > div > nav menuitem > a:focus,
.courseViewer > header > div > nav menuitem > a.focus {
  color: #fff;
  background-color: #5c5c5c;
}
.courseViewer > header > div > nav menu > div {
  color: #fff;
}
.courseViewer > header > div > nav hr {
  border-color: #fff;
}
.courseViewer > header > div > nav .button,
.courseViewer > header > div > nav .button.button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(0, 0, 0, 0.8);
}
.courseViewer > header > div > nav .button:before,
.courseViewer > header > div > nav .button.button.button:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button:after,
.courseViewer > header > div > nav .button.button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button:before,
.no-mask-image .courseViewer > header > div > nav .button.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button:after,
.no-mask-image .courseViewer > header > div > nav .button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button.button-flat,
.courseViewer > header > div > nav .button.flat,
.courseViewer > header > div > nav .button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.courseViewer > header > div > nav .button.button-flat:before,
.courseViewer > header > div > nav .button.flat:before,
.courseViewer > header > div > nav .button.button.button-flat:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button.button-flat:after,
.courseViewer > header > div > nav .button.flat:after,
.courseViewer > header > div > nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button.button-flat:before,
.no-mask-image .courseViewer > header > div > nav .button.flat:before,
.no-mask-image .courseViewer > header > div > nav .button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button.button-flat:after,
.no-mask-image .courseViewer > header > div > nav .button.flat:after,
.no-mask-image .courseViewer > header > div > nav .button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button:hover,
.courseViewer > header > div > nav .button.hover,
.courseViewer > header > div > nav .button:focus,
.courseViewer > header > div > nav .button.focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.8);
}
.courseViewer > header > div > nav .button:hover:before,
.courseViewer > header > div > nav .button.hover:before,
.courseViewer > header > div > nav .button:focus:before,
.courseViewer > header > div > nav .button.focus:before,
.courseViewer > header > div > nav .button:hover:after,
.courseViewer > header > div > nav .button.hover:after,
.courseViewer > header > div > nav .button:focus:after,
.courseViewer > header > div > nav .button.focus:after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button:hover:before,
.no-mask-image .courseViewer > header > div > nav .button.hover:before,
.no-mask-image .courseViewer > header > div > nav .button:focus:before,
.no-mask-image .courseViewer > header > div > nav .button.focus:before,
.no-mask-image .courseViewer > header > div > nav .button:hover:after,
.no-mask-image .courseViewer > header > div > nav .button.hover:after,
.no-mask-image .courseViewer > header > div > nav .button:focus:after,
.no-mask-image .courseViewer > header > div > nav .button.focus:after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button:hover:active,
.courseViewer > header > div > nav .button.hover:active,
.courseViewer > header > div > nav .button.active:hover,
.courseViewer > header > div > nav .button.active.hover,
.courseViewer > header > div > nav .button.button:not(a):not(label):not(input) {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.8);
}
.courseViewer > header > div > nav .button:hover:active:before,
.courseViewer > header > div > nav .button.hover:active:before,
.courseViewer > header > div > nav .button.active:hover:before,
.courseViewer > header > div > nav .button.active.hover:before,
.courseViewer > header > div > nav .button.button:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button:hover:active:after,
.courseViewer > header > div > nav .button.hover:active:after,
.courseViewer > header > div > nav .button.active:hover:after,
.courseViewer > header > div > nav .button.active.hover:after,
.courseViewer > header > div > nav .button.button:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button:hover:active:before,
.no-mask-image .courseViewer > header > div > nav .button.hover:active:before,
.no-mask-image .courseViewer > header > div > nav .button.active:hover:before,
.no-mask-image .courseViewer > header > div > nav .button.active.hover:before,
.no-mask-image .courseViewer > header > div > nav .button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button:hover:active:after,
.no-mask-image .courseViewer > header > div > nav .button.hover:active:after,
.no-mask-image .courseViewer > header > div > nav .button.active:hover:after,
.no-mask-image .courseViewer > header > div > nav .button.active.hover:after,
.no-mask-image .courseViewer > header > div > nav .button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button-action,
.courseViewer > header > div > nav .button-action.button.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.7);
  color: #fff;
}
.courseViewer > header > div > nav .button-action:before,
.courseViewer > header > div > nav .button-action.button.button:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button-action:after,
.courseViewer > header > div > nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button-action:before,
.no-mask-image .courseViewer > header > div > nav .button-action.button.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button-action:after,
.no-mask-image .courseViewer > header > div > nav .button-action.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button-action.button-flat,
.courseViewer > header > div > nav .button-action.flat,
.courseViewer > header > div > nav .button-action.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: #fff;
}
.courseViewer > header > div > nav .button-action.button-flat:before,
.courseViewer > header > div > nav .button-action.flat:before,
.courseViewer > header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button-action.button-flat:after,
.courseViewer > header > div > nav .button-action.flat:after,
.courseViewer > header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button-action.button-flat:before,
.no-mask-image .courseViewer > header > div > nav .button-action.flat:before,
.no-mask-image .courseViewer > header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button-action.button-flat:after,
.no-mask-image .courseViewer > header > div > nav .button-action.flat:after,
.no-mask-image .courseViewer > header > div > nav .button-action.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button-action:hover,
.courseViewer > header > div > nav .button-action.hover,
.courseViewer > header > div > nav .button-action:focus,
.courseViewer > header > div > nav .button-action.focus {
  background-color: rgba(0, 204, 0, 0.8);
  color: #fff;
}
.courseViewer > header > div > nav .button-action:hover:before,
.courseViewer > header > div > nav .button-action.hover:before,
.courseViewer > header > div > nav .button-action:focus:before,
.courseViewer > header > div > nav .button-action.focus:before,
.courseViewer > header > div > nav .button-action:hover:after,
.courseViewer > header > div > nav .button-action.hover:after,
.courseViewer > header > div > nav .button-action:focus:after,
.courseViewer > header > div > nav .button-action.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button-action:hover:before,
.no-mask-image .courseViewer > header > div > nav .button-action.hover:before,
.no-mask-image .courseViewer > header > div > nav .button-action:focus:before,
.no-mask-image .courseViewer > header > div > nav .button-action.focus:before,
.no-mask-image .courseViewer > header > div > nav .button-action:hover:after,
.no-mask-image .courseViewer > header > div > nav .button-action.hover:after,
.no-mask-image .courseViewer > header > div > nav .button-action:focus:after,
.no-mask-image .courseViewer > header > div > nav .button-action.focus:after {
  background-color: transparent;
}
.courseViewer > header > div > nav .button-action:hover:active,
.courseViewer > header > div > nav .button-action.hover:active,
.courseViewer > header > div > nav .button-action.active:hover,
.courseViewer > header > div > nav .button-action.active.hover,
.courseViewer > header > div > nav .button-action.button:not(a):not(label):not(input) {
  background-color: rgba(0, 204, 0, 0.9);
  color: #fff;
}
.courseViewer > header > div > nav .button-action:hover:active:before,
.courseViewer > header > div > nav .button-action.hover:active:before,
.courseViewer > header > div > nav .button-action.active:hover:before,
.courseViewer > header > div > nav .button-action.active.hover:before,
.courseViewer > header > div > nav .button-action.button:not(a):not(label):not(input):before,
.courseViewer > header > div > nav .button-action:hover:active:after,
.courseViewer > header > div > nav .button-action.hover:active:after,
.courseViewer > header > div > nav .button-action.active:hover:after,
.courseViewer > header > div > nav .button-action.active.hover:after,
.courseViewer > header > div > nav .button-action.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .courseViewer > header > div > nav .button-action:hover:active:before,
.no-mask-image .courseViewer > header > div > nav .button-action.hover:active:before,
.no-mask-image .courseViewer > header > div > nav .button-action.active:hover:before,
.no-mask-image .courseViewer > header > div > nav .button-action.active.hover:before,
.no-mask-image .courseViewer > header > div > nav .button-action.button:not(a):not(label):not(input):before,
.no-mask-image .courseViewer > header > div > nav .button-action:hover:active:after,
.no-mask-image .courseViewer > header > div > nav .button-action.hover:active:after,
.no-mask-image .courseViewer > header > div > nav .button-action.active:hover:after,
.no-mask-image .courseViewer > header > div > nav .button-action.active.hover:after,
.no-mask-image .courseViewer > header > div > nav .button-action.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
@media (min-width: 1007px) {
  html:not(.touch-menu) #navigation_menu > menuitem > a {
    display: none;
  }
  html:not(.touch-menu) #navigation_menu.top > menuitem > a {
    display: flex;
  }
  html:not(.touch-menu) nav menuitem > menu.menu-reverse,
  html:not(.touch-menu) nav menuitem:hover > menu.menu-reverse,
  html:not(.touch-menu) nav menuitem.open > menu.menu-reverse,
  html:not(.touch-menu) nav menuitem.focus > menu.menu-reverse,
  html:not(.touch-menu) nav menuitem > a:focus + menu.menu-reverse,
  html:not(.touch-menu) nav menuitem > a.focus + menu.menu-reverse {
    left: auto;
    right: 100%;
  }
  html:not(.touch-menu) nav menu.top {
    display: flex;
    font-size: 0;
    white-space: nowrap;
    position: static;
    padding: 0;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html:not(.touch-menu) nav menu.top > menuitem {
    font-size: 14px;
    font-size: 1.4rem;
  }
  html:not(.touch-menu) nav menu.top > menuitem > a {
    line-height: 56px;
    padding-right: 16px;
  }
  html:not(.touch-menu) nav menu.top > menuitem > a:not(:last-child):before {
    content: '';
    margin-right: 8px;
  }
  html:not(.touch-menu) nav menu.top > menuitem > a:after {
    content: none;
  }
  html:not(.touch-menu) nav menu.top > menuitem > menu {
    min-width: 100%;
  }
  html:not(.touch-menu) nav menu.top > menuitem:hover > menu,
  html:not(.touch-menu) nav menu.top > menuitem.open > menu,
  html:not(.touch-menu) nav menu.top > menuitem.focus > menu,
  html:not(.touch-menu) nav menu.top > menuitem > a:focus + menu,
  html:not(.touch-menu) nav menu.top > menuitem > a.focus + menu,
  html:not(.touch-menu) nav menu.top > menuitem:hover > menu.menu-reverse,
  html:not(.touch-menu) nav menu.top > menuitem.open > menu.menu-reverse,
  html:not(.touch-menu) nav menu.top > menuitem.focus > menu.menu-reverse,
  html:not(.touch-menu) nav menu.top > menuitem > a:focus + menu.menu-reverse,
  html:not(.touch-menu) nav menu.top > menuitem > a.focus + menu.menu-reverse {
    left: 0;
    right: auto;
    top: 56px;
  }
  html:not(.touch-menu) #account_menu > menuitem:first-child > menu {
    left: auto;
    right: 0;
  }
  html:not(.touch-menu) #account_menu > menuitem:first-child:hover > menu,
  html:not(.touch-menu) #account_menu > menuitem:first-child.open > menu,
  html:not(.touch-menu) #account_menu > menuitem:first-child.focus > menu,
  html:not(.touch-menu) #account_menu > menuitem:first-child > a:focus + menu,
  html:not(.touch-menu) #account_menu > menuitem:first-child > a.focus + menu {
    left: auto;
    right: 0;
  }
  html:not(.touch-menu) #navigation_menu menuitem.help > a:before {
    background-position: -338px -20px;
    -webkit-mask-position: -338px -20px;
    -moz-mask-position: -338px -20px;
    -ms-mask-position: -338px -20px;
    -o-mask-position: -338px -20px;
    mask-position: -338px -20px;
  }
  html:not(.touch-menu) #navigation_menu menuitem.courses > a:before {
    background-position: -438px -20px;
    -webkit-mask-position: -438px -20px;
    -moz-mask-position: -438px -20px;
    -ms-mask-position: -438px -20px;
    -o-mask-position: -438px -20px;
    mask-position: -438px -20px;
  }
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem.open > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem.focus > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menu {
    background: #3e3e3e;
  }
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem.open > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem.focus > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menu menu {
    background: #474747;
  }
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem.open > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem.focus > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menu menu menu {
    background: #515151;
  }
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem.open > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem.focus > a,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menu menu menu menu {
    background: #595959;
  }
  html:not(.touch-menu) header > div > nav menu.top > menuitem > a[href]:hover,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) header > div > nav menu.top > menuitem > a[href]:focus,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem.focus > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menu {
    background: #3e3e3e;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem.focus > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menu menu {
    background: #474747;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem.focus > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menu menu menu {
    background: #515151;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem.focus > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menu menu menu menu {
    background: #595959;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem > a[href]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem > a[href]:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html.touch-menu header {
    height: 56px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s, height 0s 0.3s;
    -moz-transition: background-color 0.3s, height 0s 0.3s;
    transition: background-color 0.3s, height 0s 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html.touch-menu header > div {
    height: 56px;
    background: #4d4d4d;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu header > div > a:link {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  html.touch-menu body.open {
    overflow: hidden;
  }
  html.touch-menu header.open {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  html.touch-menu header.open > div > a {
    pointer-events: none;
    opacity: 0.5;
  }
  body > header > div > html.touch-menu nav,
  html.touch-menu nav > menu {
    float: right;
    position: static;
    width: auto;
  }
  html.touch-menu nav > menu.top > menuitem {
    float: left;
  }
  html.touch-menu nav menuitem {
    position: static;
  }
  html.touch-menu nav menuitem > a {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.touch-menu nav menuitem > a[href][data-count] {
    display: block;
  }
  html.touch-menu nav menuitem > a[href][data-count]:before {
    content: attr(data-count);
    float: right;
    margin: 0 0 0 16px;
    padding: 0;
    background: none !important;
    mask-image: none !important;
    width: auto;
    height: auto;
  }
  html.touch-menu nav menuitem > a[href][data-count]:after {
    content: none;
  }
  html.touch-menu nav menuitem > menu,
  html.touch-menu nav menuitem:hover > menu,
  html.touch-menu nav menuitem.focus > menu,
  html.touch-menu nav menuitem > a:hover + menu,
  html.touch-menu nav menuitem > a:focus + menu {
    width: 304px;
    left: auto;
    right: 0;
    -webkit-transform: translateX(304px);
    -moz-transform: translateX(304px);
    -ms-transform: translateX(304px);
    -o-transform: translateX(304px);
    transform: translateX(304px);
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html.touch-menu nav menuitem > menu > :first-child,
  html.touch-menu nav menuitem:hover > menu > :first-child,
  html.touch-menu nav menuitem.focus > menu > :first-child,
  html.touch-menu nav menuitem > a:hover + menu > :first-child,
  html.touch-menu nav menuitem > a:focus + menu > :first-child {
    margin-top: 16px;
  }
  html.touch-menu nav menuitem > menu > :last-child,
  html.touch-menu nav menuitem:hover > menu > :last-child,
  html.touch-menu nav menuitem.focus > menu > :last-child,
  html.touch-menu nav menuitem > a:hover + menu > :last-child,
  html.touch-menu nav menuitem > a:focus + menu > :last-child {
    margin-bottom: 16px;
  }
  html.touch-menu nav menuitem.open > a + menu {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    bottom: 0;
    -webkit-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu nav menuitem menuitem.open > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu nav menuitem menuitem.open > a:after {
    background-position: 0 -40px;
    -webkit-mask-position: 0 -40px;
    -moz-mask-position: 0 -40px;
    -ms-mask-position: 0 -40px;
    -o-mask-position: 0 -40px;
    mask-position: 0 -40px;
  }
  html.touch-menu nav #explore_menu menuitem > menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-304px);
    -moz-transform: translateX(-304px);
    -ms-transform: translateX(-304px);
    -o-transform: translateX(-304px);
    transform: translateX(-304px);
  }
  html.touch-menu nav #explore_menu menuitem.open > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* 
		
		menu.open > * { display:none; }
		menu.open > menuitem.open { display:block; } */
  html.touch-menu nav menu > menuitem.overflow > a {
    height: 56px;
  }
  html.touch-menu nav menu > menuitem.overflow > a + menu {
    top: 56px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  html.touch-menu nav menu > menuitem.overflow menuitem > a + menu {
    top: 48px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html.touch-menu nav #navigation_menu {
    clear: none;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html.touch-menu header > div {
    background: #333333;
  }
  html.touch-menu main {
    border-top-width: 56px;
  }
}
@media (max-width: 1006px) {
  html header {
    height: 56px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s, height 0s 0.3s;
    -moz-transition: background-color 0.3s, height 0s 0.3s;
    transition: background-color 0.3s, height 0s 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html header > div {
    height: 56px;
    background: #4d4d4d;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html header > div > a:link {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  html body.open {
    overflow: hidden;
  }
  html header.open {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  html header.open > div > a {
    pointer-events: none;
    opacity: 0.5;
  }
  body > header > div > html nav,
  html nav > menu {
    float: right;
    position: static;
    width: auto;
  }
  html nav > menu.top > menuitem {
    float: left;
  }
  html nav menuitem {
    position: static;
  }
  html nav menuitem > a {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html nav menuitem > a[href][data-count] {
    display: block;
  }
  html nav menuitem > a[href][data-count]:before {
    content: attr(data-count);
    float: right;
    margin: 0 0 0 16px;
    padding: 0;
    background: none !important;
    mask-image: none !important;
    width: auto;
    height: auto;
  }
  html nav menuitem > a[href][data-count]:after {
    content: none;
  }
  html nav menuitem > menu,
  html nav menuitem:hover > menu,
  html nav menuitem.focus > menu,
  html nav menuitem > a:hover + menu,
  html nav menuitem > a:focus + menu {
    width: 304px;
    left: auto;
    right: 0;
    -webkit-transform: translateX(304px);
    -moz-transform: translateX(304px);
    -ms-transform: translateX(304px);
    -o-transform: translateX(304px);
    transform: translateX(304px);
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html nav menuitem > menu > :first-child,
  html nav menuitem:hover > menu > :first-child,
  html nav menuitem.focus > menu > :first-child,
  html nav menuitem > a:hover + menu > :first-child,
  html nav menuitem > a:focus + menu > :first-child {
    margin-top: 16px;
  }
  html nav menuitem > menu > :last-child,
  html nav menuitem:hover > menu > :last-child,
  html nav menuitem.focus > menu > :last-child,
  html nav menuitem > a:hover + menu > :last-child,
  html nav menuitem > a:focus + menu > :last-child {
    margin-bottom: 16px;
  }
  html nav menuitem.open > a + menu {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    bottom: 0;
    -webkit-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  }
  html nav menuitem menuitem.open > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html nav menuitem menuitem.open > a:after {
    background-position: 0 -40px;
    -webkit-mask-position: 0 -40px;
    -moz-mask-position: 0 -40px;
    -ms-mask-position: 0 -40px;
    -o-mask-position: 0 -40px;
    mask-position: 0 -40px;
  }
  html nav #explore_menu menuitem > menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-304px);
    -moz-transform: translateX(-304px);
    -ms-transform: translateX(-304px);
    -o-transform: translateX(-304px);
    transform: translateX(-304px);
  }
  html nav #explore_menu menuitem.open > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* 
		
		menu.open > * { display:none; }
		menu.open > menuitem.open { display:block; } */
  html nav menu > menuitem.overflow > a {
    height: 56px;
  }
  html nav menu > menuitem.overflow > a + menu {
    top: 56px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  html nav menu > menuitem.overflow menuitem > a + menu {
    top: 48px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html nav #navigation_menu {
    clear: none;
  }
  html header > div > nav menu > menuitem.overflow menuitem > a,
  html header > div > nav menu > menuitem.overflow:hover > a,
  html header > div > nav menu > menuitem.overflow.open > a,
  html header > div > nav menu > menuitem.overflow.focus > a,
  html header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html header > div > nav menu > menuitem.overflow > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html header > div {
    background: #333333;
  }
  html main {
    border-top-width: 56px;
  }
  html nav menu > menuitem.overflow > a {
    width: 56px;
    padding: 18px;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }
  html nav menu > menuitem.overflow > a:before {
    margin: 0;
  }
}
html.no-media-query #navigation_menu > menuitem > a {
  display: none;
}
html.no-media-query #navigation_menu.top > menuitem > a {
  display: flex;
}
html.no-media-query nav menuitem > menu.menu-reverse,
html.no-media-query nav menuitem:hover > menu.menu-reverse,
html.no-media-query nav menuitem.open > menu.menu-reverse,
html.no-media-query nav menuitem.focus > menu.menu-reverse,
html.no-media-query nav menuitem > a:focus + menu.menu-reverse,
html.no-media-query nav menuitem > a.focus + menu.menu-reverse {
  left: auto;
  right: 100%;
}
html.no-media-query nav menu.top {
  display: flex;
  font-size: 0;
  white-space: nowrap;
  position: static;
  padding: 0;
  opacity: 1;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
html.no-media-query nav menu.top > menuitem {
  font-size: 14px;
  font-size: 1.4rem;
}
html.no-media-query nav menu.top > menuitem > a {
  line-height: 56px;
  padding-right: 16px;
}
html.no-media-query nav menu.top > menuitem > a:not(:last-child):before {
  content: '';
  margin-right: 8px;
}
html.no-media-query nav menu.top > menuitem > a:after {
  content: none;
}
html.no-media-query nav menu.top > menuitem > menu {
  min-width: 100%;
}
html.no-media-query nav menu.top > menuitem:hover > menu,
html.no-media-query nav menu.top > menuitem.open > menu,
html.no-media-query nav menu.top > menuitem.focus > menu,
html.no-media-query nav menu.top > menuitem > a:focus + menu,
html.no-media-query nav menu.top > menuitem > a.focus + menu,
html.no-media-query nav menu.top > menuitem:hover > menu.menu-reverse,
html.no-media-query nav menu.top > menuitem.open > menu.menu-reverse,
html.no-media-query nav menu.top > menuitem.focus > menu.menu-reverse,
html.no-media-query nav menu.top > menuitem > a:focus + menu.menu-reverse,
html.no-media-query nav menu.top > menuitem > a.focus + menu.menu-reverse {
  left: 0;
  right: auto;
  top: 56px;
}
html.no-media-query #account_menu > menuitem:first-child > menu {
  left: auto;
  right: 0;
}
html.no-media-query #account_menu > menuitem:first-child:hover > menu,
html.no-media-query #account_menu > menuitem:first-child.open > menu,
html.no-media-query #account_menu > menuitem:first-child.focus > menu,
html.no-media-query #account_menu > menuitem:first-child > a:focus + menu,
html.no-media-query #account_menu > menuitem:first-child > a.focus + menu {
  left: auto;
  right: 0;
}
html.no-media-query #navigation_menu menuitem.help > a:before {
  background-position: -338px -20px;
  -webkit-mask-position: -338px -20px;
  -moz-mask-position: -338px -20px;
  -ms-mask-position: -338px -20px;
  -o-mask-position: -338px -20px;
  mask-position: -338px -20px;
}
html.no-media-query #navigation_menu menuitem.courses > a:before {
  background-position: -438px -20px;
  -webkit-mask-position: -438px -20px;
  -moz-mask-position: -438px -20px;
  -ms-mask-position: -438px -20px;
  -o-mask-position: -438px -20px;
  mask-position: -438px -20px;
}
html.no-media-query header > div > nav menu.top > menuitem menuitem > a,
html.no-media-query header > div > nav menu.top > menuitem:hover > a,
html.no-media-query header > div > nav menu.top > menuitem.open > a,
html.no-media-query header > div > nav menu.top > menuitem.focus > a,
html.no-media-query header > div > nav menu.top > menuitem menu {
  background: #3e3e3e;
}
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem:hover > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem.open > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem.focus > a,
html.no-media-query header > div > nav menu.top > menuitem menu menu {
  background: #474747;
}
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem:hover > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem.open > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem.focus > a,
html.no-media-query header > div > nav menu.top > menuitem menu menu menu {
  background: #515151;
}
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem:hover > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem.open > a,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem.focus > a,
html.no-media-query header > div > nav menu.top > menuitem menu menu menu menu {
  background: #595959;
}
html.no-media-query header > div > nav menu.top > menuitem > a[href]:hover,
html.no-media-query header > div > nav menu.top > menuitem menuitem > a[href]:hover,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem > a[href]:hover,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:hover,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:hover,
html.no-media-query header > div > nav menu.top > menuitem > a[href]:focus,
html.no-media-query header > div > nav menu.top > menuitem menuitem > a[href]:focus,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem > a[href]:focus,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:focus,
html.no-media-query header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:focus {
  background: #f96302;
}
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem:hover > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem.open > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem.focus > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menu {
  background: #3e3e3e;
}
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem:hover > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem.open > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem.focus > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menu menu {
  background: #474747;
}
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem:hover > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem.open > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem.focus > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menu menu menu {
  background: #515151;
}
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem:hover > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem.open > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem.focus > a,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menu menu menu menu {
  background: #595959;
}
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem > a[href]:hover,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem > a[href]:hover,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a[href]:hover,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:hover,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:hover,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem > a[href]:focus,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem > a[href]:focus,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem > a[href]:focus,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem > a[href]:focus,
html.no-media-query .courseViewer > header > div > nav menu.top > menuitem menuitem menuitem menuitem menuitem > a[href]:focus {
  background: #f96302;
}
html.mask-image menuitem > a:before,
html.mask-image menuitem > a:after {
  background-image: none !important;
}
@media (max-width: 359px) {
  nav menuitem > menu,
  nav menuitem:hover > menu,
  nav menuitem.focus > menu,
  nav menuitem > a:hover + menu,
  nav menuitem > a:focus + menu {
    width: 272px;
    transform: translateX(272px);
  }
  nav menuitem.open > a + menu {
    transform: translateX(0);
  }
}
.content-icon {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
#cartStatus {
  display: none;
}
#titlebar,
#navigation {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
}
#titlebar button {
  color: #fff;
}
#navigation a,
#navigation h3 {
  padding: 4px 16px;
}
#player.jw-state-idle .jw-icon-display .jw-svg-icon {
  display: none;
}
#player.jw-state-idle .jw-icon-display::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/colorReplace/f96302/images/arclearn_play.svg) no-repeat center;
}
#player.jw-state-idle.jw-version-8 .jw-icon-display:before {
  width: 88px;
  height: 88px;
}
#player.jw-state-idle.jw-version-8.jw-breakpoint-0 .jw-icon-display:before,
#player.jw-state-idle.jw-version-8.jw-breakpoint-1 .jw-icon-display:before {
  width: 44px;
  height: 44px;
}
#player.jw-state-idle.jw-version-8.jw-breakpoint-2 .jw-icon-display:before,
#player.jw-state-idle.jw-version-8.jw-breakpoint-3 .jw-icon-display:before {
  width: 66px;
  height: 66px;
}
.jw-breakpoint-2 .jw-display .jw-icon,
.jw-breakpoint-3 .jw-display .jw-icon,
.jw-breakpoint-2 .jw-display .jw-svg-icon,
.jw-breakpoint-3 .jw-display .jw-svg-icon {
  width: 66px;
  height: 66px;
  line-height: 66px;
}
.product-course .buttons {
  padding-right: 104px;
}
.product-course .buttons .add,
.product-course .buttons .remove {
  width: 100px;
  margin-right: -104px;
}
header {
  background-color: #333333;
}
header > div > a > img {
  max-height: 112px;
}
nav menuitem > menu {
  background-color: #333333;
}
main {
  border-top-width: 112px;
}
footer {
  background-color: #4d4d4d;
}
footer > div {
  position: relative;
}
footer > div > span:first-child {
  float: left;
  position: relative;
  padding: 16px 16px 16px 0;
  margin: -32px 48px -32px 0;
  background: #333333;
}
footer > div > span:first-child:after {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -32px;
  right: -30.01030955228574px;
  border-top: 56px solid #333333;
  border-right: 15.00515477614287px solid transparent;
  border-bottom: 56px solid transparent;
  border-left: 15.00515477614287px solid #333333;
}
footer > div > span.right {
  position: absolute;
  right: 0;
  top: 0;
}
footer > div:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1000px;
  right: 100%;
  background: #333333;
}
html:not(.touch-menu) #explore_menu > menuitem:before,
html:not(.touch-menu) #course_navigation_menu > menuitem:before {
  border-color: #333333 transparent transparent #333333;
}
.courseViewer header > div {
  background: #333333;
}
@media (min-width: 1007px) {
  html.touch-menu header {
    height: 56px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s, height 0s 0.3s;
    -moz-transition: background-color 0.3s, height 0s 0.3s;
    transition: background-color 0.3s, height 0s 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html.touch-menu header > div {
    height: 56px;
    background: #4d4d4d;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu header > div > a:link {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  html.touch-menu body.open {
    overflow: hidden;
  }
  html.touch-menu header.open {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  html.touch-menu header.open > div > a {
    pointer-events: none;
    opacity: 0.5;
  }
  body > header > div > html.touch-menu nav,
  html.touch-menu nav > menu {
    float: right;
    position: static;
    width: auto;
  }
  html.touch-menu nav > menu.top > menuitem {
    float: left;
  }
  html.touch-menu nav menuitem {
    position: static;
  }
  html.touch-menu nav menuitem > a {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.touch-menu nav menuitem > a[href][data-count] {
    display: block;
  }
  html.touch-menu nav menuitem > a[href][data-count]:before {
    content: attr(data-count);
    float: right;
    margin: 0 0 0 16px;
    padding: 0;
    background: none !important;
    mask-image: none !important;
    width: auto;
    height: auto;
  }
  html.touch-menu nav menuitem > a[href][data-count]:after {
    content: none;
  }
  html.touch-menu nav menuitem > menu,
  html.touch-menu nav menuitem:hover > menu,
  html.touch-menu nav menuitem.focus > menu,
  html.touch-menu nav menuitem > a:hover + menu,
  html.touch-menu nav menuitem > a:focus + menu {
    width: 304px;
    left: auto;
    right: 0;
    -webkit-transform: translateX(304px);
    -moz-transform: translateX(304px);
    -ms-transform: translateX(304px);
    -o-transform: translateX(304px);
    transform: translateX(304px);
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html.touch-menu nav menuitem > menu > :first-child,
  html.touch-menu nav menuitem:hover > menu > :first-child,
  html.touch-menu nav menuitem.focus > menu > :first-child,
  html.touch-menu nav menuitem > a:hover + menu > :first-child,
  html.touch-menu nav menuitem > a:focus + menu > :first-child {
    margin-top: 16px;
  }
  html.touch-menu nav menuitem > menu > :last-child,
  html.touch-menu nav menuitem:hover > menu > :last-child,
  html.touch-menu nav menuitem.focus > menu > :last-child,
  html.touch-menu nav menuitem > a:hover + menu > :last-child,
  html.touch-menu nav menuitem > a:focus + menu > :last-child {
    margin-bottom: 16px;
  }
  html.touch-menu nav menuitem.open > a + menu {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    bottom: 0;
    -webkit-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu nav menuitem menuitem.open > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html.touch-menu nav menuitem menuitem.open > a:after {
    background-position: 0 -40px;
    -webkit-mask-position: 0 -40px;
    -moz-mask-position: 0 -40px;
    -ms-mask-position: 0 -40px;
    -o-mask-position: 0 -40px;
    mask-position: 0 -40px;
  }
  html.touch-menu nav #explore_menu menuitem > menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-304px);
    -moz-transform: translateX(-304px);
    -ms-transform: translateX(-304px);
    -o-transform: translateX(-304px);
    transform: translateX(-304px);
  }
  html.touch-menu nav #explore_menu menuitem.open > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* 
		
		menu.open > * { display:none; }
		menu.open > menuitem.open { display:block; } */
  html.touch-menu nav menu > menuitem.overflow > a {
    height: 56px;
  }
  html.touch-menu nav menu > menuitem.overflow > a + menu {
    top: 56px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  html.touch-menu nav menu > menuitem.overflow menuitem > a + menu {
    top: 48px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html.touch-menu nav #navigation_menu {
    clear: none;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html.touch-menu header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html.touch-menu header > div > nav menu > menuitem.overflow > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu header > div > nav menu > menuitem.overflow > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html.touch-menu header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html.touch-menu .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html.touch-menu header > div {
    background: #333333;
  }
  html.touch-menu main {
    border-top-width: 56px;
  }
}
@media (max-width: 1006px) {
  html header {
    height: 56px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.3s, height 0s 0.3s;
    -moz-transition: background-color 0.3s, height 0s 0.3s;
    transition: background-color 0.3s, height 0s 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html header > div {
    height: 56px;
    background: #4d4d4d;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html header > div > a:link {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  html body.open {
    overflow: hidden;
  }
  html header.open {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  html header.open > div > a {
    pointer-events: none;
    opacity: 0.5;
  }
  body > header > div > html nav,
  html nav > menu {
    float: right;
    position: static;
    width: auto;
  }
  html nav > menu.top > menuitem {
    float: left;
  }
  html nav menuitem {
    position: static;
  }
  html nav menuitem > a {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html nav menuitem > a[href][data-count] {
    display: block;
  }
  html nav menuitem > a[href][data-count]:before {
    content: attr(data-count);
    float: right;
    margin: 0 0 0 16px;
    padding: 0;
    background: none !important;
    mask-image: none !important;
    width: auto;
    height: auto;
  }
  html nav menuitem > a[href][data-count]:after {
    content: none;
  }
  html nav menuitem > menu,
  html nav menuitem:hover > menu,
  html nav menuitem.focus > menu,
  html nav menuitem > a:hover + menu,
  html nav menuitem > a:focus + menu {
    width: 304px;
    left: auto;
    right: 0;
    -webkit-transform: translateX(304px);
    -moz-transform: translateX(304px);
    -ms-transform: translateX(304px);
    -o-transform: translateX(304px);
    transform: translateX(304px);
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html nav menuitem > menu > :first-child,
  html nav menuitem:hover > menu > :first-child,
  html nav menuitem.focus > menu > :first-child,
  html nav menuitem > a:hover + menu > :first-child,
  html nav menuitem > a:focus + menu > :first-child {
    margin-top: 16px;
  }
  html nav menuitem > menu > :last-child,
  html nav menuitem:hover > menu > :last-child,
  html nav menuitem.focus > menu > :last-child,
  html nav menuitem > a:hover + menu > :last-child,
  html nav menuitem > a:focus + menu > :last-child {
    margin-bottom: 16px;
  }
  html nav menuitem.open > a + menu {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    bottom: 0;
    -webkit-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
    box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  }
  html nav menuitem menuitem.open > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html nav menuitem menuitem.open > a:after {
    background-position: 0 -40px;
    -webkit-mask-position: 0 -40px;
    -moz-mask-position: 0 -40px;
    -ms-mask-position: 0 -40px;
    -o-mask-position: 0 -40px;
    mask-position: 0 -40px;
  }
  html nav #explore_menu menuitem > menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-304px);
    -moz-transform: translateX(-304px);
    -ms-transform: translateX(-304px);
    -o-transform: translateX(-304px);
    transform: translateX(-304px);
  }
  html nav #explore_menu menuitem.open > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  /* 
		
		menu.open > * { display:none; }
		menu.open > menuitem.open { display:block; } */
  html nav menu > menuitem.overflow > a {
    height: 56px;
  }
  html nav menu > menuitem.overflow > a + menu {
    top: 56px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  html nav menu > menuitem.overflow menuitem > a + menu {
    top: 48px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html nav #navigation_menu {
    clear: none;
  }
  html header > div > nav menu > menuitem.overflow menuitem > a,
  html header > div > nav menu > menuitem.overflow:hover > a,
  html header > div > nav menu > menuitem.overflow.open > a,
  html header > div > nav menu > menuitem.overflow.focus > a,
  html header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html header > div > nav menu > menuitem.overflow > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html header > div > nav menu > menuitem.overflow > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu {
    background: #3e3e3e;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu {
    background: #474747;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu {
    background: #515151;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem:hover > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.open > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem.focus > a,
  html .courseViewer > header > div > nav menu > menuitem.overflow menu menu menu menu {
    background: #595959;
  }
  html .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:hover,
  html .courseViewer > header > div > nav menu > menuitem.overflow > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem > a[href]:focus,
  html .courseViewer > header > div > nav menu > menuitem.overflow menuitem menuitem menuitem menuitem > a[href]:focus {
    background: #f96302;
  }
  html header > div {
    background: #333333;
  }
  html main {
    border-top-width: 56px;
  }
}
@media (max-width: 599px) {
  footer > div > span,
  footer > div:before {
    display: none;
  }
}
.button.fg,
button.fg,
.button.selected,
button.selected,
.button.fg:hover,
button.fg:hover,
.button.selected:hover,
button.selected:hover,
.button.fg:focus,
button.fg:focus,
.button.selected:focus,
button.selected:focus,
.button.fg:hover:active,
button.fg:hover:active,
.button.selected:hover:active,
button.selected:hover:active {
  background: #333333;
}
.tabs-bar .tabrow .fg::before {
  background-image: url('/colorReplace/333333/themes/peliculasmel/images/tab-arrow.png');
  background-image: url(/colorReplace/333333/themes/peliculasmel/images/tab-arrow.svg), none;
}
.mask-image .tabs-bar .tabrow .fg::before {
  background-color: #333333;
}
.tabs-steps .tabrow .button.fg:not(:first-child):before {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.tabs-steps .tabrow .button.fg:not(:last-child):after {
  border-left-color: #333333;
}
.tool-tip,
.datePicker,
.jscolor-box,
.product-details-block {
  background: #333333;
}
.price-dropdowns .coz-input[data-label]:before,
.price-dropdowns .coz-input label {
  text-shadow: 0 0 1px #333333, 0 0 1px #333333, 0 0 2px #333333, 0 0 2px #333333, 0 0 3px #333333, 0 0 3px #333333, 0 0 4px #333333, 0 0 4px #333333, 0 0 5px #333333, 0 0 5px #333333, 0 0 6px #333333, 0 0 6px #333333;
}
.columns-2 {
  padding-right: 1em;
  zoom: 1;
}
.columns-2 .column {
  float: left;
  width: 50%;
}
.columns-2 .column + .column {
  float: right;
  margin: 0 -1em 0 0;
}
@media (max-width: 599px) {
  .columns-2 {
    padding-right: 0;
  }
  .columns-2 .column {
    float: none;
    width: auto;
  }
  .columns-2 .column + .column {
    float: none;
    margin: 1em 0 0;
  }
}
a.conozca {
  font-size: 1.5em;
}
#carousel {
  padding: 0;
  height: auto !important;
  border-top: 112px solid #333333;
  margin-top: -112px;
}
#carousel:not(.spotlight-running) > div,
#carousel .spotlight-element {
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#carousel:not(.spotlight-running) > div > img,
#carousel .spotlight-element > img {
  width: 100%;
  height: auto;
}
#carousel:not(.spotlight-running) > div > div,
#carousel .spotlight-element > div {
  max-width: 960px;
  margin: auto;
  position: relative;
}
#carousel:not(.spotlight-running) > div > div > div,
#carousel .spotlight-element > div > div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
}
#carousel:not(.spotlight-running) > div > div > div .button,
#carousel .spotlight-element > div > div .button {
  font-size: inherit;
  float: right;
  clear: both;
}
#carousel:not(.spotlight-running) > div > div > div span.button,
#carousel .spotlight-element > div > div span.button {
  background-color: #4d4d4d;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
#carousel:not(.spotlight-running) > div > div > div span.button strong,
#carousel .spotlight-element > div > div span.button strong {
  color: inherit;
  font-weight: bolder;
}
#carousel:not(.spotlight-running) > div > div > div a.button,
#carousel .spotlight-element > div > div a.button {
  color: #fff;
  background-color: #f96302;
  margin: 1em 1em 0;
}
#carousel:not(.spotlight-running) > div > div > div a.button:hover,
#carousel .spotlight-element > div > div a.button:hover,
#carousel:not(.spotlight-running) > div > div > div a.button.hover,
#carousel .spotlight-element > div > div a.button.hover,
#carousel:not(.spotlight-running) > div > div > div a.button:focus,
#carousel .spotlight-element > div > div a.button:focus,
#carousel:not(.spotlight-running) > div > div > div a.button.focus,
#carousel .spotlight-element > div > div a.button.focus {
  background-color: #c64f02;
}
#carousel:not(.spotlight-running) > div > div > div a.button:hover:active,
#carousel .spotlight-element > div > div a.button:hover:active,
#carousel:not(.spotlight-running) > div > div > div a.button.hover:active,
#carousel .spotlight-element > div > div a.button.hover:active,
#carousel:not(.spotlight-running) > div > div > div a.button.active:hover,
#carousel .spotlight-element > div > div a.button.active:hover,
#carousel:not(.spotlight-running) > div > div > div a.button.active.hover,
#carousel .spotlight-element > div > div a.button.active.hover,
#carousel:not(.spotlight-running) > div > div > div a.button.button:not(a):not(label),
#carousel .spotlight-element > div > div a.button.button:not(a):not(label) {
  background-color: #943b01;
}
@media (max-width: 599px) {
  #carousel:not(.spotlight-running) > div > img,
  #carousel .spotlight-element > img {
    width: auto;
    max-width: 960px;
    margin: 0 -480px;
  }
}
#carousel .spotlight-element:nth-of-type(2n) > div > div .button {
  float: left;
}
#carousel .spotlight-navigation {
  left: 50%;
  right: auto;
  width: 12em;
  margin-left: -6em;
  text-align: center;
  justify-content: center;
}
#carousel .spotlight-navigation .arrowLeft {
  margin: 0;
}
@media (max-width: 599px) {
  #carousel .spotlight-navigation {
    bottom: auto;
    top: 1em;
  }
}
#carousel .spotlight-transition {
  max-width: none;
  margin: 0;
}
.search-tag {
  font: 10px/0 Roboto, Arial, Helvetica, sans-serif;
  text-shadow: none;
}
.product .extras > .featured,
.product-sidebar dt > .featured,
.product .extras > .new,
.product-sidebar dt > .new,
.product .extras > .classic,
.product-sidebar dt > .classic {
  color: #fff;
  font-family: inherit;
  font-size: 10px;
  line-height: 0;
  padding: 8px 4px;
  margin: 4px 0;
  border-radius: 2px;
  background: #f96302;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  font: 10px/0 Roboto, Arial, Helvetica, sans-serif;
  text-shadow: none;
}
.product .extras > .featured:before,
.product-sidebar dt > .featured:before,
.product .extras > .new:before,
.product-sidebar dt > .new:before,
.product .extras > .classic:before,
.product-sidebar dt > .classic:before {
  content: none;
}
.product .extras > .featured.featured,
.product-sidebar dt > .featured.featured,
.product .extras > .new.featured,
.product-sidebar dt > .new.featured,
.product .extras > .classic.featured,
.product-sidebar dt > .classic.featured {
  background: #c00;
}
.product .extras > .featured.new,
.product-sidebar dt > .featured.new,
.product .extras > .new.new,
.product-sidebar dt > .new.new,
.product .extras > .classic.new,
.product-sidebar dt > .classic.new {
  background: #fc0;
}
.coz-input-search .classic,
#search_parameters .classic,
#search_filters .classic,
.product .extras .classic,
.product-sidebar dt .classic {
  background: #00c;
}
.blockView .product .extras {
  position: absolute;
  bottom: 56px;
  left: 8px;
  right: 8px;
  padding: 0;
  height: auto;
}
.largeView .product .extras,
.smallView .product .extras {
  padding: 2px 0;
  position: absolute;
  right: 0;
  top: 0;
}
.listView .product .extras {
  padding: 2px 0;
  display: inline-block;
  vertical-align: top;
}
.product .extras .featured,
.product .extras .new,
.product .extras .classic,
.product .extras .course-type {
  float: right;
  clear: none;
  margin: 2px 0 0 4px;
}
.largeView .product .extras .featured,
.largeView .product .extras .new,
.largeView .product .extras .classic,
.largeView .product .extras .course-type,
.smallView .product .extras .featured,
.smallView .product .extras .new,
.smallView .product .extras .classic,
.smallView .product .extras .course-type {
  margin-left: 0;
}
.listView .product .extras .featured,
.listView .product .extras .new,
.listView .product .extras .classic,
.listView .product .extras .course-type {
  border-left: 0;
}
.tool-tip .product .extras .featured,
.tool-tip .product .extras .new,
.tool-tip .product .extras .classic,
.tool-tip .product .extras .course-type {
  float: left;
  margin: 4px 4px 0 0;
}
.product .extras .course-type {
  margin-top: 0;
}
.blockView .product .extras .course-type {
  float: left;
  margin: 0;
}
.largeView .product .extras .course-type,
.smallView .product .extras .course-type {
  font-size: 0;
}
.largeView .product,
.smallView .product,
.listView .product {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.largeView .product .title,
.smallView .product .title,
.listView .product .title {
  flex-grow: 0;
  order: -1;
  margin-right: 0.4444444444444444em;
  line-height: 1.3333333333333333;
}
.largeView .product .description,
.smallView .product .description,
.listView .product .description {
  width: 100%;
  margin-top: 0.5em;
}
.largeView .product .extras,
.smallView .product .extras,
.listView .product .extras {
  display: contents;
}
.largeView .product .extras > *,
.smallView .product .extras > *,
.listView .product .extras > * {
  margin-top: 0;
  order: -1;
}
.largeView .product .extras > * ~ *,
.smallView .product .extras > * ~ *,
.listView .product .extras > * ~ * {
  margin-left: 0.25em;
}
.largeView .product .extras .featured,
.smallView .product .extras .featured,
.listView .product .extras .featured,
.largeView .product .extras .new,
.smallView .product .extras .new,
.listView .product .extras .new,
.largeView .product .extras .classic,
.smallView .product .extras .classic,
.listView .product .extras .classic {
  order: -1;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.largeView .product .extras .course-type,
.smallView .product .extras .course-type,
.listView .product .extras .course-type {
  margin-left: auto;
}
.blockView .largeView .product .extras .featured,
.blockView .smallView .product .extras .featured,
.blockView .listView .product .extras .featured,
.blockView .largeView .product .extras .new,
.blockView .smallView .product .extras .new,
.blockView .listView .product .extras .new,
.blockView .largeView .product .extras .classic,
.blockView .smallView .product .extras .classic,
.blockView .listView .product .extras .classic,
.blockView .largeView .product .extras .course-type,
.blockView .smallView .product .extras .course-type,
.blockView .listView .product .extras .course-type {
  margin-top: 0.25em;
}
.listView .largeView .product .extras .featured,
.listView .smallView .product .extras .featured,
.listView .listView .product .extras .featured,
.listView .largeView .product .extras .new,
.listView .smallView .product .extras .new,
.listView .listView .product .extras .new,
.listView .largeView .product .extras .classic,
.listView .smallView .product .extras .classic,
.listView .listView .product .extras .classic,
.listView .largeView .product .extras .course-type,
.listView .smallView .product .extras .course-type,
.listView .listView .product .extras .course-type {
  border-left: 0;
}
.tool-tip .largeView .product .extras .featured,
.tool-tip .smallView .product .extras .featured,
.tool-tip .listView .product .extras .featured,
.tool-tip .largeView .product .extras .new,
.tool-tip .smallView .product .extras .new,
.tool-tip .listView .product .extras .new,
.tool-tip .largeView .product .extras .classic,
.tool-tip .smallView .product .extras .classic,
.tool-tip .listView .product .extras .classic,
.tool-tip .largeView .product .extras .course-type,
.tool-tip .smallView .product .extras .course-type,
.tool-tip .listView .product .extras .course-type {
  float: left;
  margin: 0.25em 0.25em 0 0;
}
.largeView .product .extras .course-type,
.smallView .product .extras .course-type,
.listView .product .extras .course-type {
  margin-top: 0;
  letter-spacing: -1000px;
  color: transparent;
  user-select: none;
}
.largeView .product .extras .course-type:before,
.smallView .product .extras .course-type:before,
.listView .product .extras .course-type:before {
  margin-right: -2em;
}
.blockView .largeView .product .extras .course-type,
.blockView .smallView .product .extras .course-type,
.blockView .listView .product .extras .course-type {
  float: left;
  margin: 0;
}
@media (max-width: 479px) {
  .largeView .product,
  .smallView .product,
  .listView .product {
    display: block;
  }
  .largeView .product .thumbnail,
  .smallView .product .thumbnail,
  .listView .product .thumbnail {
    position: relative;
  }
}
.largeView.courseExtras .extras > .featured,
.smallView.courseExtras .extras > .featured,
.listView.courseExtras .extras > .featured,
.largeView.customExtras .extras > .featured,
.smallView.customExtras .extras > .featured,
.listView.customExtras .extras > .featured,
.largeView.courseExtras .extras > .new,
.smallView.courseExtras .extras > .new,
.listView.courseExtras .extras > .new,
.largeView.customExtras .extras > .new,
.smallView.customExtras .extras > .new,
.listView.customExtras .extras > .new,
.largeView.courseExtras .extras > .classic,
.smallView.courseExtras .extras > .classic,
.listView.courseExtras .extras > .classic,
.largeView.customExtras .extras > .classic,
.smallView.customExtras .extras > .classic,
.listView.customExtras .extras > .classic {
  order: -1;
}
.largeView.courseExtras .extras > .featured:first-child,
.smallView.courseExtras .extras > .featured:first-child,
.listView.courseExtras .extras > .featured:first-child,
.largeView.customExtras .extras > .featured:first-child,
.smallView.customExtras .extras > .featured:first-child,
.listView.customExtras .extras > .featured:first-child,
.largeView.courseExtras .extras > .new:first-child,
.smallView.courseExtras .extras > .new:first-child,
.listView.courseExtras .extras > .new:first-child,
.largeView.customExtras .extras > .new:first-child,
.smallView.customExtras .extras > .new:first-child,
.listView.customExtras .extras > .new:first-child,
.largeView.courseExtras .extras > .classic:first-child,
.smallView.courseExtras .extras > .classic:first-child,
.listView.courseExtras .extras > .classic:first-child,
.largeView.customExtras .extras > .classic:first-child,
.smallView.customExtras .extras > .classic:first-child,
.listView.customExtras .extras > .classic:first-child {
  margin-left: 0;
}
.largeView.courseExtras .extras > .course-type,
.smallView.courseExtras .extras > .course-type,
.listView.courseExtras .extras > .course-type,
.largeView.customExtras .extras > .course-type,
.smallView.customExtras .extras > .course-type,
.listView.customExtras .extras > .course-type {
  margin-left: auto;
  break-before: unset;
}
.largeView.courseExtras .extras .course-objectives,
.smallView.courseExtras .extras .course-objectives,
.listView.courseExtras .extras .course-objectives,
.largeView.customExtras .extras .course-objectives,
.smallView.customExtras .extras .course-objectives,
.listView.customExtras .extras .course-objectives,
.largeView.courseExtras .extras .course-department,
.smallView.courseExtras .extras .course-department,
.listView.courseExtras .extras .course-department,
.largeView.customExtras .extras .course-department,
.smallView.customExtras .extras .course-department,
.listView.customExtras .extras .course-department,
.largeView.courseExtras .extras .course-author,
.smallView.courseExtras .extras .course-author,
.listView.courseExtras .extras .course-author,
.largeView.customExtras .extras .course-author,
.smallView.customExtras .extras .course-author,
.listView.customExtras .extras .course-author {
  order: 1;
  width: 100%;
  margin-top: 0.5em;
}
.largeView.courseExtras .extras .course-objectives ol,
.smallView.courseExtras .extras .course-objectives ol,
.listView.courseExtras .extras .course-objectives ol,
.largeView.customExtras .extras .course-objectives ol,
.smallView.customExtras .extras .course-objectives ol,
.listView.customExtras .extras .course-objectives ol,
.largeView.courseExtras .extras .course-objectives li,
.smallView.courseExtras .extras .course-objectives li,
.listView.courseExtras .extras .course-objectives li,
.largeView.customExtras .extras .course-objectives li,
.smallView.customExtras .extras .course-objectives li,
.listView.customExtras .extras .course-objectives li {
  margin-top: 0.25em;
}
.blockView .product,
.blockView .title {
  background: none;
}
.blockView .title {
  padding: 56.25% 0 0;
  height: auto;
}
.blockView .title {
  color: inherit;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  overflow: visible;
}
.blockView .title .fn {
  height: 40px;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.product-details-right .blockView .title .fn {
  height: auto;
  color: #fff;
}
.blockView a.title {
  color: #f96302;
  border-top: 0.5em solid transparent;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.blockView a.title:hover,
.blockView a.title:focus {
  color: #c64f02;
}
.blockView a.title:hover:active {
  color: #943b01;
}
.blockView > div:nth-child(4) ~ div {
  border-top: 1px solid #eee;
  padding-top: 1em;
}
@media (max-width: 1023px) and (min-width: 737px) {
  .blockView > div:nth-child(3) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width: 736px) and (min-width: 415px) {
  .blockView > div:nth-child(2) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width: 414px) {
  .blockView > div ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
#clients h2 {
  text-align: center;
}
#clients .spotlight {
  background: none;
  height: auto !important;
}
#clients .spotlight-element {
  padding: 0;
}
#clients .spotlight-transition {
  background: #fff;
}
.clientsView {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.clientsView > div {
  width: calc((100% - 16px * 4) / 5);
}
.clientsView img {
  width: 100%;
}
.no-flex-gap .clientsView > div {
  margin-right: 16px;
}
.no-flex-gap .clientsView > div:nth-child(5n) {
  margin-right: 0;
}
@media (max-width: 599px) {
  .clientsView > div {
    width: calc((100% - 16px * 2) / 3);
  }
  .no-flex-gap .clientsView > div:nth-child(3n) ~ div {
    margin-top: 16px;
  }
}
@media (max-width: 425px) {
  .clientsView > div {
    width: calc(42%);
  }
  .no-flex-gap .clientsView > div:nth-child(2n) ~ div {
    margin-top: 16px;
  }
}
#search_filters .coz-input-select > input {
  width: 140px;
}
@media (max-width: 639px) and (min-width: 361px) {
  #search_filters {
    padding-right: 16px;
  }
  #search_filters .coz-input-select {
    display: block;
  }
  #search_filters > * {
    float: left;
    width: 50%;
  }
  #search_filters > :nth-child(2n) {
    position: relative;
    left: 16px;
  }
}
@media (max-width: 639px) {
  #search_filters .coz-input-select > input {
    width: 100%;
  }
}
.memberships {
  margin: 1em 0;
  zoom: 1;
}
.memberships > * {
  float: left;
}
.memberships > * ~ * {
  margin-left: 1em;
}
.memberships button {
  width: 100%;
}
@media (max-width: 639px) {
  .memberships > * ~ * {
    clear: left;
    margin-top: 1em;
    margin-left: 0;
  }
}
.product-details-right .accordion > dt > button,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input) {
  background-color: rgba(92, 92, 92, 0.7);
  color: #fff;
}
.product-details-right .accordion > dt > button:before,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button:after,
.product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:before,
.no-mask-image .product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button:after,
.no-mask-image .product-details-right .accordion > dt > button.button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button.button-flat,
.product-details-right .accordion > dt > button.flat,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.product-details-right .accordion > dt > button.button-flat:before,
.product-details-right .accordion > dt > button.flat:before,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button.button-flat:after,
.product-details-right .accordion > dt > button.flat:after,
.product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/000000/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button.button-flat:before,
.no-mask-image .product-details-right .accordion > dt > button.flat:before,
.no-mask-image .product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button.button-flat:after,
.no-mask-image .product-details-right .accordion > dt > button.flat:after,
.no-mask-image .product-details-right .accordion > dt > button.button.button-flat:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button:hover,
.product-details-right .accordion > dt > button.hover,
.product-details-right .accordion > dt > button:focus,
.product-details-right .accordion > dt > button.focus {
  background-color: rgba(92, 92, 92, 0.8);
  color: #fff;
}
.product-details-right .accordion > dt > button:hover:before,
.product-details-right .accordion > dt > button.hover:before,
.product-details-right .accordion > dt > button:focus:before,
.product-details-right .accordion > dt > button.focus:before,
.product-details-right .accordion > dt > button:hover:after,
.product-details-right .accordion > dt > button.hover:after,
.product-details-right .accordion > dt > button:focus:after,
.product-details-right .accordion > dt > button.focus:after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:hover:before,
.no-mask-image .product-details-right .accordion > dt > button.hover:before,
.no-mask-image .product-details-right .accordion > dt > button:focus:before,
.no-mask-image .product-details-right .accordion > dt > button.focus:before,
.no-mask-image .product-details-right .accordion > dt > button:hover:after,
.no-mask-image .product-details-right .accordion > dt > button.hover:after,
.no-mask-image .product-details-right .accordion > dt > button:focus:after,
.no-mask-image .product-details-right .accordion > dt > button.focus:after {
  background-color: transparent;
}
.product-details-right .accordion > dt > button:hover:active,
.product-details-right .accordion > dt > button.hover:active,
.product-details-right .accordion > dt > button.active:hover,
.product-details-right .accordion > dt > button.active.hover,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input) {
  background-color: rgba(92, 92, 92, 0.9);
  color: #fff;
}
.product-details-right .accordion > dt > button:hover:active:before,
.product-details-right .accordion > dt > button.hover:active:before,
.product-details-right .accordion > dt > button.active:hover:before,
.product-details-right .accordion > dt > button.active.hover:before,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input):before,
.product-details-right .accordion > dt > button:hover:active:after,
.product-details-right .accordion > dt > button.hover:active:after,
.product-details-right .accordion > dt > button.active:hover:after,
.product-details-right .accordion > dt > button.active.hover:after,
.product-details-right .accordion > dt > button.button:not(a):not(label):not(input):after {
  background-color: #fff;
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.png');
  background-image: url(/colorReplace/ffffff/images/webshop/button-icons-mask.svg), none;
}
.no-mask-image .product-details-right .accordion > dt > button:hover:active:before,
.no-mask-image .product-details-right .accordion > dt > button.hover:active:before,
.no-mask-image .product-details-right .accordion > dt > button.active:hover:before,
.no-mask-image .product-details-right .accordion > dt > button.active.hover:before,
.no-mask-image .product-details-right .accordion > dt > button.button:not(a):not(label):not(input):before,
.no-mask-image .product-details-right .accordion > dt > button:hover:active:after,
.no-mask-image .product-details-right .accordion > dt > button.hover:active:after,
.no-mask-image .product-details-right .accordion > dt > button.active:hover:after,
.no-mask-image .product-details-right .accordion > dt > button.active.hover:after,
.no-mask-image .product-details-right .accordion > dt > button.button:not(a):not(label):not(input):after {
  background-color: transparent;
}
.product-details-right .coz-loading-overlay {
  background: #333333;
}
.coz-input-listpicker > div > ul {
  height: 398px;
}
body > .iti {
  position: absolute;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}
.iti--separate-dial-code .iti__selected-flag:hover {
  background-color: rgba(0, 0, 0, 0.2);
  transition: none;
}
.iti__flag-container {
  padding: 0;
}
.iti__flag-container:focus-within .iti__country-list,
.iti__flag-container:focus-within ~ input,
.iti__flag-container:focus-within ~ .coz-input > input {
  border-color: #f96302;
}
.iti__selected-flag {
  border: 1px solid transparent;
  border-radius: 6px 0 0 6px;
}
.iti__selected-flag:focus {
  outline: 0;
}
.coz-input-tel-intl > input {
  visibility: hidden;
}
.coz-input-tel-intl > .iti {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.coz-input-tel-intl > .iti .coz-input {
  display: block;
}
.coz-input-tel-intl > .iti input {
  width: 100%;
}
.webshop-screens:has(.vcard) {
  display: flex;
  flex-direction: column;
}
.webshop-screens:has(.vcard) .vcard,
.webshop-screens:has(.vcard) #map {
  order: 2;
}
.webshop-screens:has(.vcard) .vcard {
  margin-top: 1em;
}
.webshop-screens:has(.vcard) h2 {
  margin-top: 0;
}