html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
				display: block;
}

html {
				width: 100%;
				height: 100%;
}

body {
				line-height: 1;
				width: 100%;
				height: 100%;
				font-size: 14px;
}

a {
				text-decoration: none;
}

b {
				font-weight: 800;
}

i {
				font-style: italic;
}

strong {
				font-weight: bold;
}

ol, ul {
				list-style: none;
}

blockquote, q {
				quotes: none;
}

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

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

input[type="submit"], input[type="button"] {
				border: none;
				-webkit-appearance: none;
				appearance: none;
}

/* END RESET */
.floatRight {
				float: right;
}

.floatLeft {
				float: left;
}

.clear:after {
				content: "";
				display: table;
				clear: both;
}

.flex {
				display: flex;
}

.borderTop {
				padding-top: 32px;
				border-top: 1px #eaeaea solid;
				margin-top: 32px;
}

.borderRight {
				padding-right: 32px;
				border-right: 1px #eaeaea solid;
				margin-right: 32px;
}

@media (max-width: 1200px) {
				.borderRight {
								padding-right: 0;
								border-right: 0;
								margin-right: 0;
								padding-bottom: 32px;
								border-bottom: 1px #eaeaea solid;
								margin-bottom: 32px;
				}
}

.borderBottom {
				padding-bottom: 32px;
				border-bottom: 1px #eaeaea solid;
				margin-bottom: 32px;
}

.borderLeft {
				padding-left: 32px;
				border-left: 1px #eaeaea solid;
				margin-left: 32px;
}

@media (max-width: 1200px) {
				.borderLeft {
								padding-left: 0;
								border-left: 0;
								margin-left: 0;
								padding-top: 32px;
								border-top: 1px #eaeaea solid;
								margin-top: 32px;
				}
}

.center {
				text-align: center;
}

.hide_mobile {
				display: none !important;
}

.marginT8 {
				margin-top: 8px;
}

.marginT16 {
				margin-top: 16px;
}

.marginT24 {
				margin-top: 24px;
}

.marginT32 {
				margin-top: 32px;
}

.marginT40 {
				margin-top: 40px;
}

.marginT48 {
				margin-top: 48px;
}

.marginB8 {
				margin-bottom: 8px;
}

.marginB16 {
				margin-bottom: 16px;
}

.marginB24 {
				margin-bottom: 24px;
}

.marginB32 {
				margin-bottom: 32px;
}

.marginB40 {
				margin-bottom: 40px;
}

.marginB48 {
				margin-bottom: 48px;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
				font-family: "Lato", sans-serif;
				letter-spacing: 0;
				color: #333;
				font-weight: 900;
				margin-bottom: 8px;
}

.btn {
				text-decoration: none;
				display: inline-block;
				position: relative;
				z-index: 1;
				background: #d62331;
				padding: 12px 24px;
				border-radius: 6px;
				color: #fff;
				text-transform: uppercase;
				font-weight: 700;
				font-size: 12px;
				line-height: 18px;
				transform: scale(1);
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn:hover {
				text-decoration: none;
				color: #fff;
				transform: scale(1.025, 1.025);
				box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.22);
}

.btn.dark {
				background: #333;
				color: #fff;
}

.btn.bright {
				background: #fff;
				color: #333;
}

.btn.grey {
				background: #eaeaea;
				color: #333;
}

.btn.big {
				font-size: 14px;
				padding: 14px 28px;
				text-decoration: none;
				line-height: 21px;
}

.btnClose {
				background: url("../assets/btn_close.svg") center center no-repeat;
				background-size: 16px;
				width: 40px;
				height: 40px;
				position: absolute;
				top: 16px;
				right: 16px;
				cursor: pointer;
}

.tab {
				display: inline-block;
				padding: 4px 8px;
				background: #333;
				border-radius: 6px 6px 0 0;
				color: #fff;
				font-weight: 700;
				font-size: 12px;
				text-transform: uppercase;
				text-decoration: none;
				z-index: 1;
				position: absolute;
				border-radius: 0 0 0 6px;
				right: 0;
				top: 32px;
}

.tab:hover {
				text-decoration: none;
				color: #fff;
				background: #d62331;
}

ol, ul {
				margin: 10px 0 10px 23px;
				list-style: inherit;
}

ol li,
ul li {
				display: list-item;
}

img {
				max-width: 100%;
				height: auto;
}

button,
input,
select,
textarea {
				margin: 8px 0;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
				box-shadow: 0 0 6px 0 #333;
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]),
select,
textarea {
				-webkit-appearance: none;
				height: 44px;
}

input[type=file] {
				margin-top: 8px;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea {
				width: 98%;
				padding: 12px;
				outline: 0;
				font-size: 16px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background: #fff;
				border: 1px solid #333;
				border-radius: 3px;
				color: #333;
				font-family: "Lato", sans-serif;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):-moz-placeholder, input:not([type=checkbox]):not([type=radio]):not([type=submit]):-ms-input-placeholder, input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder {
				color: #8E8E8E;
}

textarea {
				min-height: 150px;
}

input[type="search"] {
				width: 100%;
				-webkit-appearance: none;
				height: 30px;
				padding: 5px 2.5%;
				outline: 0;
				border: 1px solid #333;
				font-size: 16px;
				-webkit-border-radius: 25px;
				-moz-border-radius: 25px;
				border-radius: 25px;
}

input[type="search"]:hover {
				cursor: pointer;
				border-color: #333;
				background: #333;
				color: #fff;
				text-decoration: none;
}

select {
				font-family: "Lato", sans-serif;
				font-size: 16px;
				font-weight: 100;
				width: auto;
				max-width: 100%;
				border: 1px solid #333;
				padding: 10px 40px 10px 15px;
				border-radius: 3px;
				background: url("/site/assets/select_arrow.svg") #fff no-repeat;
				background-size: 16px;
				background-position: 90% 50%;
				background-position: right 16px center;
				apperance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				outline: none;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
}

select::-ms-expand {
				display: none;
}

label {
				display: inline-block;
				font-size: 14px;
				line-height: 20px;
				padding: 0;
}

b,
strong {
				font-weight: 600;
}

em {
				font-style: italic;
}

form {
				width: 100%;
				max-width: 400px;
				font-size: 14px;
				font-weight: 400;
				color: #333;
}

form table {
				width: 100%;
}

form.display_block table,
form.display_block tbody,
form.display_block td,
form.display_block th,
form.display_block tr {
				width: 100%;
				display: block;
				height: auto !important;
}

form.display_block td {
				float: left;
}

form.display_block td input#file {
				display: none;
}

