.course-end-card {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	/*
	position: relative;
	*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
			transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility .6s linear .6s, transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility .6s linear .6s, -webkit-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility .6s linear .6s, -moz-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility .6s linear .6s, -o-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), visibility .6s linear .6s, -ms-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
}

#shell .course-page .col-course-page-left{
	border-right: 1px solid #e8e8e8;
    padding: 0px 0 20px 0;
    margin-top: 0px;
}

.show-course .course-end-card {
	visibility: visible;
	opacity: 1;
	
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
	
			transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), -webkit-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), -moz-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), -o-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: opacity .6s cubic-bezier(0.165, 0.840, 0.440, 1.000), -ms-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
}

.show-course .overall-courses-wrapper {
	
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
}

.course-end-card .container {
	padding-bottom: 56.25%;
	top: 0; left: 0; right: 0; bottom: 0;
	position: absolute;
	color: #fff;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	background: rgb(48,47,68); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(48,47,68,0.9) 0%, rgba(54,53,81,0.9) 27%, rgba(51,57,89,0.9) 53%, rgba(31,34,79,0.9) 84%, rgba(22,19,63,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,47,68,0.9)), color-stop(27%,rgba(54,53,81,0.9)), color-stop(53%,rgba(51,57,89,0.9)), color-stop(84%,rgba(31,34,79,0.9)), color-stop(100%,rgba(22,19,63,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(48,47,68,0.9) 0%,rgba(54,53,81,0.9) 27%,rgba(51,57,89,0.9) 53%,rgba(31,34,79,0.9) 84%,rgba(22,19,63,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(48,47,68,0.9) 0%,rgba(54,53,81,0.9) 27%,rgba(51,57,89,0.9) 53%,rgba(31,34,79,0.9) 84%,rgba(22,19,63,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(48,47,68,0.9) 0%,rgba(54,53,81,0.9) 27%,rgba(51,57,89,0.9) 53%,rgba(31,34,79,0.9) 84%,rgba(22,19,63,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(48,47,68,0.9) 0%,rgba(54,53,81,0.9) 27%,rgba(51,57,89,0.9) 53%,rgba(31,34,79,0.9) 84%,rgba(22,19,63,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302f44', endColorstr='#16133f',GradientType=0 ); /* IE6-9 */
}

.course-end-card .container h2 {
	color: #fff;
	padding-top: 5px;
	margin: 0 0 5px 0;
	font-family: "Jost", Arial, Verdana, sans-serif;
	font-size: 32px;
	font-weight: normal;
}

.course-end-card .container h3 {
	color: #fff;
	margin: 0 0 12px 0;
	font-family: "Jost", Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.course-end-card .container .sel-course {
	margin: 10px auto 5px auto;
	display: block;
	width: 45%;
	border: 1px solid #3c5f7f;
	border-radius: 8px;
	background: #fff;
	color: #8cb9e2;
	padding: 5px;
	font-size: 18px;
	position: relative;
}

.course-end-card .container .sel-course:after {
	position: absolute;
	content: "»";
	right: 20px;
	
			transform:rotate(-90deg);
			-webkit-transform:rotate(-90deg);
			-moz-transform:rotate(-90deg);
			-o-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
		
}

.course-end-card .container .sel-course:before {
	position: absolute;
	content: "«";
	left: 20px;
	
			transform:rotate(90deg);
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
		
}

.course-end-card .container .learn-more-1 {
	font-size: 19px;
	margin-bottom: 8px;
}

.course-end-card .container .what-is-online-course,
.course-end-card .container .what-is-online-course:link,
.course-end-card .container .what-is-online-course:visited {
	color: #77a4ce;
	padding-bottom: 8px;
	display: inline;
}

.course-end-card .container .replay {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
	border: 1px solid #3c5f7f;
	border-radius: 5px;
	padding: 5px;
	text-decoration: none;
}
.course-end-card .container .replay:hover {
	text-decoration: underline;
}

/************************
/* CSS RULES BROUGHT OVER
/************************/

.overall-courses-wrapper .inner-courses-wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 32%;
}

.overall-courses-wrapper .vm-crs-img {
	position: absolute;
	max-width: none;
}

