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;
}
body {
	line-height: 1;
}
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;
}
* {
	box-sizing: border-box;
}

@font-face {
	font-family: 'VWText';
	src: url('../fonts/VWText-Regular.otf');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWText';
	src: url('../fonts/VWText-RegularItalic.otf');
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'VWText';
	src: url('../fonts/VWText-Light.otf');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWText';
	src: url('../fonts/VWText-Bold.otf');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWText';
	src: url('../fonts/VWText-BoldItalic.otf');
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-Regular.otf');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-RegularItalic.otf');
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-Light.otf');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-Bold.otf');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-BoldItalic.otf');
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'VWHead';
	src: url('../fonts/VWHead-ExtraBold.otf');
	font-weight: 800;
	font-display: swap;
	font-style: normal;
}


/* custom CSS */
.np_transition, a, button, .button, input[type="submit"], .each-accordeon .faq-header-plus::before {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
body{
	font-family: 'VWText';
	font-size:20px;
	line-height:1.6;
}
h1, h2, h3, h4, h5, h6, .vwhead-text{
	font-family: 'VWHead';
}
.light-font{
	font-weight:300;
}
.page-template-default .video-container video {
	width: 100%;
}
.content-center,  #primary .learndash .back-to-home .content-center{
    max-width:1760px;
    margin-left:auto;
    margin-right:auto;
}
.masthead.site-header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100px;
	overflow-x: hidden;
	padding-top: 16px;
}
.admin-bar .masthead.site-header {
	top: 32px;
}
.vw-logo {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	top: 0;
}
.vw-logo-inner {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
}
.site-header .content-center {
	position: relative;
}
.vw-logo-inner::before, .vw-logo-inner::after {
	content: "";
	width: calc(70% - 20px);
	height: 2px;
	background: #001E50;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.vw-logo svg{
	width: 48px;
  	height: 48px;
}
.vw-logo-inner a {
	display: inline-block;
	margin-left: 70%;
	margin-right: auto;
	height: 48px;
}
.vw-logo img {
	max-width: 130px;
	height: auto;
}
.vw-logo::before, .vw-logo::after {
	content: "";
	position: absolute;
	height: 2px;
	background: #fff;
	width: 1000px;
	left: -1000px;
	top: 50%;
	transform: none;
	transform: translateY(-50%);
}
.vw-logo-inner::after {
	left: auto;
	right: 0;
	width: calc(30% - 68px);
}
.vw-logo:after{
    left: auto;
  	right: -1000px;
}
.menu-text {
	color: #fff;
	position: absolute;
	z-index: 9;
	font-size: 21px;
	display: flex;
	align-items: center;
	top: 0px;
}
.fc-block.text p {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.fc-block.text p:last-child{
    margin-bottom:0;
}
.more-info-container .fc-block.text h2, .index-page h2 {
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 28px;
}

.site-footer-inner {
	border-top: 1px solid #001e50;
	margin-top: 100px;
	padding: 74px 34px;
}
.site-footer-inner .menu li {
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	line-height: 1;
}
.site-footer-inner .menu li:first-child{
    padding-left:0;
}
.site-footer-inner .menu a {
	color: #001E50;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	line-height: 1;
	display: block;
}
.site-footer-inner .menu li::after {
	content: "";
	width: 1px;
	height: 90%;
	right: 0;
	top: 0;
	background-color: #001E50;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 2px;
}
.site-footer-inner .menu li:last-child::after{
    display:none;
}
.menu-footer-menu-container {
	margin-bottom: 70px;
}
.rights-reserved {
	font-size: 14px;
	border-top: 0;
	display: inline-block;
	padding-right: 41px;
	padding-top: 0;
	font-weight: 300;
}
.dashboard-container {
	padding: 196px 0 515px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.dashboard-container h1 {
	color: #fff;
	font-size: 76px;
	font-weight: 300;
}
.dashboard-container h1 strong {
	font-weight: 700;
	display: block;
}
.dashboard-actions {
	margin-top: -375px;
}
.dashboard-bkg{
    padding:0 80px;
}
.dashboard-inner {
	padding: 60px 0;
	background: rgba(0, 52, 103, 1.0);
	background: radial-gradient(at right top, #00437a, #001e50);
	color: #fff;
	min-height: 330px;
}
.dashboard-inner h2 {
	font-weight: bold;
	font-size: 32px;
	position:relative;
}
.courses-listing {
	display: flex;
	column-gap: 45px;
	flex-wrap: wrap;
}
.all-listings{
	padding: 0 160px;
}
.dashboard-title{
    padding:0 130px 0 160px;
	margin-bottom: 92px;
    display:flex;
	align-items:center;
}
/*
.dashboard-inner h2::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: -1px;
	opacity: 0;
}
.dashboard-title h2:hover:before{
	opacity:1;
}*/
.dashboar-act {
	margin-left: auto;
	display: flex;
	column-gap: 28px;
}
.course-img-container {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 23px;
}
/*
.course-img-container::before {
	content: "";
	width: 100%;
	height: 100%;
	border: 4px solid #fff;
	position: absolute;
	border-radius: 50%;
}
.course-img-container.completed:before{
	border-color:#00B0F0;
}
.course-img-container.in_progress:before{
	border-color:#ffffff #00B0F0 #00B0F0 #ffffff;
	transform:rotate(-45deg);
}
*/
.each-course {
	width: 120px;
	text-align: center;
	position: relative;
}
.course-title {
	font-size: 19px;
}
.full-link{
	position:absolute;
	left:0;
	width:100%;
	top:0;
	height:100%;
	z-index:2;
}
.each-action {
	width: 48px;
	height: 48px;
	background: #00B0F0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 48px;
	cursor: pointer;
	position:relative;
}
.each-action img {
	max-width: 20px;
	max-height: 23px;
}
.action-txt {
	color: #001E50;
	margin-left: 10px;
	display:none;
}
.each-action.hover-action:hover {
	width: auto;
	padding-left: 18px;
	padding-right: 18px;
}
.each-action.hover-action:hover .action-txt{
	display:block;
}
.bookmarks-active .courses-listing{
	display:none ;
}
.bookmarks-active .bookmarks-listing{
	display:block !important;
}
.each-action.active-btn{
	background:#fff;
}
.bookmarks-listing .ldfc-favorite-header {
	display: none;
}
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites {
	border: 0;
	column-count: 3;
	column-gap: 20px;
}
.bookmarks-listing .ldfc-favorite-table {
	margin: 0;
}
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite a.js-ldfc-unfavorite,
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite::after,
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite a.ldfc-favorite__link .ldfc-favorite__course
{
	display:none;
}
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite a.ldfc-favorite__link:hover{
	background:transparent;
}
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite a.ldfc-favorite__link , .each-certificate a{
	padding: 0;	
	color: #fff;
	text-decoration: underline;
	font-size: 20px;
}
.bookmarks-listing .ldfc-favorite-table .ldfc-favorites .ldfc-favorite {
	margin-bottom: 20px;
}
.dashboard-txt {
	font-size: 21px;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.dashboard-txt img {
	margin-right: 15px;
}
.logout-icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index:9;
}
body:not(.logged-in) .logout-menu, body:not(.logged-in) .site-footer-inner .menu li:nth-last-child(2)::after {
	display:none;
}
body:not(.page-template-frontpage-template) .vw-logo-inner::before, body:not(.page-template-frontpage-template) .vw-logo-inner::after,
body:not(.page-template-frontpage-template) .vw-logo::before, body:not(.page-template-frontpage-template) .vw-logo::after  {
	background: #001e50;
}
body:not(.page-template-frontpage-template) .vw-logo-inner path {
	fill: #001e50;
}
body:not(.page-template-frontpage-template) .main-website-content {
	padding-top: 100px;
	/* overflow-x: hidden; */
}
h1 {
	font-size: 60px;
	line-height: 1.3;
	font-weight: 300;
}
.text-center{
	text-align:center;
}
h1 strong {
	display: block;
	font-weight: 700;
}
.each-action .ld-favorite-label {
	display: none;
}
.each-action .ldfc-favorite-button {
	margin: 0;
	display: flex;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite {
	padding: 0;
	border: 0 !important;
	border-radius: 0;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite .ld-icon {
	padding-right: 0;
	width: 30px;
	height: 30px;
	background-image: url("../images/bookmark.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.each-action .ldfc-favorite-button:hover .ldfc-button.js-favcon-favorite .ld-icon,
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite.favcon-saved .ld-icon{
	background-image: url("../images/bookmark-white.svg");
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite.favcon-saved {
	background: transparent;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite.favcon-saved:hover .ld-icon {
	opacity: 1;
	background-image: url("../images/bookmark.svg");
}
.each-action .ldfc-button.js-favcon-favorite::before {
	content: "";
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	background: transparent;
	position: absolute;
	top: -1px;
	left: -1px;
	border-width: 2px !important;
	border-radius: 50%;
	border-color: #fff #001e50 #fff #fff !important;
	z-index: 999;
	border-style: solid;
	opacity:0;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

.each-action .ldfc-button.js-favcon-favorite.is-loading::before {
	opacity:1;
}
.each-action .ldfc-icon.ldfc-icon-heart {
	display: none;
}
.action-header .dashboar-act {
	column-gap: 8px;
	position: fixed;
	top: 128px;
	right: calc(((100% - 1600px)/2 + 15px));
	z-index: 999;
}
.admin-bar .action-header .dashboar-act{
	top:160px;
}
.action-header .each-action, .lesson-details .each-action, .large-icons .each-action {
	width: 64px;
	height: 64px;
}
.action-header .each-action img, .lesson-details .each-action img, .large-icons .each-action img {
	max-width: 30px;
	max-height: 30px;
	width: 28px;
}
#primary .learndash .content-center, .index-page .content-center {
	max-width: 1600px;
}
.action-header {
	position: relative;
	padding: 0 150px;
}
.learndash h1 {
	margin-bottom: 65px;
}
.more-info-icon::before, .more-info-icon::after{
	content: "";
	position: absolute;
	left: 0;
	width: calc(50% - 70px);
	height: 2px;
	background: #DFE4E8;
	top: 50%;
	transform: translateY(-50%);
}
.more-info-icon::after{
	left:auto;
	right:0;
}
.more-info-icon {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.toggle-more-info{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 870px;
	margin-left:auto;
	margin-right:auto;
}
.info-arrow {
	background: #fff;
	border: 1px solid #00B0F0;
	padding: 3px;
	display: block;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	width: 56px;
	height: 56px;
	cursor:pointer;
}
.info-arrow span {
	background: #00B0F0;
	background-image:url('../images/chevron-down.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:22px auto;
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.more-info-txt {
	margin-bottom: 20px;
	cursor:pointer;
}
.more-info-container, .active-toggle .more-info-txt {
	display: none;
}
.active-toggle .more-info-container {
	display: block;
}
.course-simple-content {
	padding: 0 0 20px;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.active-toggle .info-arrow span {
	transform: rotate(180deg);
}
#primary p, #primary ul, #primary ol {
	margin-bottom: 15px;
	font-weight:300;
}
#primary .learndash strong {
	font-weight: bold;
}
.each--lesson {
	position:relative;
	width: calc(33.33% - 60px);
	margin-bottom: 70px;
}
.course-lessons-listing {
	display: flex;
	flex-wrap: wrap;
	column-gap: 90px;
}
.each--lesson img {
	max-width: 100%;
	margin-bottom: 28px;
}
.lesson-title {
	position: relative;
	padding-left: 40px;
	line-height: 1.1;
	font-size: 32px;
	font-weight:bold;
}
.lesson-title::before, .check-icon:before {
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid #001E50;
	position: absolute;
	left: 0;
	top: 6px;
}
.each--lesson.completed .lesson-title::before, .check-icon::before {	 
	background:#001E50;
}
.lesson-title span {
	font-weight: 300;
}
.lesson-title::after, .check-icon:after {
	content: "";
	width: 5px;
	height: 12px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	left: 10px;
	top: 11px;
	transform: rotate(34deg);
	opacity:0;
}
.each--lesson.completed .lesson-title::after{
	opacity:1;
}
.course-navigation {
	margin-top: 100px;
	color: #001E50;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 28px;
}
.nav-title {
	font-weight: 300;
}
.nav-results {
	font-weight: bold;
	display: flex;
	align-items: center;
}
.check-icon {
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 16px;
}
.check-icon::before{
	top:0;
}
.check-icon::after{
	top:5px;
	opacity:1;
}
.course-lessons-listing .each--lesson.notcompleted {
	/*
	opacity: 0.7;
	pointer-events:none;
	*/
}
.course-lessons-listing.course-started .completed.each--lesson {
	opacity: 0.7;
}
.course-lessons-listing .each--lesson.notcompleted:hover {
	opacity: 1;
}
.course-quiz {
	padding: 98px 0;
	background: radial-gradient(circle, rgba(0,67,122,1) 0%, rgba(0,30,80,1) 100%);
	text-align: center;
	color: #fff;  
	margin-bottom: 10px;
}
.test-knowledge {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
}
h5 {
	font-size: 60px;
	font-weight: 300;
	margin-bottom: 32px;
	line-height: 1.3;
}
.button {
	font-size: 16px;
	color: #001E50;
	text-decoration: none;
	background: #fff;
	padding: 12px 40px;
	border-radius: 24px;
	font-weight: 300;
}
.button.already-done-quiz {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.lessons-buttons .button{
	display:inline-block;
}
.button:hover{
	opacity:0.85;
}
.page-modules-container img {
	max-width: 100%;
}
.inner-content{
	padding:50px 0;
}
.page-modules-container h2 {
	font-size: 32px;
	line-height: 1.12;
	margin-bottom: 28px;
	font-weight: 300;
}
.text-image-wrapper {
	display: flex;
	column-gap: 100px;
}
.course-img {
	max-width: 100%;
}
.image-container {
	text-align: center;
	flex: 1 1 0px;
}
/*
.img-wrap {
	width: calc(100% + ((var(--vw, 1vw) * 100 - 1600px) / 2));
	margin-left: calc(0px - ((var(--vw, 1vw) * 100 - 1600px) / 2));
}
.text-image-wrapper.right .img-wrap {
	margin-left:0;
	margin-right: calc(0px - ((var(--vw, 1vw) * 100 - 1600px) / 2));
}
*/
.text-image-wrapper.right {
	flex-direction: row-reverse;
}
.page-modules-container ol {
	list-style: decimal;
	list-style-position: inside;
}
.page-modules-container .video-container video {
	width: 100%;
	height: auto;
}
.fc-block.text p:last-child {
	margin-bottom: 0 !important;
}
.text-container {
	/* width: 100%; */
	flex: 1 1 0px;
}
.video-text {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.video-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.video-text.no-text-available + .video-container{
	margin-top:0;
}
img.alignright {
	float: right;
	margin-left: 60px;
	margin-bottom: 30px;
}
img.alignleft {
	float: left;
	margin-right: 60px;
	margin-bottom: 30px;
}
.accordeon-title {
	text-align: left;
	cursor: pointer;
	font-weight: 300;
	font-size: 24px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 40px;
	line-height: 1.1;
	border-bottom: 2px solid #DFE4E8;
}
.accordeon-content {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	color: #000;
    text-align:left;
    transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
overflow:hidden;
}
.each-accordeon.active-toggle .accordeon-content {
	max-height: 1600px;
	opacity: 1;
	visibility: visible;
	overflow: visible;
}
.each-accordeon {
	position: relative;
}
.each-accordeon.active-toggle .accordeon-content {
	max-height: 1600px;
	opacity: 1;
	visibility: visible;
	overflow: visible;
	padding-top: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #DFE4E8;
}
#primary .each-accordeon .accordeon-content p:last-child {
	margin-bottom: 35px;
}
.each-accordeon .faq-header-plus {
	position: absolute;
	right: -5px;
	top: 24px;
	transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-moz-transform: translateY(-50%) rotate(0deg);
	width: 40px;
	height: 40px;
	background: transparent;
	border-radius: 50%;
	border: 1px solid transparent;
}
.faq-header-plus span:first-child {
	width: 100%;
	height: 1px;
	top: 4px;
	left: 0px;
}
.faq-header-plus span:last-child {
	width: 1px;
	height: 100%;
	top: -1px;
	left: 5px;
}
.faq-header-plus span {
	background-color: #000;
	position: absolute;
}
.each-accordeon.active-toggle .faq-header-plus::before {
	transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-moz-transform: translate(-50%,-50%) rotate(-45deg);
	top: 60%;
}
.each-accordeon .faq-header-plus::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 1px solid #001E50;
	border-right: 1px solid #001E50;
	top: 46%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(135deg);
	-webkit-transform: translate(-50%,-50%) rotate(135deg);
	-moz-transform: translate(-50%,-50%) rotate(135deg);
}
.slick-slide img {
	margin-left: auto;
	margin-right: auto;
}
.each-download a {
	background-image: url("../images/download-square.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-right: 60px;
	display: block;
	padding: 5px 60px;
	color:#001e50;
}
ul.slick-dots {
	display: block;
	text-align: center;
}
ul.slick-dots li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
ul.slick-dots li button {
	border: 0;
	font-size: 0;
	width: 10px;
	height: 10px;
	background: #ccc;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
}
ul.slick-dots li.slick-active button {
	background: #001e50;
}

.img-desc {
	margin-top:10px;
	text-align: center;
	font-weight:300;
}
p + .custom-slideshow {
	margin-top: 50px;
}

.lesson-top-section .inner-content {
	padding: 10px 0 40px;
}
.lesson-top {
	display: flex;
	column-gap: 70px;
	padding: 45px 0;
	position: relative;
}
.box-image {
	min-width: 53%;
	width: 53%;
	position: relative;
	z-index: 2;
}
.lesson-details {
	position: relative;
	z-index: 2;
	color: #fff;
	padding-right: 60px;
	width: 100%;
	padding-top: 64px;
}
.box-image img {
	display: block;
	max-width:100%;
	/*border: 1px solid #001e50;*/
}
.lesson-top::before {
	position: absolute;
	content: "";
	width: calc(100% - 70px);
	background: #001E50;
	right: 0;
	height: 100%;
	top: 0;
}
.lesson-name {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.1;
}
.course-name {
	font-weight: 300;
	margin-bottom: 12px;
}
.lesson-details .dashboar-act {
	column-gap: 8px;
	position: fixed;
	top: 170px;
	right: calc(((100% - 1600px)/2 + 60px));
}
.admin-bar .lesson-details .dashboar-act{
	top: 202px;
}
.each-action.bookmark-action-inner {
	margin-left: auto;
}
.no-lesson-image .lesson-details {
	padding-left: 130px;
}
.main-course-title {
	font-size: 48px;
	text-align: center;
	line-height: 1.1;
	font-weight: 300;
	margin-bottom: 70px;
	margin-top:30px;
}
.lessons-buttons {
	text-align: center;
	margin-bottom: 70px;
	padding-top:50px;
	line-height: 1.1;
}
.lessons-buttons .transparent-btn {
	font-size: 16px;
	border: 1px solid #001E50 !important;
	margin: 8px auto;
	display: inline-block;
	padding: 12px 35px;
	border-radius: 24px;
	color: #001E50;
	text-decoration:none;
	position:relative;
}
.lessons-buttons .transparent-btn:hover{	
	background: #001E50 ;
	color:#fff;
}
.go-to-course a {
	color: #001E50;
	text-decoration: underline !important;
	font-size: 16px;
	display: inline-block;
}
.mark-complete {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
}
.mark-complete .check-icon {
	width: 64px;
	height: 64px;
	margin-right: 0;
	cursor:pointer;
	display:block;
}
.mark-complete .check-icon::before {
	background-color: #00b0f0;
	border-color: #00b0f0;
	width: 64px;
	height: 64px;
}
.mark-complete .check-icon::after {
	border-color: #001E50;
	width: 11px;
	height: 26px;
	left: 27px;
	top: 15px;
}
.mark-complete .check-icon:hover::after, .loading-mark .mark-complete .check-icon::after{
	border-color:#fff;
}
.completed--lesson .mark-complete .check-icon::before {
	background-color: #001E50;
	border-color: #001E50;
}
.completed--lesson .mark-complete .check-icon::after {
	border-color:#fff;
}
.main-course-title.completed--lesson {
	pointer-events: none;
}
.mark-complete .check-icon span {
	position: absolute;
	width: 100%;
	height: 100%;
	border-color: #fff #001e50 #fff #fff !important;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	top: 1px;
	left: 1px;
	animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	box-sizing:border-box;
	opacity:0;
}
.loading-mark .mark-complete .check-icon span {
	opacity:1;
}
.each-action svg {
	max-width: 28px;
}
.action-header .each-action:hover svg path{
	fill:#fff;
}
.video-text, .video-container, .simple-picture .simple-image-wrapper, .fc-block.text .inner-content, .text-image-wrapper.no--image,
.slideshow .inner-content, .download .inner-content, .faq--container, .table .inner-content, .hotspot .inner-content{
	width: 1280px;
	margin-left:auto;
	margin-right:auto;
}
.accordeon .inner-content {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.faq-text {
	padding-bottom: 40px;
	font-weight: 300;
}
.faq-text strong {
	font-weight: bold;
}
.faq-text p {
	margin-bottom: 20px;
}
.hotspot h2 {
	text-align: center;
}
.simple-picture .simple-image-container {
	text-align: center;
}
.hotspot-container + .hotspot-text {
	margin-top: 40px;
}
.accordeon-wrapper {
	padding-top: 30px;
}
.simple-image-container {
	text-align: center;
}
.learndash-wrapper h2{
	font-weight:300;
}
.fc-block.slideshow .inner-content {
	text-align: center;
}
.text-container :last-child, .no-text-available h2 {
	margin-bottom: 0 !important;
}
.learndash-wrapper .page-modules-container a {
	color: #001e50;
	font-weight: bold;
}
.more-info-container .inner-content {
	padding: 25px 0;
}
.video-container.no-text-available {
	margin-bottom: 0;
}
.slick-arrow {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.next-arrow.slick-arrow {
	left: auto;
	right: -50px;
}
.slick-arrow::before {
	content: "";
	position: absolute;
	border-top: 1px solid #001e50;
	border-right: 1px solid #001e50;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: rotate(45deg);
}
.prev-arrow.slick-arrow::before {
	transform: rotate(-135deg);
}
.without--lessons .toggle-more-info, .button.disabled-btn {
	display: none;
}
.without--lessons .more-info-container {
	display: block;
}
.transparent-btn.disabled-button, .course--nr--1:not(.completed) ~ .each-course, .course_status_change, .each-course.not_started.course--nr--7 + .each-course {
	opacity: 0.3;
	pointer-events: none;
}
.course-started .each--lesson.completed + .notcompleted, .course-lessons-listing .each--lesson.notcompleted.lesson-1,
.courses-listing .each-course:first-child {
	pointer-events: initial;
	opacity: 1;
}
.wpProQuiz_content {
	display: flex;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	flex-direction: column;
	position:relative;
}
.wpProQuiz_quiz {
	min-height: calc(100vh - 250px);
	padding-bottom: 30px;
}
.question-navigation {
	color: #001E50;
	font-size: 32px;
	margin-bottom: 34px;
	position: relative;
	padding-right: 130px;
}
.number-of-questions {
	line-height: 0.8;
	font-weight: bold;
}
.wpProQuiz_content .wpProQuiz_question_text {
	margin-bottom: 80px;
	font-size: 48px;
	font-weight: 300;
	font-family: 'VWHead';
	line-height: 1.08;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
	align-items: center;
	border: 0;
	border-radius: 0;
	display: inline-block;
	width: 100%;
	font-weight: 300;
	padding: 0;
	font-size: 32px;
	color: #001E50;
	font-family: 'VWHead';
	line-height:1.2;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
	margin-bottom: 25px;
	position: relative;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type="cloze_answer"] p {
	padding-right: 0;
	color: #001E50;
	font-size: 32px;
	line-height: 1.1;
	font-family: 'VWHead';
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze input {
	background-color: initial;
	border: 0;
	font-size: 32px;
	color: #000;
	font-family: 'VWHead';
	font-weight: 500;
	text-align: center;
	border-bottom: 1px solid #001E50;
	margin-left: 4px;
	margin-right: 4px;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze {
	background: transparent;
	border-radius: 0;
	padding: 0;
}
.wpProQuiz_questionListItem .wpProQuiz_questionInput[type="radio"], .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="checkbox"] {
	width: 0 !important;
	height: 0 !important;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	max-width: 0 !important;
	max-height: 0;
	padding: 0;
	border: 0;
	text-indent: -999999px;
	position: absolute;
}
#primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="radio"] + label, #primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="checkbox"] + label {
	padding-left: 56px;
	position: relative;
	cursor:pointer;
}
#primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="radio"] + label::before, #primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="checkbox"] + label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 30px;
	height: 30px;
	border: 1px solid #001E50;
	border-radius: 50%;
}
#primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="radio"] + label::after, #primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="checkbox"] + label::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 12px;
	width: 16px;
	height: 16px;
	background: #001E50;
	border-radius: 50%;
	opacity:0;
}
#primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="radio"]:checked + label::after, #primary .wpProQuiz_questionListItem .wpProQuiz_questionInput[type="checkbox"]:checked + label::after {
	opacity:1;
}
.question-navigation .dashboar-act, .quiz-top-actions.large-icons {
	position: absolute;
	top: -7px;
	right: 0;
	z-index:9;
}
.large-icons .dashboar-act {
	column-gap: 8px;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem {
	background: transparent;
	border: 1px solid #001E50;
	border-radius: 24px;
	margin: 0 10px 10px 0;
	padding: 11px 35px;
	line-height: 1.25;
	font-size: 16px;
	color: #001E50;
}

#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_question{
	margin:0 !important;
}

#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_matrixSortString,
#primary .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList{
	margin-top:0 !important;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table {
	border: 0;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table td .wpProQuiz_maxtrixSortText {
	padding: 5px 20px 5px 0;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table td:first-child {
	border-right: 0;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table td .wpProQuiz_maxtrixSortCriterion {
	margin-bottom: 0 !important;
	padding: 5px !important;
	min-height: 58px !important;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_sortStringItem {
	margin-bottom: 0 !important;
}
#primary .wpProQuiz_content .wpProQuiz_placehold {
	background-color: #f7f7f7;
	border: 2px dashed #001E50 !important;
}
ul.wpProQuiz_sortStringList .ui-sortable-placeholder.wpProQuiz_placehold {
	display: none;
}
#primary .wpProQuiz_content .wpProQuiz_questionListItem:last-child, #primary .wpProQuiz_content .wpProQuiz_questionListItemLastChildIE ,
#primary .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList{
	overflow: visible;
}
#primary .wpProQuiz_button.wpProQuiz_QuestionButton[name="next"] {
	display: none !important;
}
#primary .quiz-number-nav {
	display: flex;
	align-items: center;
	column-gap: 22px;
	justify-content: end;
}
#primary .quiz-number-nav ol {
	display: flex;
	column-gap: 6px;
	margin-bottom: 0 !important;
}
#primary .quiz-number-nav li {
	color: #001E50;
	font-size: 12px;
	width: 18px;
	height: 18px;
	border: 1px solid #001E50;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	margin: 0;
}
#primary .quiz-number-nav li:hover, #primary .quiz-number-nav li.active-question{
	border-color:#00B0F0;
	background-color:#00B0F0;
	color:#fff;
}
.btn-next-question {
	width: 64px;
	height: 64px;
	background: #00B0F0;
	border-radius: 50%;
	position: relative;
	cursor:pointer;
}
.btn-next-question::before {
	content: "";
	position: absolute;
	border-top: 1px solid #001E50;
	border-right: 1px solid #001E50;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -11px;
}

#primary .wpProQuiz_content .wpProQuiz_reviewQuestion {
	background-color: transparent;
	border: 0;
	overflow: visible;
}
#primary .wpProQuiz_content .wpProQuiz_list {
	margin-bottom: 0 ;
}
.wpProQuiz_mextrixTr img {
	display: block;
	max-width:100%;
}
.question-has-img td.first-column {
	width: 10% ;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type="text"] {
	width: 800px !important;
	border-bottom: 1px solid #001E50;
	font-size: 32px;
	color: #000;
	font-family: 'VWHead';
	outline: 0 !important;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_sortable::before {
	display:none;	
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_sortable {
	align-items: center;
	background: #0000;
	border: 1px solid #001E50;
	box-shadow: none;
	display: flex;
	padding: 12px 35px;
	width: auto;
	font-size: 16px;
	color: #001E50;
	border-radius: 24px;
	line-height: 1.2;
}
.learndash-wrapper .wpProQuiz_content .ui-sortable .wpProQuiz_questionListItem {
	margin-bottom: 40px;
	position: relative;
	padding-left: 32px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList.ui-sortable {
	counter-reset: section;
	margin-bottom: 0 !important;
}
.learndash-wrapper .wpProQuiz_content .ui-sortable .wpProQuiz_questionListItem:not(.ui-sortable-placeholder)::before {
	counter-increment: section;
	content: counters(section,".") " ";
	position: absolute;
	left: 0;
	font-size: 14px;
	color: #001E50;
	top: 50%;
	transform: translateY(-50%);
}
.hint-container > span:first-child {
	color: #001E50;
	font-weight: bold;
	font-size: 32px;
	vertical-align: baseline;
	border-bottom: 1px solid #001E50;
	position: relative;
	cursor:pointer;
	/* margin-top: -4px; */
}
.hint-msg-container {
	background: #001E50;
	position: absolute;
	left: 0;
	top: calc(100% + 20px);
	font-size: 20px;
	color: #fff;
	padding: 19px 16px;
	display: inline-block;
	/* white-space: nowrap; */
	border-radius: 4px;
	padding-right: 52px;
	width: 350px;
}
.hint-container {
	margin-left: 20px;
	position: relative;
}
.hint-msg-container::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 12px 7px;
	border-color: transparent transparent #001d50 transparent;
	top: -10px;
	position: absolute;
	border-radius: 2px;
	left: 25px;
}
.close-hint {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	cursor:pointer;
}
.close-hint::before, .close-hint::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;	
	transform: rotate(45deg) translate(-50%,-50%);
	top: 50%;
	left: 50%;
	transform-origin: 0 0;
}
.close-hint::after {
	transform: rotate(-45deg) translate(-50%,-50%);
}
.opened-hint .hint-msg-container{
	display:block !important;
}
.question-quiz-nav {
	padding-bottom: 20px;
}
.learndash-wrapper .wpProQuiz_content .ui-sortable .wpProQuiz_questionListItem:last-child {
	margin-bottom: 0;
}
#primary .learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
	background-color: transparent !important;
	color: #001E50;
	font-weight: 300;
	font-size: 16px;
	padding: 11px 35px;
	border: 1px solid #001E50 !important;
	display: block;
	border-radius: 24px;
}
#primary .learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover {
	color: #fff;
	background: #001E50 !important;
	opacity: 1 !important;
}
#primary .learndash-wrapper .ld-quiz-actions input[name="reShowQuestion"], #primary .learndash-wrapper .ld-quiz-actions input[name="restartQuiz"] {
	background: transparent;
	border: 1px solid #001E50;
	color: #001E50;
	font-weight: 300;
	padding: 12px 35px;
	line-height: 1.2;
	border-radius: 24px;
	margin-left: 8px;
	margin-right: 8px;
}
#primary .learndash-wrapper .ld-quiz-actions input[name="reShowQuestion"]:hover, #primary .learndash-wrapper .ld-quiz-actions input[name="restartQuiz"]:hover {
	background:#001E50 !important;
	color:#fff;
	opacity:1;
}
#primary .learndash-wrapper .wpProQuiz_points {
	border: 0;
	background: transparent;
	text-align: left;
	padding: 0;
	color: #001E50;
}
#primary .wpProQuiz_quiz_time { 
	display: none;
}
.ld-quiz-result-failed .dashboar-act {
	display: none;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label,
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze input.wpProQuiz_answerIncorrect,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect > table td {
	background:#f24740;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_answerCorrect
{
	background:#00c349;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
	border: 1px solid green;
}
.answers-with-images {
	display: flex;
	column-gap: 90px;
	align-items: center;
}
.img-container-ans {
	max-width: 515px;
}
.img-container-ans img {
	max-width: 100%;
	height: auto;
}
.wpProQuiz_questionList[data-type="assessment_answer"] p {
	
}
.assessment--form {
	display: flex;
	/*flex-direction: row-reverse;*/
	justify-content: flex-end;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem.question-with-img {
	padding: 0;
	border: 0;
}
.assessment--form label {
	font-size: 0 !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
}
.assessment--form label::before {
	content: "";
	width: 38px;
	height: 38px;
	background-image: url("../images/star-icon.svg");
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.assessment--form.checked label::before {
	background-image: url("../images/star-icon-fill.svg");
}
.assessment--form label.is-selected ~ label:before {
	background-image: url("../images/star-icon.svg");
}

.assessment--form label.is-selected + label:hover:before,
.assessment--form label.is-selected + label:hover ~ label:before,
.assessment--form label.is-selected + label:hover:before,
.assessment--form label.is-selected ~ label:hover ~ label:before,
.assessment--form label:hover ~ label.is-selected ~ label:before
.radio-label:hover ~ .radio-input:checked ~ .radio-label:before
 {
	color: #ffc700 !important;
}
.assessment--form label.is-selected{
	color:#ffc700 !important;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type="assessment_answer"] .wpProQuiz_questionListItem {
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
}
.review-title {
	font-size: 32px;
	color: #001E50;
	font-weight: 300;
}
.reviews-section {
	display: flex;
	align-items: center;
	column-gap: 25px;
}
#primary .mark-complete .learndash_mark_complete_button {
	width: 64px;
	height: 64px;
	background: #00b0f0 !important;
	font-size: 0;
	border-radius: 50% !important;
}
#primary  .learndash-wrapper .learndash_mark_complete_button:disabled {
	filter: none;
}
#primary .learndash-wrapper .sfwd-mark-complete::after {
	content: "";
	line-height: 1;
	position: absolute;
	pointer-events: none;
	padding: 0;
	width: 11px;
	height: 26px;
	left: 27px;
	top: 15px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(34deg);
}

#primary .learndash-wrapper .sfwd-mark-complete::before {
	content: "";
	border: 2px solid transparent;
	border-top: 2px solid #001E50;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	animation-name: rotate;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
	opacity:0;
	visibility: hidden;
}
#primary .learndash-wrapper .loading-mark .sfwd-mark-complete::before {
	opacity:1;
	visibility:visible;
}
#primary .completed--lesson .mark-complete .learndash_mark_complete_button {
	pointer-events: none;
	background: #001E50 !important;
	opacity:1;
}