form.display_block td input[type="text"],
form.display_block td textarea {
				margin-bottom: 5px;
}

a {
				text-decoration: underline;
				color: #333;
}

a:hover {
				color: #d62331;
				cursor: pointer;
				text-decoration: underline;
}

a.a-btn {
				text-decoration: none;
}

a.a-btn:active, a.a-btn:hover, a.a-btn:visited {
				text-decoration: none;
				color: #fff;
}

input[type=submit] {
				text-decoration: none;
				display: inline-block;
				position: relative;
				z-index: 1;
				background: #d62331;
				padding: 12px 24px;
				border-radius: 6px;
				color: #fff;
				text-transform: uppercase;
				font-weight: 700;
				font-size: 12px;
				line-height: 18px;
				transform: scale(1);
				box-shadow: 0 0 0 0 transparent;
				transition: transform 0.3s ease, box-shadow 0.3s ease;
				cursor: pointer;
}

input[type=submit]:hover {
				text-decoration: none;
				color: #fff;
				transform: scale(1.025, 1.025);
				box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.22);
}

input[type=submit].-big {
				font-size: 14px;
				padding: 14px 28px;
}

input[type=submit].-dark {
				background: #333;
				color: #fff;
}

input[type=submit].-bright {
				background: #fff;
				color: #333;
}

input[type="radio"] {
				display: none;
}

input[type="radio"] + label {
				width: 20px;
				height: 20px;
				display: inline-block;
				position: relative;
				top: 5px;
				background: url("../assets/radio_btn.svg") no-repeat;
				background-size: 100%;
				cursor: pointer;
				margin-right: 4px;
}

input[type="radio"]:checked + label {
				background: url("../assets/radio_btn_checked.svg") no-repeat;
}

h1.-colorWhite, h2.-colorWhite, h3.-colorWhite, h4.-colorWhite, h5.-colorWhite, .h1.-colorWhite, .h2.-colorWhite, .h3.-colorWhite, .h4.-colorWhite, .h5.-colorWhite {
				color: #fff;
}

h1.-colorPrimary, h2.-colorPrimary, h3.-colorPrimary, h4.-colorPrimary, h5.-colorPrimary, .h1.-colorPrimary, .h2.-colorPrimary, .h3.-colorPrimary, .h4.-colorPrimary, .h5.-colorPrimary {
				color: #333;
}

h1.-colorSecondary, h2.-colorSecondary, h3.-colorSecondary, h4.-colorSecondary, h5.-colorSecondary, .h1.-colorSecondary, .h2.-colorSecondary, .h3.-colorSecondary, .h4.-colorSecondary, .h5.-colorSecondary {
				color: #fff;
}

h1.-colorHighlight, h2.-colorHighlight, h3.-colorHighlight, h4.-colorHighlight, h5.-colorHighlight, .h1.-colorHighlight, .h2.-colorHighlight, .h3.-colorHighlight, .h4.-colorHighlight, .h5.-colorHighlight {
				color: #d62331;
}

h1, .h1 {
				font-size: 24px;
				line-height: 36px;
				font-size: 2.4rem;
				line-height: 3.6rem;
}

h2, .h2 {
				font-size: 24px;
				line-height: 36px;
				font-size: 2.4rem;
				line-height: 3.6rem;
}

h3, .h3 {
				font-size: 18px;
				line-height: 27px;
				font-size: 1.8rem;
				line-height: 2.7rem;
}

h4, .h4 {
				font-size: 16px;
				line-height: 24px;
				font-size: 1.6rem;
				line-height: 2.4rem;
				font-weight: 700;
}

h5, .h5 {
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				font-weight: 700;
}

* {
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-rendering: optimizeLegibility;
				-moz-font-feature-settings: "liga" on;
				margin: 0;
}

html {
				font-size: 62.5%;
				line-height: 1;
}

#message_box.show_message {
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				z-index: 8;
				left: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				background: rgba(51, 51, 51, 0.64);
}

#message_box .flash_message {
				padding: 24px;
				font-size: 24px;
				background: #333;
				color: #fff;
}

#message_box .flash_message.flash_message_success {
				background: #53aa32;
}

#message_box .flash_message.flash_message_error {
				background: #d62331;
}

body {
				font-family: "Open Sans", sans-serif;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				color: #333;
				font-weight: 400;
				background: #fafafa;
				position: relative;
				transition: position 0 ease 300ms;
}

body.menuOpen {
				position: fixed;
				transition: height 0 ease 300ms;
}

body.menuOpen #topBar #menuBtn {
				background: url("/site/assets/btn_menu_close.svg") center center no-repeat;
}

@media (max-width: 960px) {
				body.menuOpen #sidebar {
								transform: translate3d(0, 0, 0);
								transition: transform ease-out 0.3s;
				}
}

body.changePasswordOpen #sidebar input#openSearch, body.changeUserOpen #sidebar input#openSearch, body.editProfileOpen #sidebar input#openSearch, body.libraryOpen #sidebar input#openSearch, body.profileOpen #sidebar input#openSearch, body.searchOpen #sidebar input#openSearch, body.userOpen #sidebar input#openSearch {
				background: rgba(0, 0, 0, 0.66) url("/site/assets/icon_search.svg") no-repeat 16px 16px;
				transition: background ease-out 0.1s 0.15s;
}

body.changePasswordOpen #sidebar input#openSearch:focus, body.changePasswordOpen #sidebar input#openSearch:hover, body.changeUserOpen #sidebar input#openSearch:focus, body.changeUserOpen #sidebar input#openSearch:hover, body.editProfileOpen #sidebar input#openSearch:focus, body.editProfileOpen #sidebar input#openSearch:hover, body.libraryOpen #sidebar input#openSearch:focus, body.libraryOpen #sidebar input#openSearch:hover, body.profileOpen #sidebar input#openSearch:focus, body.profileOpen #sidebar input#openSearch:hover, body.searchOpen #sidebar input#openSearch:focus, body.searchOpen #sidebar input#openSearch:hover, body.userOpen #sidebar input#openSearch:focus, body.userOpen #sidebar input#openSearch:hover {
				box-shadow: none;
				background: rgba(0, 0, 0, 0.66) url("/site/assets/icon_search_hover.svg") no-repeat 16px 16px;
}