.overall-courses-wrapper .vm-crs-study {
	top: 0px;
	left: 0px;
	height: 180px;
}

.overall-courses-wrapper .vm-crs-understanding {
	top: 0px;
	left: 130px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-assists {
	top: 0px;
	left: 200px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-integrity {
	top: 0px;
	left: 300px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-suppression {
	top: 0px;
	left: 399px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-children {
	top: 0px;
	left: 498px;
	height: 180px;
}

.overall-courses-wrapper .vm-crs-organization {
	top: 0px;
	right: 0px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-tone-scale {
	top: 91px;
	left: 131px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-drugs {
	top: 91px;
	left: 200px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-ethics {
	top: 91px;
	left: 300px;
	height: 180px;
}

.overall-courses-wrapper .vm-crs-danger-env {
	top: 91px;
	left: 400px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-targets {
	top: 91px;
	left: 598px;
	height: 180px;
}

.overall-courses-wrapper .vm-crs-investigations {
	top: 91px;
	right: 0px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-dynamics {
	top: 183px;
	left: 0px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-comm {
	top: 183px;
	left: 72px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-conflicts {
	top: 183px;
	left: 200px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-marriage {
	top: 183px;
	left: 399px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-tools-work {
	top: 183px;
	left: 498px;
	height: 88px;
}

.overall-courses-wrapper .vm-crs-pr {
	top: 183px;
	right: 0px;
	height: 88px;
}

.overall-courses-wrapper img.vm-crs-img:hover {
	cursor: pointer;
}

.overall-courses-wrapper .vm-crs-tooltip {
	position: absolute;
	z-index: 3;
	cursor: pointer;
}

.overall-courses-wrapper .img-wrapper-study .vm-crs-tooltip {top: 165px; left: 5px;}
.overall-courses-wrapper .img-wrapper-understanding .vm-crs-tooltip {top: 70px; left: 135px;}
.overall-courses-wrapper .img-wrapper-assists .vm-crs-tooltip {top: 70px; left: 205px;}
.overall-courses-wrapper .img-wrapper-integrity .vm-crs-tooltip {top: 70px; left: 305px;}
.overall-courses-wrapper .img-wrapper-suppression .vm-crs-tooltip {top: 70px; left: 405px;}
.overall-courses-wrapper .img-wrapper-children .vm-crs-tooltip {top: 165px; left: 505px;}
.overall-courses-wrapper .img-wrapper-organization .vm-crs-tooltip {top: 70px; left: 605px;}
.overall-courses-wrapper .img-wrapper-tone-scale .vm-crs-tooltip {top: 165px; left: 135px;}
.overall-courses-wrapper .img-wrapper-drugs .vm-crs-tooltip {top: 165px; left: 205px;}
.overall-courses-wrapper .img-wrapper-ethics .vm-crs-tooltip {top: 240px; left: 305px;}
.overall-courses-wrapper .img-wrapper-danger-env .vm-crs-tooltip {top: 165px; left: 405px;}
.overall-courses-wrapper .img-wrapper-targets .vm-crs-tooltip {top: 240px; left: 605px;}
.overall-courses-wrapper .img-wrapper-investigations .vm-crs-tooltip {top: 165px; left: 705px;}
.overall-courses-wrapper .img-wrapper-dynamics .vm-crs-tooltip {top: 240px; left: 5px;}
.overall-courses-wrapper .img-wrapper-comm .vm-crs-tooltip {top: 240px; left: 75px;}
.overall-courses-wrapper .img-wrapper-conflicts .vm-crs-tooltip {top: 240px; left: 205px;}
.overall-courses-wrapper .img-wrapper-marriage .vm-crs-tooltip {top: 240px; left: 405px;}
.overall-courses-wrapper .img-wrapper-work .vm-crs-tooltip {top: 240px; left: 505px;}
.overall-courses-wrapper .img-wrapper-pr .vm-crs-tooltip {top: 240px; left: 705px;}

:lang(ru) .overall-courses-wrapper .img-wrapper-pr .vm-crs-tooltip {width: 130% !important;}
:lang(ru) .overall-courses-wrapper .img-wrapper-tone-scale .vm-crs-tooltip {width: 165% !important;}
:lang(ru) .overall-courses-wrapper .img-wrapper-dynamics .vm-crs-tooltip { width: 150% !important;}

.overall-courses-wrapper .vm-crs-tooltip .tooltip-arrow {
	height: 11px;
	background: url('/theme/images/online-course-tooltip-lip.png') no-repeat top center;
	position: relative;
	top: 0;
}

.overall-courses-wrapper .vm-crs-tooltip .tooltip-body {
	background: white;
	background: black;
	font-family: 'Jost', Arial;
	color: white;
	box-shadow: 0 0 2px #468db7;
}

.overall-courses-wrapper .vm-crs-tooltip .tooltip-body .tooltip-title {
	font-size: 14px;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	padding-right: 7px;
	font-weight: bold;
}

/*******************
/* DYNAMIC CSS RULES
/*******************/

.course-end-card .image-wrapper {
	position: absolute;
	z-index: 9;
	
			transition: z-index .3s ease-out;
			-webkit-transition: z-index .3s ease-out;
			-moz-transition: z-index .3s ease-out;
			-o-transition: z-index .3s ease-out;
			-ms-transition: z-index .3s ease-out;
		
	
			perspective: 500px;
			-webkit-perspective: 500px;
			-moz-perspective: 500px;
			-o-perspective: 500px;
			-ms-perspective: 500px;
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .image-wrapper {
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
		
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	}

}

.course-end-card .image-wrapper:hover {
	z-index: 20;
	padding: 10px;
	margin-left: -10px;
	margin-top: -10px;
}

@media (min-width: 768px) {

	.device-ios .course-end-card .image-wrapper:hover {
		z-index: 9;
		padding: 0;
		margin: 0;
	}

	.device-ios .course-end-card .img-wrapper:hover .image-wrapper {
		z-index: 50;
	}

}

.course-end-card .img-wrapper:hover .image-wrapper:after {
	opacity: 1;
	margin-left: 10px;
	margin-top: -22px;
	
			transition: opacity .4s ease-out .2s;
			-webkit-transition: opacity .4s ease-out .2s;
			-moz-transition: opacity .4s ease-out .2s;
			-o-transition: opacity .4s ease-out .2s;
			-ms-transition: opacity .4s ease-out .2s;
		
	
			transform: scale3d(1.1, 1.1, 1.0);
			-webkit-transform: scale3d(1.1, 1.1, 1.0);
			-moz-transform: scale3d(1.1, 1.1, 1.0);
			-o-transform: scale3d(1.1, 1.1, 1.0);
			-ms-transform: scale3d(1.1, 1.1, 1.0);
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .img-wrapper:hover .image-wrapper:after {
		opacity: 0;
		margin-left: 0;
		margin-top: -32px;
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
		
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	}

	.device-ios .course-end-card .img-wrapper.hovered .image-wrapper:after {
		opacity: 1;
	}

	.device-ios .course-end-card .img-wrapper.hovered .image-wrapper,
	.device-ios .course-end-card .img-wrapper.hovered {
		z-index: 20000;
	}

}

.course-end-card .image-wrapper:after {
	font-family: 'iconset';
	content: "\e600";
	width: 100%;
	display: block;
	position: absolute;
	z-index: 45;
	opacity: 0;
	left: 0;
	top: 50%;
	cursor: pointer;
	text-align: center;
	margin-top: -32px;
	font-size: 64px;
	line-height: 64px;
	height: 64px;
	color: rgba(255, 255, 255, 0.6);
	
			transition: opacity .4s ease-out;
			-webkit-transition: opacity .4s ease-out;
			-moz-transition: opacity .4s ease-out;
			-o-transition: opacity .4s ease-out;
			-ms-transition: opacity .4s ease-out;
		
	
			transform: scale3d(1.1, 1.1, 1.0);
			-webkit-transform: scale3d(1.1, 1.1, 1.0);
			-moz-transform: scale3d(1.1, 1.1, 1.0);
			-o-transform: scale3d(1.1, 1.1, 1.0);
			-ms-transform: scale3d(1.1, 1.1, 1.0);
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .image-wrapper:after {
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
		
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	}

}

.course-end-card .vm-crs-img {
	z-index: 10;
	
			transition: transform .3s ease-out, opacity .3s ease-out, z-index .3s ease-out;
			-webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-out, z-index .3s ease-out;
			-moz-transition: -moz-transform .3s ease-out, opacity .3s ease-out, z-index .3s ease-out;
			-o-transition: -o-transform .3s ease-out, opacity .3s ease-out, z-index .3s ease-out;
			-ms-transition: -ms-transform .3s ease-out, opacity .3s ease-out, z-index .3s ease-out;
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .vm-crs-img {
		
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	}

}

.course-end-card .inner-courses-wrapper:hover .vm-crs-img {
	opacity: 0.3;
}

@media (min-width: 768px) {

	.device-ios .course-end-card .inner-courses-wrapper:hover .vm-crs-img {
		opacity: 1;
	}

}

.course-end-card .inner-courses-wrapper .image-wrapper:hover .vm-crs-img {
	box-shadow: 0 0 7px white, 1px 1px 5px rgba(255, 255, 255, 0.5), 1px -1px 5px rgba(255, 255, 255, 0.5), -1px 1px 5px rgba(255, 255, 255, 0.5), -1px -1px 5px rgba(255, 255, 255, 0.5);
	opacity: 1;
	z-index: 18;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	
			transform: scale3d(1.1, 1.1, 1.0);
			-webkit-transform: scale3d(1.1, 1.1, 1.0);
			-moz-transform: scale3d(1.1, 1.1, 1.0);
			-o-transform: scale3d(1.1, 1.1, 1.0);
			-ms-transform: scale3d(1.1, 1.1, 1.0);
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .inner-courses-wrapper .image-wrapper:hover .vm-crs-img {
		box-shadow: none;
		opacity: 1 !important;
		z-index: 10;
		margin: 0;
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
	}

	.device-ios .course-end-card .inner-courses-wrapper .img-wrapper.hovered .image-wrapper .vm-crs-img {
		box-shadow: 0 0 7px white, 1px 1px 5px rgba(255, 255, 255, 0.5), 1px -1px 5px rgba(255, 255, 255, 0.5), -1px 1px 5px rgba(255, 255, 255, 0.5), -1px -1px 5px rgba(255, 255, 255, 0.5);
		opacity: 1;
		z-index: 18;
		margin: 0;
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
	}

}

.course-end-card .vm-crs-tooltip {
	left: -10% !important;
	top: -10%;
	width: 120% !important;
	visibility: hidden;
	opacity: 0;
	z-index: 19;
	margin-left: 10px;
	
			transition: opacity .4s ease-out .2s, transform .4s ease-out .1s;
			-webkit-transition: opacity .4s ease-out .2s, -webkit-transform .4s ease-out .1s;
			-moz-transition: opacity .4s ease-out .2s, -moz-transform .4s ease-out .1s;
			-o-transition: opacity .4s ease-out .2s, -o-transform .4s ease-out .1s;
			-ms-transition: opacity .4s ease-out .2s, -ms-transform .4s ease-out .1s;
		
	
			transform: rotateX(-25deg) translate3d(0, -10px, 0);
			-webkit-transform: rotateX(-25deg) translate3d(0, -10px, 0);
			-moz-transform: rotateX(-25deg) translate3d(0, -10px, 0);
			-o-transform: rotateX(-25deg) translate3d(0, -10px, 0);
			-ms-transform: rotateX(-25deg) translate3d(0, -10px, 0);
		
}

.course-end-card .img-wrapper-danger-env .vm-crs-tooltip{
	width: 135% !important;
}

.course-end-card .img-wrapper-understanding .vm-crs-tooltip {
	width: 140% !important;
}
:lang(sv) .course-end-card .img-wrapper-understanding .vm-crs-tooltip {
	width: 162% !important;
}

@media (min-width: 768px) {

	.device-ios .course-end-card .vm-crs-tooltip {
		left: -20% !important;
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
		
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	}

}

.course-end-card .image-wrapper:hover .vm-crs-tooltip {
	visibility: visible;
	opacity: 0.8;
	z-index: 43;
	
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
}

@media (min-width: 768px) {

	.device-ios .course-end-card .image-wrapper:hover .vm-crs-tooltip {
		visibility: hidden;
		opacity: 0;
		z-index: 19;
	}

	.device-ios .course-end-card .img-wrapper.hovered .image-wrapper .vm-crs-tooltip {
		visibility: visible;
		opacity: 1;
		z-index: 50;
	}	

}

/***************************
/* EXTRA RANDOM MISC. STYLES
/***************************/

.endcard-btn-replay {
	position: absolute;
	margin: 0.5em 1em;
	left: 0;
	bottom: 0;
	padding: 0.3em 0.6em;
	border: 1px solid #82b3de;
	border-radius: 0.4em;
	font-size: 1.2em;
	cursor: pointer;
	color: white;
	
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
	
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
}

.endcard-btn-replay:hover {
	background: rgba(92, 116, 129, 0.2);
}
.endcard-btn-replay span {
	padding-right: 7px;
	position: relative;
	top: 1px;
}

#org-mosaic-endcard .endcard-btn-replay {
    display: none !important;
}
:lang(de) .video-endcard .endcard-btn-replay {
    font-size: 1.1em;    
}

#banner-endcard .org-schedule-form-holder .org-info {
	position: relative;
}


@media (max-width: 1160px) {
	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body .tooltip-title {
		font-size: 13px;
	}
}

@media (max-width: 1060px) {
	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body .tooltip-title {
		font-size: 12px;
	}
}

@media (max-width: 970px) {
	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body .tooltip-title {
		font-size: 11px;
	}
	.course-end-card .img-wrapper-understanding .vm-crs-tooltip {
		width: 153% !important;
	}	 	
	:lang(sv) .course-end-card .img-wrapper-understanding .vm-crs-tooltip {
		width: 162% !important;
	}	
}

@media (max-width: 840px) {
	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body .tooltip-title {
		font-size: 10px;
	}

}

/* under iPad size, go into mobile mode @media (max-width: 767px) { */

.overall-courses-wrapper .slide-arrow {
	display: none;
}

.online-courses-image-map {
	display: none;
}

@media (max-width: 767px) {

	.online-courses-image-map {
		display: block;
	}

	.course-end-card .container {
		position: static;
		padding-bottom: 20px;
	}

	.course-end-card .image-wrapper {
		position: relative !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 10px 0 10px 0 !important;
		top: 0 !important;
		left: 0 !important;
		cursor: pointer !important;
		background-size: contain !important;
		background-position: 10px 10px !important;
		height: auto !important;
		border-top: 1px solid rgba(208, 208, 208, 0.46);
		max-height: 80px;
	}

	.course-end-card .image-wrapper:hover {
		padding: 0 !important;
		margin: 10px 0 10px 0 !important;
	}

	.course-end-card .image-wrapper:after {
		display: block !important;
		opacity: 1 !important;
	}

	.course-end-card .image-wrapper a {
		padding-bottom: 20%;
		display: block;
		position: relative;
		width: 100%;
	}

	.course-end-card .image-wrapper img {
		/*
		width: 100% !important;
		height: 100% !important;
		max-width: 300px;
		position: static !important;
		visibility: hidden;
		*/
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	.overall-courses-wrapper .img-wrapper-study .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/study.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-understanding .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/understanding.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-assists .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/assists.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-integrity .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/integrity.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-suppression .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/suppression.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-children .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/children.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-organization .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/organizing.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-tone-scale .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/tone-scale.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-drugs .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/drugs.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-ethics .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/conditions.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-danger-env .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/solutions.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-targets .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/targets.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-investigations .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/investigations.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-dynamics .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/dynamics.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-comm .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/communication.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-conflicts .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/conflicts.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-marriage .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/marriage.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-work .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/tools.jpg) center no-repeat; }
	.overall-courses-wrapper .img-wrapper-pr .image-wrapper { background: url(http://www.scientologycourses.org/sites/all/themes/gold_master/course_volunteerministers_org/images/course/public-relations.jpg) center no-repeat; }

	.course-end-card .vm-crs-tooltip {
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
		position: absolute !important;
		top: 10px !important;
		bottom: 0% !important;
		right: 0 !important;
		left: 25% !important;
		width: auto !important;
		
			transform: none !important;
			-webkit-transform: none !important;
			-moz-transform: none !important;
			-o-transform: none !important;
			-ms-transform: none !important;
		
		text-align: left;
		max-height: 70px;
	}

	.course-end-card .img-wrapper-understanding .vm-crs-tooltip {
		width: auto !important;
	}

	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body {
		background: transparent;
		box-shadow: none;
		display: table;
		padding: 0 !important;
		height: 100%;
	}

	.course-end-card .tooltip-title {
		padding: 0 20px 0 10px !important;
		font-size: 18px !important;
		font-weight: normal !important;
		display: table-cell;
		vertical-align: middle;
	}

	.course-end-card .tooltip-arrow {
		display: none !important;
	}

	.path-spiritual-technology #shell {
		background-size: 1000px;
	}

	/* refactoring to make it into a slideshow */

	.course-end-card {
		position: static;
		opacity: 1;
		visibility: visible;
	}

	.overall-courses-wrapper.slideshow-wrapper {
		position: absolute !important;
		top: auto;
		bottom: auto;
		padding-bottom: 100px;
		height: auto !important;
	}

	.overall-courses-wrapper .slide {
		width: 100% !important;
		height: 100% !important;
		overflow: hidden;
	}

	.overall-courses-wrapper .slide-holder {
		padding-bottom: 0;
	}
	
	.overall-courses-wrapper .slide-arrow {
		display: block;
	}

	/*
	.overall-courses-wrapper .slide-left-arrow {
		left: 0;
	}

	.overall-courses-wrapper .slide-right-arrow {
		right: 0;
	}
	*/

	.overall-courses-wrapper .what-is-online-course,
	.overall-courses-wrapper .learn-more-1,
	.overall-courses-wrapper .sel-course {
		display: none !important;
	}

	.overall-courses-wrapper .vm-crs-tooltip .tooltip-body {
		padding-bottom: 20px;
		padding-top: 10px;
	}

	.course-end-card .img-wrapper .image-wrapper:after {
		display: none !important;
	}

	.overall-courses-wrapper .inner-courses-wrapper {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		padding-bottom: 0;
		
			transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
	}

	.overall-courses-wrapper.online-course-open .inner-courses-wrapper {
		max-height: 3100px;
	}

	.online-courses-image-map {
		max-height: 1300px;
		overflow: hidden;
		
			transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: max-height .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
	}

	.overall-courses-wrapper.online-course-open .online-courses-image-map {
		max-height: 0;
	}

	.endcard-btn-replay {
		display: none;
	}

	.course-end-card h2,
	.course-end-card h3 {
		padding-right: 20px;
		padding-left: 20px;
	}

	#outer_shell  #shell .course-end-card {
		padding-top: 20px;
		background: rgba(48, 47, 68, 0.98);
		
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
	}

	.wis-hidden .show-course .video-inner {
		position: static;
	}

	.wis-hidden .show-course .video-container-16-9 {
		padding-bottom: 20px;
	}

}

@media (max-width: 600px) {
	.course-end-card .tooltip-title {
		font-size: 16px !important;
	}
}

@media (max-width: 450px) {
	.course-end-card .tooltip-title {
		font-size: 14px !important;
	}
}

@media (max-width: 1120px) {
	.course-end-card .container h2 {
		font-size: 30px;
		margin: 0;
	}
	.course-end-card .container h3 {
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.course-end-card .container .sel-course {
		margin: 5px auto 5px auto;
		font-size: 16px;
	}
	.course-end-card .container .learn-more-1 {
		font-size: 17px;
		margin-bottom: 6px;
	}
}

@media (max-width: 830px) {
	.course-end-card .container h2 {
		font-size: 28px;
	}
	.course-end-card .container h3 {
		font-size: 15px;
	}
	.course-end-card .container .sel-course {
		font-size: 15px;
	}
	.course-end-card .container .learn-more-1 {
		font-size: 15px;
		margin-bottom: 3px;
	}
}

/*
#outer_shell #org-info .endcard-header {
	top: auto;
	bottom: -5px;
}

@media (max-width: 830px) {
	#outer_shell #org-info .endcard-header {
		bottom: 3px;
	}
}
*/

.online-courses-image-map {
	width: 90%;
	margin: 20px auto 0 auto;
	position: relative;
	max-width: 450px;
}

.online-courses-image-map .course-image {
  	width: 47%;
  	padding-bottom: 47%;
  	cursor: pointer;
  	background-size: cover !important;
  	display: inline-block;
  	margin-bottom: 5%;
  	position: relative;
}

.online-courses-image-map .course-image:link,
.online-courses-image-map .course-image:active,
.online-courses-image-map .course-image:visited,
.online-courses-image-map .course-image:hover,
.online-courses-image-map .course-image {
	color: white;
}

.online-courses-image-map .course-image.left {
	margin-right: 6%;
}

.online-courses-image-map .course-img-1 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/study.jpg") no-repeat;
}

.online-courses-image-map .course-img-2 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/dynamics.jpg") no-repeat;
}

.online-courses-image-map .course-img-3 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/understanding.jpg") no-repeat;
}

.online-courses-image-map .course-img-4 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/tone-scale.jpg") no-repeat;
}

.online-courses-image-map .course-img-5 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/communication.jpg") no-repeat;
}

.online-courses-image-map .course-img-6 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/assists.jpg") no-repeat;
}

.online-courses-image-map .course-img-7 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/drugs.jpg") no-repeat;
}

.online-courses-image-map .course-img-8 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/conflicts.jpg") no-repeat;
}

.online-courses-image-map .course-img-9 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/integrity.jpg") no-repeat;
}

.online-courses-image-map .course-img-10 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/conditions.jpg") no-repeat;
}

.online-courses-image-map .course-img-11 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/suppression.jpg") no-repeat;
}