/*
.mark-complete .sfwd-mark-complete:hover:after{
	border-color:#fff !important;
}*/
.main-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 999;
}
.main-popup.visible{
	opacity:1 !important;
	visibility: visible !important;
}
.popup-container {
	max-width: 1280px;
	position: fixed;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: calc(100% - 200px);
	background: #fff;
	top: 50%;
	padding: 90px 228px;
	box-sizing: border-box;
	z-index:9;
	overflow:auto;
}
.close--popup--overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.faq-new-question.element-has-faqs {
	display: none;
}
.faq-title, .faq-title-container, .faq-text p strong {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 15px;
	font-family: 'VWHead';
}
.faq-title-container {
	margin-bottom: 55px;
}
.show-form .faq-simple-text, .faq-inserted-done{
	display: none;
}
.show-form .faq-new-question{
	display: block;
}
.blue-btn {
	font-size: 16px;
	padding: 12px 25px;
	background: #001E50;
	display: inline;
	color: #fff;
	border-radius: 24px;
	cursor: pointer;
}
.close--popup {
	position: absolute;
	width: 18px;
	height: 18px;
	z-index: 9999;
	right: 205px;
	top: 90px;
	cursor: pointer;
}
.close--popup::before, .close--popup::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #001E50;
	position: absolute;
	transform: rotate(45deg);
	top: 50%;
}
.close--popup::after{
	transform: rotate(-45deg);
}
.faq-new-question label {
	font-size: 12px;
	color: #001E50;
	font-weight: 300;
	display: block;
	line-height: 2;
	margin-bottom: 10px;
}
.faq-new-question textarea {
	width: 100%;
	height: 200px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 300;
	font-family: 'VWText';
	outline:0;
	padding:10px;
	border:1px solid #001E50;

}
.with-error {
	border: 1px solid #f00 !important;
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 35px;
}
.lds-ellipsis div {
	position: absolute;
	top: 12px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #001E50;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
	transform: scale(0);
}
100% {
	transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
	transform: scale(1);
}
100% {
	transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
	transform: translate(0, 0);
}
100% {
	transform: translate(24px, 0);
}
}
.button-container {
	display: flex;
	align-items: center;
	column-gap: 30px;
}
.loading-box{
	display:none;
}
.loading .loading-box{
	display:block;
}
ul.wpProQuiz_questionList[data-type="assessment_answer"] .wpProQuiz_questionListItem p {
	font-size: 32px;
	color: #001E50;
}
#primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay {
	border: 1px solid #001E50;
	border-radius: 0;
	font-size: 24px;
	font-weight: 300;
	color: #001E50;
	outline:0;
	font-family: 'VWText';
}
#primary  .learndash-wrapper .wpProQuiz_content .graded-disclaimer {
	font-style:normal;
}
.btn-loader {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #001E50;
	border-right: 3px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.loading-btn {
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	opacity:0;
}
.loading-lesson .loading-btn{
	opacity:1;
}

@keyframes rotation {
0% {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
} 
.video-single-lesson.main-course-title {
	display: none;
}
#primary .text-container ul li, #primary .fc-block.text .inner-content ul:not(.slick-dots) li, 
#primary .fc-block.slideshow .inner-content ul:not(.slick-dots) li,
#primary .fc-block.video .inner-content ul:not(.slick-dots) li,
#primary .course-simple-content li,
#primary .accordeon-content li
{
	position: relative;
	padding-left: 20px;
}
#primary .text-container ul li::before, #primary .fc-block.text .inner-content ul:not(.slick-dots) li:before, 
#primary .fc-block.slideshow .inner-content ul:not(.slick-dots) li:before, #primary .fc-block.video .inner-content ul:not(.slick-dots) li::before,
#primary .course-simple-content li:before , #primary .accordeon-content li:before
 {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 3px;
	top: 13px;
	background: #000;
	margin-top: 2px;
}
.fc-block.slideshow ul:not(.slick-dots), .fc-block.video ul:not(.slick-dots) {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
sub {
	font-size: small;
}
.circular-chart {
	display: block;
	margin: 0;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}
.circle-bg {
	fill: none;
	stroke: #fff;
	stroke-width: 1.3;
}
.circle {
	fill: none;
	stroke: #04b0f0;
	stroke-width: 1.3;
	animation: progress 1s ease-out forwards;
}
@keyframes progress {
	0% {
		stroke-dasharray: 0 100;
	} 
} 
h2 sub {
	font-size: 18px;
}
.back-to-home a {
	color: #001E50;
	font-size: 20px;
	text-decoration: none;
	padding-left: 45px;
	font-weight:300;
	position:relative;
	
}
.back-to-home a::before {
	content: "";
	position: absolute;
	background-image: url("../images/back-arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	width: 26px;
	height: 25px;
	left: 0;
	bottom: 0px;
}
.back-to-home {
	margin-top: 40px;
}
.single-sfwd-courses .site-footer-inner {
	margin-top: 40px;
}
.back-to-home.single-lesson-page {
	margin-top: 80px;
	margin-bottom: -60px;
}
#primary .wpProQuiz_resultsList li p {
	font-size: 48px;
	max-width: 50%;
	line-height: 1.2;
	margin-bottom: 25px;
}
#primary p.feedback-txt, #cookie-popup .feedback-txt{
	margin-bottom:40px;
}
.each-action.first-load .ldfc-favorite-button .ldfc-button.js-favcon-favorite .ld-icon::before{
	opacity:0 !important;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite .ld-icon::before {
	font-family: 'VWText' !important;
	color: #fff;
	background: #00b0f0;
	position: absolute;
	top: 0;
	right: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
	text-align: right;
	padding-right: 35px;
	border-radius: 40px;
	font-size: 16px;
	max-width: 106px;
	width: 106px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	z-index: -1;
	pointer-events:none;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite:not(.favcon-saved) .ld-icon::before {
	color:#001E50;
	 opacity: 1; 
	-webkit-animation: cssAnimation 3s forwards;
	animation: cssAnimation 3s forwards;
}
.each-action .ldfc-favorite-button .ldfc-button.js-favcon-favorite.favcon-saved .ld-icon::before{
	opacity: 1;
	-webkit-animation: cssAnimation2 3s forwards; 
    animation: cssAnimation2 3s forwards;
}


@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes cssAnimation2 {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation2 {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
.video-text, .slideshow-txt {
	padding-left: 140px;
	padding-right: 140px;
	text-align: left;
}
.simple-text-content {
	padding-left: 80px;
	padding-right: 80px;
}
.slideshow-txt.text-available {
	padding-bottom: 50px;
}
.back-to-main {
	padding-left: 28px;
	position: absolute;
	top: -35px;
	left: 0;
	font-size: 15px;
	font-weight: 300;
	cursor:pointer;
	width: 210px;
}
.back-to-main::before {
	content: "";
	position: absolute;
	background-image: url("../images/back-arrow-white.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	left: 0;
	bottom: 5px;
}
#primary .learndash-wrapper .single-pagination-quiz input.wpProQuiz_button {
	background-color: #00B0F0 !important;
	font-weight: 300;
	padding: 20px 30px;
	opacity: 1 !important;
	border-radius: 50px;
}
.index-page ol {
	list-style: decimal;
	list-style-position: inside;
}
.index-page ol li strong {
	font-weight: bold;
}
.index-page ol li strong {
	color: #001E50 !important;
	text-decoration: none !important;
}
.ld-quiz-result-passed.wpProQuiz_content .wpProQuiz_listItem, .ld-quiz-result-failed.wpProQuiz_content .wpProQuiz_listItem{
	margin-bottom: 30px;
}
.faq-new-question textarea, #primary .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay{
	resize: none;
}
.nav-title.vwhead-text {
	margin-bottom: 10px;
}
.each-action svg {
	width: 28px;
}
.inner-content .accordeon-content img {
    display: block;
}
.content-center p strong {
	font-weight: 600;
}
.final-video-box .lesson-details {
	padding-top: 25px;
}
.final-video-box  .box-image {
	min-width: 35%;
	width: 35%;
}
.final-video-box h2 {
	font-weight: 600;
}
@media (max-width:767px){
	.final-video-box .box-image {width:100%;}
}

/* configurator */

.sidebar-configurator {
	width: 800px;
}
.each-config {
	margin-bottom: 40px;
	border-radius: 5px;
}
.main-configurator {
	display: flex;
	column-gap: 35px;
	margin-top: 35px;
	align-items: start;
}
.preview-configurator{
	background-color:#f8f8f8;
	width:100%;
	border-radius:5px;
	border:1px solid #f1f4f9;
	text-align:center;
}
#preview-conf {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.each-value input {
	text-indent: -999px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: -999;
}
.each-value{
	margin-right: 20px;
}
.each-value:last-child{
	margin-right: 0;
}
.config-values {
	display: flex;
	column-gap: 0;
	row-gap: 20px;
	margin-top: 15px;
}
.each-value label {
	width: 45px;
	height: 45px;
	display: block;
	cursor: pointer;
	background-size: 53px auto;
	background-position: center center;
	border-radius: 50%;
	position:relative;

}
.each-value label::before {
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	background: #fff;
	border-radius: 100%;
	content: "";
	z-index: -1;
	border: 1px solid #96a3a8;	
}
.each-value label::after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url("../configurator-images/icons8-check.svg");
	position: absolute;
	z-index: 9;
	top: -3px;
	right: -6px;
	background-size: 15px auto;
	background-color: #00b0f0;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	opacity:0;	
}
.each-value input:checked + label:before{
	border:2px solid #00b0f0;
}
.each-value input:checked + label:after{
	opacity:1;
}
.each-value label[for="button-0"]{
	background-color:#1f242c;
}
.each-value label[for="button-1"]{
	background-color:#000;
}
.each-value label[for="button-2"]{
	background-color:#3c3732;
}
.each-value label[for="button-3"]{
	background-color:#3e0900;
}

#preview-conf img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0; 
	margin: 0 auto;
	max-width: 100%;
	display: block;
}
#preview-conf img:first-child{
	position:relative;
}
.each-config h3 {
	font-weight: 300;
	font-size: 22px;
	line-height: 1.2;
}
.preview-loader{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;	
}
.preview-loader::after {
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.preview-configurator.loading .preview-loader{
	opacity:1;
}
.sidebar-configurator.loading{
	pointer-events:none;
}
.config-values.no-margin{
	margin:0;
}
#preview-conf-container {
	min-height: 200px;
}
.loader {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 8px solid #00b0f0;
	animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 99;
}
.first-load img{
	opacity:0;
}
  @keyframes l20-1{
	 0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
	 12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
	 25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
	 50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	 62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	 75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
	 100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
  }
  @keyframes l20-2{ 
	0%    {transform:scaleY(1)  rotate(0deg)}
	49.99%{transform:scaleY(1)  rotate(135deg)}
	50%   {transform:scaleY(-1) rotate(0deg)}
	100%  {transform:scaleY(-1) rotate(-135deg)}
  }


body .vw-logo::before,body .vw-logo::after,body .vw-logo-inner::before,body .vw-logo-inner::after {
	background: #001E50 !important;
}
/*
body .vw-logo-inner path{
	fill: #e4002c !important;
}
*/
.sidebar-configurator-item {
	padding: 30px;
	margin-bottom: 10px;
	background-color: rgba(131, 131, 131, 0.01);
}
.each-config:last-child {
	margin-bottom: 0;
}
.sidebar-configurator-item > h2 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 22px;
}
.configurator-secondary-images img:first-child {
	position: absolute !important;
}
.form-control-info{
	padding: 30px;
	background-color: rgba(131, 131, 131, 0.01);
}
#submit-configurator-item {
	width: 100%;
	display: block;
	text-align: center;
	position: relative;
	background-color: #001E50 !important;
	border-color: #001E50 !important;
	font-size: 19px;
}
.loading#submit-configurator-item {
	pointer-events: none;
	/* opacity: 0.2; */
	background-color: #DFE4E8 !important;
	border-color: #DFE4E8 !important;
	color: #6A767D;
}
.config-success-message {
	padding-top: 15px;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	color: #007200;
}
[is_tax="farbe"] .configurator-option-title {
	display: none;
}
.configurator-option-title {
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	top: calc(100% + 5px);
	width: 90px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
[is_tax="stoff"] .each-value {
	margin-right: 40px;
}

@media(max-width:1279px){
.sidebar-configurator {width: 460px;	}
.each-value label {width: 40px;	height: 40px;	}
.each-config h3 {font-size: 18px;	}
.config-values {	margin-top: 15px;	}
.each-config {margin-bottom: 30px;	}
}

@media (max-width:767px){
.each-value label {width: 32px;	height: 32px;	}
.sidebar-configurator {width: 430px;	}
.config-values{column-gap:15px;}
.each-config h3 {font-size: 16px;	}
.main-configurator {column-gap: 40px;		margin-top: 40px;	}
}

@media (max-width:639px){
.main-configurator{flex-direction:column;}
.preview-configurator{margin-bottom:20px;}
}