body.searchOpen #sidebar #searchOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.userOpen #sidebar #userOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.userOpen #sidebar #sidebarFooter #sidebarUser {
				background: #fff;
				color: #333;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				transition: background ease-out 0.3s, color ease-out 0.3s;
}

body.userOpen #sidebar #sidebarFooter #sidebarUser span:before {
				background: url("/site/assets/icon_user_dark.svg") no-repeat center center;
				transition: background ease-out 0.1s;
}

body.userOpen #sidebar #sidebarFooter #sidebarUser:after {
				background: url("/site/assets/divider_sidebar_bottom_dark.svg") no-repeat center center;
				transition: background ease-out 0.3s;
				background: none;
}

body.profileOpen #sidebar #profileOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.profileOpen #sidebar #sidebarFooter #sidebarUser {
				background: #fff;
				color: #333;
				transition: background ease-out 0.3s, color ease-out 0.3s;
}

body.profileOpen #sidebar #sidebarFooter #sidebarUser span:before {
				background: url("/site/assets/icon_user_dark.svg") no-repeat center center;
				transition: background ease-out 0.1s;
}

body.profileOpen #sidebar #sidebarFooter #sidebarUser:after {
				background: url("/site/assets/divider_sidebar_bottom_dark.svg") no-repeat center center;
				transition: background ease-out 0.3s;
				background: none;
}

body.profileOpen.editProfileOpen #sidebar #profileOverlay #editProfile {
				background: url("/site/assets/done_profile.svg") center center no-repeat;
				height: 16px;
				width: 21px;
}

body.profileOpen.editProfileOpen #sidebar #profileOverlay #profileInfo li #profileName input {
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				font-weight: normal;
}

body.changeUserOpen #sidebar #changeUserOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.changeUserOpen #sidebar #changeUserOverlay .changeUserInputBox {
				margin-bottom: 16px;
}

body.changeUserOpen #sidebar #changeUserOverlay .changeUserInputBox label {
				margin-bottom: 8px;
}

body.changeUserOpen #sidebar #changeUserOverlay .changeUserInputBox select {
				display: block;
				width: 100%;
}

body.changeUserOpen #sidebar #sidebarFooter #sidebarUser {
				background: #fff;
				color: #333;
				transition: background ease-out 0.3s, color ease-out 0.3s;
}

body.changeUserOpen #sidebar #sidebarFooter #sidebarUser span:before {
				background: url("/site/assets/icon_user_dark.svg") no-repeat center center;
				transition: background ease-out 0.1s;
}

body.changeUserOpen #sidebar #sidebarFooter #sidebarUser:after {
				background: url("/site/assets/divider_sidebar_bottom_dark.svg") no-repeat center center;
				transition: background ease-out 0.3s;
				background: none;
}

body.changePasswordOpen #sidebar #changePasswordOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.changePasswordOpen #sidebar #sidebarFooter #sidebarUser {
				background: #fff;
				color: #333;
				transition: background ease-out 0.3s, color ease-out 0.3s;
}

body.changePasswordOpen #sidebar #sidebarFooter #sidebarUser span:before {
				background: url("/site/assets/icon_user_dark.svg") no-repeat center center;
				transition: background ease-out 0.1s;
}

body.changePasswordOpen #sidebar #sidebarFooter #sidebarUser:after {
				background: url("/site/assets/divider_sidebar_bottom_dark.svg") no-repeat center center;
				transition: background ease-out 0.3s;
				background: none;
}

body.libraryOpen #sidebar #libraryOverlay {
				bottom: 64px;
				transition: bottom ease-out 0.3s;
				visibility: visible;
}

body.libraryOpen #sidebar #sidebarFooter #sidebarLibrary {
				background: #fff;
				color: #333;
				transition: background ease-out 0.3s, color ease-out 0.3s;
}

body.libraryOpen #sidebar #sidebarFooter #sidebarLibrary span:before {
				background: url("/site/assets/icon_library_dark.svg") no-repeat center center;
				transition: background ease-out 0.1s;
}

body.libraryOpen #sidebar #sidebarFooter #sidebarUser:after {
				background: url("/site/assets/divider_sidebar_bottom_dark.svg") no-repeat center center;
				transition: background ease-out 0.3s;
				background: none;
}

body#startpage #content .colSmall {
				width: 25%;
}

@media (max-width: 1200px) {
				body#startpage #content .colSmall {
								width: 100%;
				}
}

body#startpage #content .colLarge {
				width: calc(75% - 32px);
}

@media (max-width: 1200px) {
				body#startpage #content .colLarge {
								width: 100%;
				}
}

body#startpage #content .colLarge.borderLeft, body#startpage #content .colLarge.borderRight {
				width: calc(75% - 32px);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

@media (max-width: 1200px) {
				body#startpage #content .colLarge.borderLeft, body#startpage #content .colLarge.borderRight {
								width: 100%;
				}
}

@media (min-width: 2060px) {
				@supports (display: grid) {
								body#startpage #content .gridArea {
												grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
								}
				}
}

@supports (display: grid) {
				body#startpage #content .gridArea .gridItem {
								margin-top: 32px;
				}
}

@media (max-width: 1645px) {
				body#startpage #content .gridArea .gridItem {
								width: calc(33.3333333333% - 24px);
				}
				@supports (display: grid) {
								body#startpage #content .gridArea .gridItem {
												width: initial;
								}
				}
}

@media (max-width: 1304px) {
				body#startpage #content .gridArea .gridItem {
								width: calc(50% - 24px);
				}
				@supports (display: grid) {
								body#startpage #content .gridArea .gridItem {
												width: initial;
								}
				}
}

@media (max-width: 1645px) {
				body#startpage #content .gridArea.nested .gridItem {
								width: calc(100%);
				}
				@supports (display: grid) {
								body#startpage #content .gridArea.nested .gridItem {
												width: initial;
												margin: 0;
								}
				}
}