.online-courses-image-map .course-img-12 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/solutions.jpg") no-repeat;
}

.online-courses-image-map .course-img-13 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/marriage.jpg") no-repeat;
}

.online-courses-image-map .course-img-14 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/children.jpg") no-repeat;
}

.online-courses-image-map .course-img-15 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/tools.jpg") no-repeat;
}

.online-courses-image-map .course-img-16 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/organizing.jpg") no-repeat;
}

.online-courses-image-map .course-img-17 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/targets.jpg") no-repeat;
}

.online-courses-image-map .course-img-18 {
  background: url("http://www.scientologycourses.org/sites/default/files/imagecache/gcui_std_200/sites/all/themes/gold_master/course_volunteerministers_org/images/course/investigations.jpg") no-repeat;
}

.course-bottom-message {
	position: absolute;
	bottom: 0;
	padding-top: 19px;
	width: 100%;
	font-weight: normal;
	font-family: 'Jost', Arial, Verdana;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 21px;
	cursor: pointer;
	background: -moz-linear-gradient(top, rgba(22,19,63,0) 0%, rgba(22,19,63,0.5) 24%, rgba(22,19,63,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,19,63,0)), color-stop(24%,rgba(22,19,63,0.5)), color-stop(100%,rgba(22,19,63,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(22,19,63,0) 0%,rgba(22,19,63,0.5) 24%,rgba(22,19,63,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(22,19,63,0) 0%,rgba(22,19,63,0.5) 24%,rgba(22,19,63,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(22,19,63,0) 0%,rgba(22,19,63,0.5) 24%,rgba(22,19,63,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(22,19,63,0) 0%,rgba(22,19,63,0.5) 24%,rgba(22,19,63,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0016133f', endColorstr='#16133f',GradientType=0 ); /* IE6-9 */
}

.course-bottom-message .yellow {
	padding-bottom: 10px;
	color: #ffe569;
}

.course-bottom-message .blue {
	padding-top: 10px;
	color: #92caff;
	font-weight: bold;
}

.online-courses-image-map .course-image span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 18px;
	text-align: left;
	padding: 0 15px 5px 15px;
	text-shadow: 0 0 2px black;
}

.overall-courses-wrapper h2 .smaller {
	display: block;
}

@media (min-width: 767px) {

    #banner-endcard .course-end-card {
        opacity: 0;
        
			transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
			-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
			-moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
			-o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
			-ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
		
        
			transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-webkit-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-moz-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-o-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-ms-transform: rotateX(-10deg) translate3d(0, -10px, 0);
		
    }

    .endcard-animate-in #banner-endcard .course-end-card {
        opacity: 1;
        
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
    }
}