body#startpage #content h1 {
				font-size: 20px;
				line-height: 30px;
				font-size: 2rem;
				line-height: 3rem;
}

body#videoOverview #introHeading {
				text-align: center;
}

#topBarBg {
				position: fixed;
				top: -80px;
				left: 0;
				right: 0;
				transition: top ease-in 0.3s;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				visibility: hidden;
}

@media (max-width: 960px) {
				#topBarBg {
								height: 64px;
								width: 100%;
								background: rgba(255, 255, 255, 0.88);
								border-bottom: 1px solid #fafafa;
								top: 0;
								z-index: 9;
								transition: top ease-out 0.3s 0.3s;
								visibility: visible;
				}
}

#topBar {
				height: 64px;
				width: 100%;
				padding: 8px;
				position: fixed;
				top: -64px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				transition: top ease-in 0.3s;
				visibility: hidden;
}

@media (max-width: 960px) {
				#topBar {
								display: block;
								top: 0;
								z-index: 99;
								transition: top ease-out 0.3s 0.3s;
								visibility: visible;
				}
}

#topBar #topLogo img {
				height: 32px;
				margin: 8px auto;
				position: absolute;
				left: 0;
				right: 0;
}

#topBar #menuBtn {
				background: url("/site/assets/btn_menu_open.svg") center center no-repeat;
				width: 48px;
				height: 48px;
				position: absolute;
}

.iconContainer .icon {
				height: 20px;
				width: 20px;
}

.iconContainer .icon.video {
				background: url("/site/assets/item_icon_video.svg") no-repeat;
}

.iconContainer .icon.audio {
				background: url("/site/assets/item_icon_sound.svg") no-repeat;
}

.iconContainer .icon.gallery {
				background: url("/site/assets/item_icon_picture.svg") no-repeat;
}

.iconContainer .icon.pdf {
				background: url("/site/assets/item_icon_document.svg") no-repeat;
}

#sidebar {
				width: 320px;
				width: 288px;
				height: 100%;
				position: fixed;
				left: 0;
				background: url("/site/assets/bg2.jpg") no-repeat;
				background-size: cover;
				z-index: 9;
				overflow: hidden;
}

@media (max-width: 960px) {
				#sidebar {
								background: #333;
								width: 100%;
								transform: translate3d(-100%, 0, 0);
								transition: transform ease-in 0.3s;
				}
}

#sidebar #logoContainer {
				height: 96px;
				height: 96px;
				width: 100%;
				position: absolute;
				z-index: 999999;
}

@media (max-width: 960px) {
				#sidebar #logoContainer {
								opacity: 0;
								height: 64px;
				}
}

#sidebar #logoContainer #logo {
				width: 152px;
				margin: 8px auto;
				padding: 24px 0;
				background: transparent;
}

#sidebar input#openSearch {
				width: 100%;
				height: 48px;
				background: rgba(255, 255, 255, 0.1) url("/site/assets/icon_search.svg") no-repeat 16px 16px;
				background-size: 16px;
				border: none;
				font-size: 20px;
				text-align: left;
				color: rgba(255, 255, 255, 0.7);
				border-radius: 0;
				padding: 8px 48px;
				margin: 0;
				transition: background-image ease 0.3s, background ease-in 0.2s;
				position: absolute;
				z-index: 99999;
				top: 105px;
				height: 48px;
}

#sidebar input#openSearch:focus, #sidebar input#openSearch:hover {
				box-shadow: none;
				background: rgba(255, 255, 255, 0.1) url("/site/assets/icon_search_hover.svg") no-repeat 16px 16px;
}

#sidebar #menu,
#sidebar #menu_mobile {
				z-index: 0;
				height: calc(100% - 216px);
				overflow-y: auto;
				overflow-x: hidden;
				-webkit-overflow-scrolling: touch;
				z-index: 0;
				margin-top: 152px;
}

#sidebar #menu ul,
#sidebar #menu_mobile ul {
				margin: 40px;
}

#sidebar #menu li,
#sidebar #menu_mobile li {
				list-style: none;
				margin: 16px 0;
}

#sidebar #menu a,
#sidebar #menu_mobile a {
				text-transform: uppercase;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				color: #fff;
				text-decoration: none;
				display: block;
				transition: transform ease;
				-webkit-transition-duration: 380ms;
				transition-duration: 380ms;
				transform: translateZ(0) scale(1);
				cursor: pointer;
				text-shadow: 0 2px 40px rgba(0, 0, 0, 0.5);
}

@media (max-width: 960px) {
				#sidebar #menu a,
				#sidebar #menu_mobile a {
								font-size: 16px;
								line-height: 24px;
								font-size: 1.6rem;
								line-height: 2.4rem;
				}
}

#sidebar #menu a:hover,
#sidebar #menu_mobile a:hover {
				-webkit-perspective-origin: left top;
				perspective-origin: left top;
				transform: scaleX(1.05) scaleY(1.05) translateX(2px) translateY(0px) translateZ(1px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}

@media (max-width: 960px) {
				#sidebar #menu a:hover,
				#sidebar #menu_mobile a:hover {
								transform: none;
				}
}

#sidebar #menu a.active,
#sidebar #menu_mobile a.active {
				color: #d62331;
}

#sidebar #menu a.hasChildren:before,
#sidebar #menu_mobile a.hasChildren:before {
				content: "";
				background: url("/site/assets/has_children.svg") no-repeat;
				display: block;
				position: absolute;
				width: 6px;
				height: 12px;
				margin: 8px 0;
				left: -16px;
}

#sidebar #menu .subLevel,
#sidebar #menu_mobile .subLevel {
				width: 100%;
				height: calc(100vh - 64px);
				padding-top: 154px;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				background: #333;
				z-index: 999;
				border-right: 1px solid #000;
				visibility: hidden;
				overflow: hidden;
				transform: translate3d(-100%, 0, 0);
				transition: transform ease-in 0.3s, visibility ease-in 0.3s;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

#sidebar #menu .subLevel .subLevelHeader,
#sidebar #menu_mobile .subLevel .subLevelHeader {
				border-bottom: 1px solid #fff;
				padding: 0 48px;
				text-align: center;
}

#sidebar #menu .subLevel .subLevelInnerContainer,
#sidebar #menu_mobile .subLevel .subLevelInnerContainer {
				overflow-y: auto;
				overflow-x: hidden;
				height: calc(100vh - 278px);
}

#sidebar #menu .subLevel .goBackLevel,
#sidebar #menu_mobile .subLevel .goBackLevel {
				background: url("/site/assets/go_back.svg") center center no-repeat;
				position: absolute;
				left: 0;
				width: 6px;
				height: 12px;
				right: 0;
				display: inline-block;
				padding: 24px;
				cursor: pointer;
}

#sidebar #menu .subLevel .goBackTopLevel,
#sidebar #menu_mobile .subLevel .goBackTopLevel {
				width: 11px;
				height: 12px;
				background: url("/site/assets/go_back_top_level.svg") center center no-repeat;
				position: absolute;
				right: 0;
				display: inline-block;
				padding: 24px;
				cursor: pointer;
}

#sidebar #menu .subLevel ul,
#sidebar #menu_mobile .subLevel ul {
				margin: 0 40px;
				padding-bottom: 160px;
}

#sidebar #menu .subLevel h3,
#sidebar #menu_mobile .subLevel h3 {
				padding: 16px 0;
				color: #fff;
				text-transform: uppercase;
				margin-bottom: 0;
				display: inline-block;
				font-size: 16px;
				line-height: 24px;
				font-size: 1.6rem;
				line-height: 2.4rem;
}

#sidebar #menu .openLevel > a,
#sidebar #menu_mobile .openLevel > a {
				transition: none;
}

#sidebar #menu .openLevel > a:hover,
#sidebar #menu_mobile .openLevel > a:hover {
				transform: none;
}

#sidebar #menu .openLevel > .subLevel,
#sidebar #menu_mobile .openLevel > .subLevel {
				transform: translate3d(0, 0, 0);
				transition: transform ease-out 0.3s, visibility ease-out 0.3s;
				visibility: visible;
}

#sidebar #menu {
				display: block;
}

@media (max-width: 960px) {
				#sidebar #menu {
								display: none;
				}
}

#sidebar #menu_mobile {
				display: none;
}

@media (max-width: 960px) {
				#sidebar #menu_mobile {
								display: block;
				}
}

#sidebar #sidebarFooter {
				width: 100%;
				position: absolute;
				bottom: 0;
				z-index: 9999;
				transition: background ease-in 0.3s 0.3s;
				background: #333;
				border-top: 1px solid #eaeaea;
}

@media (max-width: 960px) {
				#sidebar #sidebarFooter {
								position: fixed;
								padding-bottom: env(safe-area-inset-bottom);
								box-sizing: border-box;
				}
}

#sidebar #sidebarFooter #sidebarLibrary,
#sidebar #sidebarFooter #sidebarUser {
				width: 50%;
				height: 64px;
				float: left;
				color: #fff;
				transition: color ease-in 0.3s;
				text-align: center;
				position: relative;
				background: transparent;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

#sidebar #sidebarFooter #sidebarLibrary span,
#sidebar #sidebarFooter #sidebarUser span {
				text-align: left;
				display: inline-block;
				position: relative;
				cursor: pointer;
				padding: 22px 0;
}

#sidebar #sidebarFooter #sidebarLibrary span:before,
#sidebar #sidebarFooter #sidebarUser span:before {
				content: "";
				position: absolute;
				left: 0;
				transition: background ease-in 0.3s;
}

#sidebar #sidebarFooter #sidebarUser span {
				padding-left: 20px;
}

#sidebar #sidebarFooter #sidebarUser span:before {
				content: "";
				height: 21px;
				width: 12px;
				background: url("/site/assets/icon_user.svg") no-repeat center center;
}

#sidebar #sidebarFooter #sidebarUser:after {
				content: "";
				width: 1px;
				height: 24px;
				display: block;
				position: absolute;
				top: 20px;
				right: 0;
				background: url("/site/assets/divider_sidebar_bottom.svg") no-repeat center center;
				transition: background ease-in 0.3s;
}

#sidebar #sidebarFooter #sidebarLibrary span {
				padding-left: 24px;
}

#sidebar #sidebarFooter #sidebarLibrary span:before {
				content: "";
				height: 21px;
				width: 16px;
				background: url("/site/assets/icon_library.svg") no-repeat center center;
}

#sidebar .sidebarOverlay {
				height: 0;
				width: 0;
				bottom: 0;
				position: absolute;
				width: 100%;
				bottom: -100%;
				transition: bottom ease-in 0.3s, visibility 0.1s ease-in 0.3s;
				background: #fff;
				height: calc(100% - 64px);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				visibility: hidden;
				z-index: 999;
}

#sidebar .sidebarOverlay h2.borderBottom {
				margin-bottom: 16px;
				padding-bottom: 16px;
}

#sidebar .sidebarOverlay .sidebarOverlayInner {
				height: calc(100vh - 281px);
				margin-top: 153px;
				padding: 32px;
				overflow: auto;
				-webkit-overflow-scrolling: touch;
}

#sidebar .sidebarOverlay .fader {
				width: 320px;
				height: 80px;
				background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
				background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
				background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #FFFFFF 88%);
				position: fixed;
				bottom: 64px;
				left: 0;
				right: 0;
				z-index: 999;
				pointer-events: none;
				opacity: 0;
}

#sidebar #userOverlay #userMenu ul {
				margin: 32px 0;
}

#sidebar #userOverlay #userMenu li {
				list-style: none;
				margin: 16px 0;
}

#sidebar #userOverlay #userMenu a {
				text-transform: uppercase;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				color: #333;
				text-decoration: none;
				display: block;
				transition: transform ease;
				-webkit-transition-duration: 380ms;
				transition-duration: 380ms;
				transform: translateZ(0) scale(1);
				cursor: pointer;
}

@media (max-width: 960px) {
				#sidebar #userOverlay #userMenu a {
								font-size: 16px;
								line-height: 24px;
								font-size: 1.6rem;
								line-height: 2.4rem;
				}
}

#sidebar #userOverlay #userMenu a:hover {
				-webkit-perspective-origin: left top;
				perspective-origin: left top;
				transform: scaleX(1.05) scaleY(1.05) translateX(2px) translateY(0px) translateZ(1px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}

#sidebar #userOverlay #userMenu a.hasChildren:before {
				content: "";
				background: url("/site/assets/has_children.svg") no-repeat;
				display: block;
				position: absolute;
				width: 6px;
				height: 12px;
				margin: 8px 0;
				left: -16px;
}

#sidebar #profileOverlay ul {
				margin: 0;
}

#sidebar #profileOverlay ul li {
				list-style: none;
}

@media (max-width: 960px) {
				#sidebar #profileOverlay #profileCourses {
								margin-bottom: 64px;
				}
}

#sidebar #profileOverlay #editProfile {
				background: url("/site/assets/edit_profile.svg") no-repeat;
				width: 16px;
				height: 16px;
				display: inline-block;
				float: right;
				right: 32px;
				margin-top: 8px;
				cursor: pointer;
}

#sidebar #profileOverlay #profileInfo {
				margin-bottom: 64px;
}

#sidebar #profileOverlay #profileInfo li input:disabled {
				height: auto;
				border: 0;
				margin: 0;
				padding: 0;
				display: inline-block;
				color: #333;
}

#sidebar #profileOverlay #profileInfo li#profileName input {
				font-size: 16px;
				line-height: 24px;
				font-size: 1.6rem;
				line-height: 2.4rem;
				font-weight: 700;
}

#sidebar #profileOverlay #profileAutoLogin {
				margin-bottom: 64px;
}

#sidebar #profileOverlay #profileAutoLogin label {
				margin-top: 4px;
}

#sidebar #profileOverlay #profileCourses li {
				border-bottom: 1px solid #eaeaea;
				padding-bottom: 8px;
				margin-bottom: 8px;
}

#sidebar #profileOverlay .finishedDate {
				opacity: 0.5;
}

#sidebar #libraryOverlay ul {
				margin: 32px 0;
}

@media (max-width: 960px) {
				#sidebar #libraryOverlay ul {
								margin-bottom: 64px;
				}
}

#sidebar #libraryOverlay ul li {
				list-style: none;
				margin: 24px 0;
}

#sidebar #libraryOverlay ul li h3 {
				text-transform: uppercase;
}

#sidebar #libraryOverlay .btn {
				margin: 8px 8px 0 0;
}

#sidebar #libraryOverlay .btn:after {
				padding: 8px;
}

#sidebar #searchOverlay a {
				text-decoration: none;
}

#sidebar #searchOverlay ul {
				margin: 0 0 32px;
}

#sidebar #searchOverlay ul li {
				list-style: none;
				border-bottom: 1px solid #eaeaea;
				padding-bottom: 16px;
				margin-bottom: 16px;
}

#sidebar #searchOverlay h5 {
				margin-bottom: 0;
}

#sidebar #searchOverlay .searchIconContainer {
				margin-top: 8px;
				height: 20px;
				width: 100%;
}

#sidebar #searchOverlay .searchIconContainer .icon {
				display: inline-block;
				margin-left: 4px;
}

#sidebar #searchOverlay .searchIconContainer .icon:first-child {
				margin-left: 0;
}

#sidebar .closeSidebar {
				height: 12px;
				width: 22px;
				background: url("/site/assets/sidebar_arrow_down.svg") center center no-repeat;
				margin: 0 auto 24px;
				cursor: pointer;
}

#content {
				width: calc(100% - 320px);
				width: calc(100% - 288px);
				padding: 32px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				float: right;
				background: #fafafa;
				margin-top: 0;
				transition: margin-top ease-in 0.3s;
}

@media (max-width: 960px) {
				#content {
								width: 100%;
								padding: 0;
								margin-top: 64px;
								transition: margin-top ease-out 0.3s 0.3s;
				}
}

#content #innerContainer {
				padding: 32px;
				background: #fff;
				border: 1px solid #eaeaea;
				font-size: 16px;
				line-height: 24px;
				font-size: 1.6rem;
				line-height: 2.4rem;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				min-height: 100vh;
				min-height: calc(100vh - 64px);
}

@media (max-width: 1025px) {
				#content #innerContainer {
								padding: 16px;
								min-height: calc(100vh - 32px);
				}
}

#content .gridArea {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-flow: row wrap;
				flex-flow: row wrap;
				justify-content: flex-start;
				margin: 0 -12px;
}

#content .gridArea .gridItem {
				min-width: 175px;
				width: calc(25% - 24px);
				margin: 0 12px 24px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

@media (min-width: 1645px) {
				#content .gridArea .gridItem {
								width: calc(16,6666666667% - 24px);
				}
}

@media (max-width: 1645px) {
				#content .gridArea .gridItem {
								width: calc(16,6666666667% - 24px);
				}
}

@media (max-width: 1200px) {
				#content .gridArea .gridItem {
								width: calc(33.3333333333% - 24px);
				}
}

@media (max-width: 1025px) {
				#content .gridArea .gridItem {
								width: calc(50% - 24px);
				}
}

@supports (display: grid) {
				#content .gridArea.nested {
								margin-bottom: 32px;
				}
}

#content .gridArea.nested .gridItem {
				width: 100%;
				min-width: 175px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

@supports (display: grid) {
				#content .gridArea.nested .gridItem {
								float: none;
								margin: 0 auto;
				}
				@media (min-width: 321px) {
								#content .gridArea.nested .gridItem {
												min-width: initial;
								}
				}
				@media (max-width: 1200px) {
								#content .gridArea.nested .gridItem:nth-child(even) {
												margin-left: initial;
								}
				}
}

#content .gridArea.nested .gridItem .gridItemPreInfo .tab {
				float: left;
}

@supports (display: grid) {
				#content .gridArea {
								display: grid;
								grid-gap: 24px 24px;
								grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
								flex-flow: initial;
								justify-content: initial;
								margin: auto;
				}
				@media (max-width: 960px) {
								#content .gridArea {
												grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
												grid-gap: 16px 16px;
								}
				}
				#content .gridArea .gridItem {
								width: initial;
								margin: initial;
								box-sizing: initial;
				}
				@media (min-width: 321px) {
								#content .gridArea .gridItem {
												min-width: initial;
								}
				}
}

#content .gridArea .gridItem {
				background: #fff;
				border: 1px solid #EAEAEA;
				position: relative;
				z-index: 1;
}

#content .gridArea .gridItem.hasBeenSeen:after {
				content: "";
				position: absolute;
				top: 8px;
				left: 8px;
				display: block;
				background: url("/site/assets/icon_checked.svg") no-repeat;
				background-size: 100%;
				width: 32px;
				height: 32px;
}

#content .gridArea .gridItem.hasBeenSeen.dark:after {
				background: url("/site/assets/icon_checked_white.svg") no-repeat;
				background-size: 100%;
}

#content .gridArea .gridItem.dark .icon.video {
				background: url("/site/assets/item_icon_video_white.svg") no-repeat;
}

#content .gridArea .gridItem.dark .icon.audio {
				background: url("/site/assets/item_icon_sound_white.svg") no-repeat;
}

#content .gridArea .gridItem.dark .icon.gallery {
				background: url("/site/assets/item_icon_picture_white.svg") no-repeat;
}

#content .gridArea .gridItem.dark .icon.pdf {
				background: url("/site/assets/item_icon_document_white.svg") no-repeat;
}

#content .gridArea .gridItem .gridItemOverlay {
				display: none;
}

#content .gridArea .gridItem.isDisabled:before {
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(51, 51, 51, 0.24) url(/site/assets/locked.svg) no-repeat center center;
				background-size: 64px;
}

#content .gridArea .gridItem.isDisabled:hover:before {
				background: rgba(51, 51, 51, 0.72) url(/site/assets/unlock.svg) no-repeat center center;
				background-size: 64px;
}

#content .gridArea .gridItem.isDisabled:hover .gridItemOverlay {
				display: block;
				width: 100%;
				position: absolute;
				padding: 32px;
				box-sizing: border-box;
				text-align: center;
				color: #fff;
				right: 0;
				bottom: 32px;
				left: 0;
}

#content .gridArea .gridItem.isDisabled:hover .gridItemOverlay a {
				color: #fff;
}

#content .gridArea .gridItem.isDisabled:hover .gridItemOverlay a:hover {
				color: #d62331;
}

#content .gridArea .gridItem .gridItemPreInfo {
				width: 100%;
				position: absolute;
				top: -32px;
}

#content .gridArea .gridItem .gridItemPreInfo h4 {
				float: left;
}

#content .gridArea .gridItem .gridItemPreInfo .tab {
				float: right;
}

#content .gridArea .gridItem .gridItemLink, #content .gridArea .gridItem .gridItemLink:active, #content .gridArea .gridItem .gridItemLink:focus, #content .gridArea .gridItem .gridItemLink:hover {
				text-decoration: none;
				color: #333;
}

#content .gridArea .gridItem .gridImageContainer {
				overflow: hidden;
}

#content .gridArea .gridItem .gridImageContainer img {
				min-width: 100%;
}

#content .gridArea .gridItem .gridIconContainer {
				width: auto;
}

#content .gridArea .gridItem .gridIconContainer .icon {
				display: inline-block;
				margin-left: 4px;
				margin-top: 4px;
				margin-bottom: 4px;
}

#content .gridArea .gridItem .gridIconContainer .icon:first-child {
				margin-left: 0;
}

#content .gridArea .gridItem .gridTextContainer {
				padding: 16px;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
}

@media (max-width: 960px) {
				#content .gridArea .gridItem .gridTextContainer {
								padding: 8px 16px;
				}
}

#content .gridArea .gridItem .gridTextContainer h4 {
				margin-bottom: 4px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
}

#content .gridArea .gridItem .gridTextContainer .gridText {
				word-break: break-word;
}

@media (max-width: 960px) {
				#content .gridArea .gridItem .gridTextContainer .gridText {
								display: none;
				}
}

#content #startHeader {
				background: #fff;
				font-size: 14px;
				line-height: 21px;
}

#content #webinarInfo h4 {
				display: inline-block;
}

#content #webinarInfo span {
				margin-right: 16px;
}

#content #webinarInfo #missedLastWebinar {
				margin-right: 16px;
}

#content #webinarInfo .btn {
				display: inline-block;
}

#content .colLarge {
				width: 65%;
				float: left;
}

@media (max-width: 1200px) {
				#content .colLarge {
								width: 100%;
				}
}

#content .colLarge.borderLeft, #content .colLarge.borderRight {
				width: calc(70% - 32px);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

@media (max-width: 1200px) {
				#content .colLarge.borderLeft, #content .colLarge.borderRight {
								width: 100%;
				}
}

#content .colSmall {
				width: 30%;
				float: left;
}

#content .colSmall form {
				max-width: 100%;
}

@media (max-width: 1200px) {
				#content .colSmall {
								width: 100%;
				}
}

#content .colSmall.borderLeft, #content .colSmall.borderRight {
				width: calc(35% - 32px);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
}

@media (max-width: 960px) {
				#content .colSmall.borderLeft, #content .colSmall.borderRight {
								width: 100%;
				}
}

#content #videoContainer {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
				overflow: hidden;
				max-width: 100%;
}

#content #videoContainer:empty {
				padding-bottom: 0;
}

#content #videoContainer img {
				width: 100%;
}

#content #videoContainer embed,
#content #videoContainer iframe,
#content #videoContainer object {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
}

#content #videoContainer.hasBeenSeen:before {
				content: "";
				position: absolute;
				top: 16px;
				left: 16px;
				display: block;
				background: url("/site/assets/icon_checked.svg") no-repeat;
				background-size: 100%;
				width: 40px;
				height: 40px;
				z-index: 1;
}

#content #videoContainer.hasBeenSeen.dark:before {
				background: url("/site/assets/icon_checked_white.svg") no-repeat;
				background-size: 100%;
}

#content .videoInfoItem {
				margin-left: 16px;
				display: inline-block;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
}

#content .videoInfoItem:first-child {
				margin-left: 0;
}

#content .videoInfoItem.videoChapter {
				font-weight: 700;
}

#content .videoInfoItem span {
				color: #d62331;
}

#content #videoHeader {
				padding-bottom: 24px;
				margin-top: 24px;
				margin-bottom: 32px;
				border-bottom: 1px #eaeaea solid;
}

#content #videoHeader .videoAssetsList {
				margin-top: 8px;
}

#content #videoHeader .videoAsset {
				position: relative;
				padding-right: 32px;
				margin-left: 16px;
				color: #333;
				font-size: 14px;
				line-height: 21px;
				font-size: 1.4rem;
				line-height: 2.1rem;
				text-decoration: none;
}

#content #videoHeader .videoAsset[href] {
				text-decoration: underline;
				cursor: pointer;
}

#content #videoHeader .videoAsset[href]:hover {
				color: #d62331;
}

#content #videoHeader .videoAsset:first-child {
				margin-left: 0;
}

#content #videoHeader .videoAsset:after {
				content: "";
				width: 24px;
				height: 24px;
				display: inline-block;
				position: absolute;
				right: 0;
				top: 1px;
}

#content #videoHeader .videoAsset.videoAssetDocument:after {
				background: url("/site/assets/item_icon_document.svg") no-repeat;
}

#content #videoHeader .videoAsset.videoAssetAudio:after {
				background: url("/site/assets/item_icon_sound.svg") no-repeat;
}

#content #videoHeader #audioPlayer {
				display: block;
				margin-top: 8px;
}

#content #videoHeader #audioPlayer.show {
				opacity: 1;
				margin-top: 8px;
				height: 31px;
				transition: height ease-out 0.3s, opacity ease-out 0.3s, margin-top ease-out 0.3s;
}

#content #introHeading {
				padding-bottom: 32px;
				border-bottom: 1px #eaeaea solid;
				margin-bottom: 32px;
}

@media (max-width: 1025px) {
				#content #introHeading {
								margin-bottom: 16px;
								padding-bottom: 16px;
				}
}

#content .challengeList,
#content .questionList {
				margin: 0;
}

#content .challengeItem,
#content .questionItem {
				list-style: none;
				border-bottom: 1px solid #eaeaea;
				margin-bottom: 32px;
				padding-bottom: 32px;
}

#content .challengeItem ul,
#content .questionItem ul {
				margin: 16px 0 0;
}

#content .challengeItem li,
#content .questionItem li {
				list-style: none;
				margin-bottom: 8px;
}

#content .questionItem {
				list-style: none;
				border-bottom: 1px solid #eaeaea;
				margin-bottom: 32px;
				padding-bottom: 32px;
}

#content .questionItem ul {
				margin: 16px 0 0;
}

#content .questionItem li {
				list-style: none;
				margin-bottom: 8px;
}

#content #error_box {
				text-align: center;
}

#content #error_box #quest_error_message {
				display: inline-block;
				background: rgba(214, 35, 49, 0.5);
				padding: 16px;
				border: 1px solid #d62331;
				border-radius: 3px;
				margin: 24px 0;
				text-align: center;
}

#content #searchResultList {
				margin: 0;
}

#content #searchResultList .searchResultItem {
				list-style: none;
				border-bottom: 1px solid #eaeaea;
				padding-bottom: 8px;
				margin-bottom: 8px;
}

#content #searchResultList .searchResultItem .searchResultText {
				float: left;
}

#content #searchResultList .searchResultItem .searchResultIconContainer {
				float: right;
}

#content #searchResultList .searchResultItem .searchResultIconContainer .icon {
				display: inline-block;
				margin-left: 4px;
}

#content #searchResultList .searchResultItem .searchResultIconContainer .icon:first-child {
				margin-left: 0;
}

#content #audioBox {
				background: #fff;
				border: 1px solid #eaeaea;
}

#content #audioBox #audioPlayer {
				padding: 24px 32px;
				box-sizing: border-box;
				text-align: center;
}

#content #audioBox #audioPlayer .audioIcons {
				display: inline-block;
				width: 32px;
				height: 32px;
				cursor: pointer;
}

#content #audioBox #audioPlayer #audioControls {
				display: inline-block;
}

#content #audioBox #audioPlayer #audioControls #prevBtn {
				background: url("/site/assets/controll_previous.svg") no-repeat;
}

#content #audioBox #audioPlayer #audioControls #playPauseBtn {
				background: url("/site/assets/controll_play.svg") no-repeat;
				margin: 0 8px;
}

#content #audioBox #audioPlayer #audioControls.isPlaying #playPauseBtn {
				background: url("/site/assets/controll_pause.svg") no-repeat;
}

#content #audioBox #audioPlayer #audioControls #nextBtn {
				background: url("/site/assets/controll_next.svg") no-repeat;
}

#content #audioBox #audioPlayer #countUp {
				display: inline-block;
				padding: 4px 0;
				float: left;
}

#content #audioBox #audioPlayer #countDown {
				display: inline-block;
				padding: 4px 0;
				float: right;
}

#content #audioBox #audioPlayer #timeline {
				width: 100%;
				height: 8px;
				background: #333;
				margin: 0 auto;
				padding: 2px 4px;
				border-radius: 15px;
}

#content #audioBox #audioPlayer #timeline #playhead {
				width: 8px;
				height: 8px;
				border-radius: 15px;
				background: #fff;
				cursor: ew-resize;
}

#content #audioBox #playlist {
				margin: 0;
				background: #fafafa;
				padding: 24px;
}

#content #audioBox #playlist li {
				list-style: none;
}

#content #audioBox #playlist li a {
				font-size: 14px;
				color: #333;
				text-decoration: none;
				-webkit-hyphens: auto;
				hyphens: auto;
}

#content #audioBox #playlist li a:hover {
				color: #d62331;
}

#help_box,
#help_info {
				display: none;
				padding: 16px;
				border: 1px solid #ccc;
				margin: 24px auto;
}

#help_box li,
#help_info li {
				list-style: none;
}

#help_btn {
				float: right;
				padding: 8px 24px;
				clear: both;
				font-style: italic;
				margin-top: 0;
}

#education_export_history_btn {
				cursor: pointer;
}

.youtube_container {
				position: relative;
				padding-bottom: 56.25%;
				padding-top: 30px;
				height: 0;
				overflow: hidden;
}

.youtube_container embed,
.youtube_container iframe,
.youtube_container object {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
}

iframe {
				width: 100%;
}

/*# sourceMappingURL=main.css.map */