/*************************************** COURSE MENU ****************************************/
/********************************************************************************************/

a, a:hover, a:focus{
	color: inherit;
}

.defaultPagePadding{
	padding-top: 50px !important;
}

.centerVertical{
	position:relative;
	top: 50%;
  -webkit-transform: perspective(1px) translateY(-50%) translateY(-35px);
  	 -moz-transform: perspective(1px) translateY(-50%) translateY(-35px);
  		 -o-transform: perspective(1px) translateY(-50%) translateY(-35px);
 				  transform: perspective(1px) translateY(-50%) translateY(-35px);
}

.centerVertical.cancelCV{
	position:relative;
	top: 0%;
  -webkit-transform: none;
  	 -moz-transform: none;
  		 -o-transform: none;
 				  transform: none;
}


.centerVerticalPanel{
	position:absolute;
	top: 0;
}

.interfaceSlide.curPageSlide .background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 110%;
	min-height: 110%;
	width: auto;
	height: auto;
	z-index: 0;

  -webkit-transform: translate(-50%, -50%);
  	 -moz-transform: translate(-50%, -50%);
  		 -o-transform: translate(-50%, -50%);
 				  transform: translate(-50%, -50%);
}


.interfaceSlide.curPageSlide #wrapper > #backgroundVideo .background_video {
	position: fixed;
}

#backgroundVideo.inlineBg{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.interfaceSlide:not(.curPageSlide) .background_video {
	position: fixed;
	top: -500%;
	left: -500%;
	min-width: 0%;
	min-height: 0%;
	width: 5px;
	height: 5px;
}

.mobileDiv{
	display: none;
}

.mobileDiv img{
	width: 100%;
}

body.xs #senHeader{
	margin-top: 15px;
}

.parallaxContentPanel{
	height: auto;
	padding: 50px 20px 40px 20px;
	/*background-color: rgba(48,77,94, 0.9);*/
}

/*.parallaxContentPanel.light{
	background-color: rgba(255,255,255, 0.9);
}

.parallaxContentPanel:not(.light) .body_txt_1{
	color: #fff;
}*/

#parallaxItems .parallaxLeft .parallaxContentPanel{
	padding: 50px 20px 40px 60px;
}

#parallaxItems .parallaxRight .parallaxContentPanel{
	padding: 50px 60px 40px 20px;
}

.parallaxRight{
  padding-left: 0px;
  padding-right: 0px;
}

.parallaxLeft{
	padding-left: 0px;
  padding-right: 0px;
}

#parallaxItems .parallaxIconsPanel{
	padding-left: 100px;
}

.parallaxIcon {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 80px;
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 10px;
}

.parallaxIcon[class*="_txt_"] {
	opacity:0.6;
}

.txt_panel_30{
	padding: 30px;
}

.fill.top{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.white_panel {
	height: auto;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
}

.clearContentPanel {
	height: auto;
	padding: 10% 20px 20px 80px;
}

body:not(.sm):not(.md) .interfaceSlide.curPageSlide #wrapper.backgroundPanelRemoved div[data-inject_css]{
	background-color: transparent;
	background: transparent;
}


/*********************************** GENERIC CARD FLIP **********************************************/
/****************************************************************************************************/
.flipHolder{
	position: relative;
	-webkit-transform-style: preserve-3d;
		 -moz-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
					transform-style: preserve-3d;
}

.flipCard {
	position: absolute;
	width: 100%;

	-webkit-backface-visibility: hidden;
		 -moz-backface-visibility: hidden;
			 -o-backface-visibility: hidden;
					backface-visibility: hidden;

	-webkit-transition: 0.5s;
		 -moz-transition: 0.5s;
			 -o-transition: 0.5s;
					transition: 0.5s;
}

body.showScenarioGUI.gui_top.xl .flipCard.flipCardFront, body.showScenarioGUI.gui_top.lg .flipCard.flipCardFront, body.showScenarioGUI.gui_top.md .flipCard.flipCardFront{
	padding-top: 80px !important;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flipCard{
		transition: all 0s;
	}
}

.flipHolder:not(.flipped) .flipCard.flipCardFront{
	-webkit-transform: perspective(600px) rotateY(0deg);
		 -moz-transform: perspective(600px) rotateY(0deg);
			-ms-transform: perspective(600px) rotateY(0deg);
			 -o-transform: perspective(600px) rotateY(0deg);
					transform: perspective(600px) rotateY(0deg);
}

.flipHolder:not(.flipped) .flipCard.flipCardBack{
	-webkit-transform: perspective(600px) rotateY(-180deg);
		 -moz-transform: perspective(600px) rotateY(-180deg);
			-ms-transform: perspective(600px) rotateY(-180deg);
			 -o-transform: perspective(600px) rotateY(-180deg);
					transform: perspective(600px) rotateY(-180deg);
}

.flipHolder.flipped .flipCard.flipCardBack {
	-webkit-transform: perspective(600px) rotateY(0deg);
		 -moz-transform: perspective(600px) rotateY(0deg);
			-ms-transform: perspective(600px) rotateY(0deg);
			 -o-transform: perspective(600px) rotateY(0deg);
					transform: perspective(600px) rotateY(0deg);
}

.flipHolder.flipped .flipCard.flipCardFront {
	-webkit-transform: perspective(600px) rotateY(180deg);
		 -moz-transform: perspective(600px) rotateY(180deg);
			-ms-transform: perspective(600px) rotateY(180deg);
			 -o-transform: perspective(600px) rotateY(180deg);
					transform: perspective(600px) rotateY(180deg);
}

/**************** BOTTOM ALIGNED PANELS ***********************/

.flipQuestionPanel.bottomAlignPanel:not(.flipped) .flipCard.flipCardFront{
	-webkit-transform: perspective(6000px) rotateY(0deg);
		 -moz-transform: perspective(6000px) rotateY(0deg);
			-ms-transform: perspective(6000px) rotateY(0deg);
			 -o-transform: perspective(6000px) rotateY(0deg);
					transform: perspective(6000px) rotateY(0deg);
}

.flipQuestionPanel.bottomAlignPanel:not(.flipped) .flipCard.flipCardBack{
	-webkit-transform: perspective(6000px) rotateY(-180deg);
		 -moz-transform: perspective(6000px) rotateY(-180deg);
			-ms-transform: perspective(6000px) rotateY(-180deg);
			 -o-transform: perspective(6000px) rotateY(-180deg);
					transform: perspective(6000px) rotateY(-180deg);
}

.flipQuestionPanel.bottomAlignPanel.flipped .flipCard.flipCardBack {
	-webkit-transform: perspective(6000px) rotateY(0deg);
		 -moz-transform: perspective(6000px) rotateY(0deg);
			-ms-transform: perspective(6000px) rotateY(0deg);
			 -o-transform: perspective(6000px) rotateY(0deg);
					transform: perspective(6000px) rotateY(0deg);
}

.flipQuestionPanel.bottomAlignPanel.flipped .flipCard.flipCardFront {
	-webkit-transform: perspective(6000px) rotateY(180deg);
		 -moz-transform: perspective(6000px) rotateY(180deg);
			-ms-transform: perspective(6000px) rotateY(180deg);
			 -o-transform: perspective(6000px) rotateY(180deg);
					transform: perspective(6000px) rotateY(180deg);
}



/*********************************** COMMON BUTTONS ****************************************/
/********************************************************************************************/


.selectInterfaceBtn{
	position: relative;
	width: 370px;
	height: 60px;
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #ff8d46;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
	text-align: left;
	background-color: #FEFEFE;
	cursor:pointer;
}

.selectInterfaceBtn:hover{
	background-color: #EFE47A;
	color: #fff;
}

body.touch_device .selectInterfaceBtn:hover{
	background-color: #FEFEFE;
}

.selectInterfaceBtn img{
	position: absolute;
	left: 10px;
	bottom: 5px;
}


.multimediaBtn{
	background-image: url(../framework_images/submit_btn_icon.png);
	background-position: 90% center;
	background-repeat: no-repeat;
	color: #FFF;
	background-color: #424242;
	width: 190px;
	font-size: 15px;
	text-align: left;
	padding: 7px 16px;
	border: 1px solid #FEFEFE;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	margin: 5px auto;
}

.multimediaBtn.smallBtn{
	width: 120px;
}

.multimediaBtn:hover{
	/*background-color:#f89700;
	border: 1px solid #f89700;*/
}

body.touch_device .multimediaBtn:hover{
	/*background-color: #424242;
	border: 1px solid #FEFEFE;*/
}

.multimediaBtn.btnRight{
	float: right;
	margin-right: 20px;
}

.multimediaBtn.btnLeft{
	float: left;
	margin-left: 20px;
}

.scormBtn{
	color: #fff;
	min-width: 80px;
	margin-left:10px;
	margin-right:10px;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px 10px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	border: 1px solid #fefefe;
	background: #DDB508;
}

.scormBtn:hover{
	background: #AA9B5D;
}

.bottomcenterpos{
	position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -95px;
}

/* CLOSE POPUP */
.exit{
	position: absolute;
	left: 100%;
	margin-left: -30px;
	width:22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../framework_images/Close-x_a.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}

.exit img{
	float: right;
	margin-top: 0px;
	margin-left: 0px;
}

.exit:hover{
	background-image: url(../framework_images/Close-x_b.jpg);
	color: #ffc120;
}

.transparentBtn{
	height: 35px;
	width: 200px;
	background-color: rgb(7, 26, 43);
	background-color: rgba(7, 26, 43, 0.4);
	padding: 6px;
	margin: 0px auto;
	cursor: pointer;

	-webkit-transition: background-color  .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
}

.transparentBtn.disabled{
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.2);
	cursor: default;
}

.orangeBtn{
	line-height: 35px !important;
	width: 200px;
	background-color: #eb960f;
	margin: 20px auto 10px auto;
	cursor: pointer;

	-webkit-transition: background-color  .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
}

.orangeBtn.disabled{
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.2);
	cursor: default;
}

/* STANDARD GREEN BUTTON */
.greenBtn{
	display: inline-block;
	color: #fff;
	background-color: #6ddd35;
	min-width: 200px;
	min-height: 30px;
	text-align: center;
	margin-bottom:10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	border: 1px solid #fefefe;
}

.greenBtn:hover {
	background-color: #ffc120;
}

/* EXAM SUMMARY BUTTONS */
.summaryBtn{
	display: inline-block;
	background-color: #323949;
	min-width: 165px;
	max-width: 160px;
	min-height: 30px;
	text-align: left;
	margin-bottom: 10px;
	padding: 5px;
	padding-left: 12px;
	border: 1px solid #FFF;
	cursor: pointer;
}

.summaryBtn.print{
	background-image: url(../framework_images/summaryBtn_cert.png);
	background-position:140px center;
	background-repeat:no-repeat;

}

.summaryBtn.retry{
	background-image: url(../framework_images/summaryBtn_retry.png);
	background-position:130px center;
	background-repeat:no-repeat;
}

.greenBtn:hover {
	background-color: #ffc120;
}

/* LAUNCH VIDEO BUTTON */
.vidBtn{
	background-image: url(../framework_images/video_icon.png);
	background-position:10px center;
	background-repeat:no-repeat;
	display: inline-block;
	color: #fff;
	background-color: #6ddd35;
	min-width: 200px;
	min-height: 30px;
	text-align: center;
	margin-bottom:10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	border: 1px solid #fefefe;
}

.vidBtn:hover {
	background-color: #ffc120;
}

.vid_intro_content, .vid_intro_content .centerVertical {
	z-index: 1;
}

.fullscreenvideo .vimeoObj{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
}

/************************************************************************************/
/**************************** ATTESTATION SCREEN ************************************/
/************************************************************************************/
body.rtl #attestSection.screenSlide{
	width: 100%;
}

#attestationDarkItems{
	counter-reset: attestNum;
}

#attestationDarkItems .attestHolder{
	position: relative;
  counter-increment: attestNum;
  padding-left: 40px;
}

#attestationDarkItems .attestHolder.wide{
  padding-left: 60px;
}

#attestationDarkItems .attestHolder::before{
	content: counter(attestNum);
	position: absolute;
	top: 50%;
	left: 10px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 50px;
	line-height: 50px;
	color: #777;

  -webkit-transform: perspective(1px) translateY(-50%);
  	 -moz-transform: perspective(1px) translateY(-50%);
  		 -o-transform: perspective(1px) translateY(-50%);
 				  transform: perspective(1px) translateY(-50%);

}

/*body.mac #attestationDarkItems .attestHolder::before,
body.ios #attestationDarkItems .attestHolder::before
{
	top: 58%;
}*/

.attestHolder{
	padding: 20px 55px 20px 10px;
	border-radius: 10px;
	border-width: 1px !important;
	margin-bottom: 15px;
	width: 100%;
	cursor:pointer;
	text-align:left;
}

body.rtl .attestHolder{
	text-align: unset;
}

.attestHolder.notViewed{
	visibility: hidden;
	top: -30px;
}

.attestHolder.current{
	position: relative;
	visibility: visible;
	border-width: 2px !important;
	border-radius: 5px;
	margin-top:	20px;
	width: 118%;
	margin-left: -9%;
	top: 0px;

	-webkit-transition: all 0.5s ease-in-out;
		 -moz-transition: all 0.5s ease-in-out;
			 -o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
					transition: all 0.5s ease-in-out;
}

#attestationDarkItems .attestHolder.current{
	margin-left: 0%;
	width: 105%;
}

.attestBtn{
	position: absolute;
	top: 50%;
	right: 15px;
	width: 45px;
	height: 45px;
	background-image: url(../framework_images/attestation_icons/attest_selected.png);
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	transform: translateY(-50%);

	-webkit-transition: background-image 0.5s ease-in-out;
		 -moz-transition: background-image 0.5s ease-in-out;
			 -o-transition: background-image 0.5s ease-in-out;
			-ms-transition: background-image 0.5s ease-in-out;
					transition: background-image 0.5s ease-in-out;

	cursor: pointer;
}

#attestationDarkItems .attestBtn{
	width: 35px;
	height: 35px;
	background-image: url(../framework_images/attestation_icons/attest_selected_white.png);
}

#wrapper.inverseColors .attestBtn{
	background-image: url(../framework_images/attestation_icons/attest_standard_grey.png);
}

#wrapper.inverseColors #attestationDarkItems .attestBtn{
	background-image: url(../framework_images/attestation_icons/attest_standard_grey.png);
}


.attestHolder.selected {
	cursor:default;
}

.attestHolder.showAll .attestBtn{
	margin-top: -5px;
	right: 30px;
	width: 34px;
	height: 37px;
	background-size: 30px;
}

.attestHolder.selected .attestBtn{
	margin-top: -5px;
	right: 30px;
	width: 34px;
	height: 37px;
	background-size: 30px;
	background-image: url(../framework_images/attestation_icons/attest_standard.png);
	cursor: default;
}

#wrapper.inverseColors .attestHolder.selected .attestBtn{
	background-image: url(../framework_images/attestation_icons/attest_selected_grey.png);
}


#attestationDarkItems .attestHolder.selected .attestBtn{
	width: 35px;
	height: 35px;
	background-image: url(../framework_images/attestation_icons/attest_standard_white.png);
}

#wrapper.inverseColors #attestationDarkItems .attestHolder.selected .attestBtn{
	background-image: url(../framework_images/attestation_icons/attest_selected_grey.png);
}

.submitAttestHolder{
	position: relative;
	top: 0px;

	-webkit-transition: top 0.5s ease-in-out;
		 -moz-transition: top 0.5s ease-in-out;
			 -o-transition: top 0.5s ease-in-out;
			-ms-transition: top 0.5s ease-in-out;
					transition: top 0.5s ease-in-out;
}

.submitAttestHolder.notViewed{
	visibility: hidden;
	top: -30px;
}

#completeSection{
	overflow: hidden;
}

#completeSection > div.fill{
	z-index: 10;
}

body.sm #completeSection .ceo_text{
	text-align: center;
	padding-top: 60px;
}

.attestationImg{
	max-width: 340px;
}

.rays_canvas{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: inherit;
	overflow: hidden;
}

#wrapper.hideSparkles .sparkle_1, #wrapper.hideSparkles .sparkle_2, #wrapper.hideSparkles .sparkle_3, #wrapper.hideSparkles .sparkle_4{
	display: none;
}

.sparkle_1{
	position: absolute;
	left: 50%;
	top: 45%;
	width: 342px;
	height: 355px;
	margin-top: -180px;
	margin-left: -170px;
	background-image: url(../framework_images/attestation_icons/sparkle_1.png);
	background-position: top right;
	background-repeat: no-repeat;
	z-index: 1;

	-webkit-animation: myOrbit 60s ease-in-out infinite;
	   -moz-animation: myOrbit 60s ease-in-out infinite;
	     -o-animation: myOrbit 60s ease-in-out infinite;
	        animation: myOrbit 60s ease-in-out infinite;
}

.sparkle_2{
	position: absolute;
	left: 50%;
	top: 45%;
	width: 348px;
	height: 352px;
	margin-top: -180px;
	margin-left: -170px;

	background-image: url(../framework_images/attestation_icons/sparkle_2.png);
	background-position: top right;
	background-repeat: no-repeat;

	z-index: 2;

	-webkit-animation: myOrbit 60s ease-in-out infinite;
	   -moz-animation: myOrbit 60s ease-in-out infinite;
	     -o-animation: myOrbit 60s ease-in-out infinite;
	        animation: myOrbit 60s ease-in-out infinite;

	-webkit-animation-delay: -15s;
	   -moz-animation-delay: -15s;
	     -o-animation-delay: -15s;
	        animation-delay: -15s;

}

.sparkle_3{
	position: absolute;
	left: 50%;
	top: 45%;
	width: 129px;
	height: 129px;
	margin-top: -75px;
	margin-left: -75px;

	background-image: url(../framework_images/attestation_icons/sparkle_3.png);
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-animation: myOrbit 60s ease-in-out infinite;
	   -moz-animation: myOrbit 60s ease-in-out infinite;
	     -o-animation: myOrbit 60s ease-in-out infinite;
	        animation: myOrbit 60s ease-in-out infinite;

	-webkit-animation-delay: -30s;
	   -moz-animation-delay: -30s;
	     -o-animation-delay: -30s;
	        animation-delay: -30s;
}

.sparkle_4{
	position: absolute;
	left: 50%;
	top: 45%;
	width: 459px;
	height: 471px;
	margin-top: -235px;
	margin-left: -230px;
	background-image: url(../framework_images/attestation_icons/sparkle_4.png);
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-animation: myOrbit 60s ease-in-out infinite;
	   -moz-animation: myOrbit 60s ease-in-out infinite;
	     -o-animation: myOrbit 60s ease-in-out infinite;
	        animation: myOrbit 60s ease-in-out infinite;

	-webkit-animation-delay: -45s;
	   -moz-animation-delay: -45s;
	     -o-animation-delay: -45s;
	        animation-delay: -45s;
}

@-webkit-keyframes myOrbit {
    0%  { -webkit-transform: rotate(0deg) translateX(250px) translateY(50px) rotate(0deg) scale(1); }
    25%  { -webkit-transform: rotate(90deg) translateX(250px) translateY(50px) rotate(-90deg) scale(.75); }
    50%  { -webkit-transform: rotate(180deg) translateX(250px) translateY(50px) rotate(-180deg) scale(.60); }
    75%  { -webkit-transform: rotate(270deg) translateX(250px) translateY(50px) rotate(-270deg) scale(.75); }
    100%  { -webkit-transform: rotate(360deg) translateX(250px) translateY(50px) rotate(-360deg) scale(1); }
}

@-moz-keyframes myOrbit {
    0%  { -moz-transform: rotate(0deg) translateX(250px) translateY(50px) rotate(0deg) scale(1); }
    25%  { -moz-transform: rotate(90deg) translateX(250px) translateY(50px) rotate(-90deg) scale(.75); }
    50%  { -moz-transform: rotate(180deg) translateX(250px) translateY(50px) rotate(-180deg) scale(.60); }
    75%  { -moz-transform: rotate(270deg) translateX(250px) translateY(50px) rotate(-270deg) scale(.75); }
    100%  { -moz-transform: rotate(360deg) translateX(250px) translateY(50px) rotate(-360deg) scale(1); }
}

@-o-keyframes myOrbit {
    0%  { -o-transform: rotate(0deg) translateX(250px) translateY(50px) rotate(0deg) scale(1); }
    25%  { -o-transform: rotate(90deg) translateX(250px) translateY(50px) rotate(-90deg) scale(.75); }
    50%  { -o-transform: rotate(180deg) translateX(250px) translateY(50px) rotate(-180deg) scale(.60); }
    75%  { -o-transform: rotate(270deg) translateX(250px) translateY(50px) rotate(-270deg) scale(.75); }
    100%  { -o-transform: rotate(360deg) translateX(250px) translateY(50px) rotate(-360deg) scale(1); }
}

@keyframes myOrbit {
    0%  { transform: rotate(0deg) translateX(250px) translateY(50px) rotate(0deg) scale(1); }
    25%  { transform: rotate(90deg) translateX(250px) translateY(50px) rotate(-90deg) scale(.75); }
    50%  { transform: rotate(180deg) translateX(250px) translateY(50px) rotate(-180deg) scale(.60); }
    75%  { transform: rotate(270deg) translateX(250px) translateY(50px) rotate(-270deg) scale(.75); }
    100%  { transform: rotate(360deg) translateX(250px) translateY(50px) rotate(-360deg) scale(1); }
}

/* FULL WIDTH VIDEO SAMPLES START*/
.full-width-video .multivideoframe, .full-width-video-res .multivideoframe {
	padding: 0;
}

.full-width-video #videotarget_1 video{
	display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.full-width-video .mejs-container .mejs-controls, .full-width-video-res .mejs-container .mejs-controls {
	position: fixed;
	bottom: 0;
}

.centerPanel{
    position: absolute;
    width: 100%;
    height: auto;
    top: 40%;
    left: 50%;
    padding: 20px;
    background-color: transparent;
    max-width: 220px;
    margin-left: -110px;
}

.centerPanel .videoStarter {
	cursor: pointer;
	position: relative;
    z-index: 1;
}

.vidIconBtn{
	position: relative;
  height: 122px;
  width: 122px;
  background-image: url(../framework_images/video_play_full.png);
  border-radius: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  border-width: 0px !important;
  z-index: 49;
}

body:not(.accessiblefocus) .vidIconBtn.gs_pop{
	opacity: 0;
}

.vidIconBtn:not(.disablePulse):before {
	display: block;
  animation: clickpulse 1.2s ease infinite;
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
	height: 101%;
	width: 101%;
  border-radius: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: inherit;
  z-index: 0;
}

body:not(.touch_device) .vidIconBtn:not(.disabled):hover:before{
  /*border-color: transparent;*/
}
/*
body:not(.touch_device) .vidIconBtn:not(.disabled):hover{
	 -webkit-transform: scale(1.02);
	 		-moz-transform: scale(1.02);
	 		 -ms-transform: scale(1.02);
	 			-o-transform: scale(1.02);
	 				 transform: scale(1.02);

	box-shadow: 3px 3px 8px 1px #999999;
}*/

body:not(.touch_device) .vidIconBtn:not(.disabled):hover .buttonRing{
	display: none;
}

.vidIconBtn.curMultiVideo{
	display: none;
}


.buttonRing {
	position: absolute;
	top: 0%;
	left: 0%;
	/*border: 4px solid #f78c22;*/
	border-width: 6px;
	width: 124px;
	height: 124px;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
		  -ms-border-radius: 50%;
		 	 -o-border-radius: 50%;
				  border-radius: 50%;
    opacity: 0.8;
}

.debug{
	border: 1px solid red;
}

#videoWrapper {
	position: relative;
	padding-bottom: 54%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	background-color:black;
	box-sizing:border-box;
	margin-bottom:40px;
}

#videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:black;
}


#questionPanel div.transparent {
	background: none;
	background-color: transparent;
}

.clearfix {
	clear:both;
	width:100%;
	height:0px;
}

.cs_feedback_btn.flash_green {
	background: url(../framework_images/next_green_flash.jpg) !important;
}

.cs_feedback_btn.flash_amber {
	background: url(../framework_images/next_amber_flash.jpg) !important;
}

.cs_feedback_btn.flash_red {
	background: url(../framework_images/next_red_flash.jpg) !important;
}

.cs_feedback_btn.flash_red_2 {
	background: url(../framework_images/next_red_2_flash.jpg) !important;
}

.grayscale {
     -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
     -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
     -webkit-filter: grayscale(100%);
     filter: gray;
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 }

 .transparent {
 	background-color: transparent !important;
 }


/********************************************************************************************/
/********************************************************************************************/

.learnImg_holder{
	width: 114px;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 19px;
}

.learnImgQuestion_holder{
	position:	absolute;
	width: 114px;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 19px;
}

.centerText{
	text-align: center;
}

.core_image{
	display: block;
	width: 100%;
	padding: 20px;
}

.core_image_left{
	display: block;
	float: left;
	width: 100%;
	padding-right: 20px;
}

.core_image_center{
	display: block;
	margin: auto;
	width: 100%;
}

.pop_image_center{
	display: block;
	margin: auto;
	width: 100%;
	padding-top: 20px;
}

.btn_center{
	display: block;
	margin: auto;
	width: inherit;
}

.btn_right {
	display: block;
	width: inherit;
	margin-right: 0px;
	margin-left: auto;
}

.titleHolder{
	padding-left: 20px;
	padding-top: 8px;
}
.title {
	margin-top: -2px;
	padding-bottom: 1px;
}
.subtitle {
	padding-top: 1px;
}

.margin_left_learnImg_holder{
	margin-left: 120px;
}

.padding_right_learnImg_holder{
	padding-right: 120px;
}

.padding_10 {
	padding: 10px;
}

.padding_15 {
	padding: 15px;
}

.padding_20 {
	padding: 20px;
}

.padding_30 {
	padding: 30px;
}

.padding_40 {
	padding: 40px;
}

.padding_80 {
	padding: 80px;
}

.padding_left_10{
	padding-left: 10px;
}

.padding_left_15{
	padding-left: 15px;
}

.padding_left_20{
	padding-left: 20px;
}

.padding_left_32{
	padding-left: 32px;
}

.padding_left_30{
	padding-left: 30px;
}

.padding_left_40{
	padding-left: 40px;
}

.padding_left_60{
	padding-left: 60px;
}

.padding_right_10{
	padding-right: 10px;
}

.padding_right_15{
	padding-right: 15px;
}

.padding_right_20{
	padding-right: 20px;
}

.padding_right_30{
	padding-right: 30px;
}

.padding_right_40{
	padding-right: 40px;
}

.padding_right_60{
	padding-right: 60px;
}

.padding_top_10{
	padding-top: 10px;
}

.padding_top_15{
	padding-top: 15px;
}

.padding_top_20{
	padding-top: 20px;
}

.padding_top_40{
	padding-top: 40px;
}

.padding_top_35{
	padding-top: 35px;
}

.padding_bottom_10{
	padding-bottom: 10px;
}

.padding_bottom_5{
	padding-bottom: 5px;
}

.padding_bottom_20{
	padding-bottom: 20px;
}

body.xs .mobile_padding_bottom_20{
	padding-bottom: 20px;
}

.padding_bottom_40{
	padding-bottom: 40px;
}

.padding_bottom_80{
	padding-bottom: 80px;
}

.padding_leftright_20{
	padding-left: 20px;
	padding-right: 20px;
}

.padding_leftright_15{
	padding-left: 15px;
	padding-right: 15px;
}

.padding_none{
	padding-left: 0px;
	padding-right: 0px;
}

.textLeftPanel{
	padding: 40px 60px 0px 60px;
}

.textRightPanel{
	padding: 40px 60px 0px 60px;
}

.margin_bottom_10{
	margin-bottom: 10px;
}

.margin_bottom_20{
	margin-bottom: 20px;
}

.margin_bottom_40{
	margin-bottom: 40px;
}

.margin_bottom_60{
	margin-bottom: 60px;
}

.margin_bottom_80{
	margin-bottom: 80px;
}

.margin_top_10{
	margin-top: 10px;
}

.margin_top_15{
	margin-top: 15px;
}

.margin_top_20{
	margin-top: 20px;
}

.margin_top_35{
	margin-top: 35px;
}

.margin_top_40{
	margin-top: 40px;
}

.margin_top_50{
	margin-top: 50px;
}

.margin_top_60{
	margin-top: 60px;
}

.margin_top_100{
	margin-top: 100px;
}

.margin_left_20{
	margin-left: 20px;
}

.margin_left_30{
	margin-left: 30px;
}

.margin_right_20{
	margin-right: 20px;
}

.h3_class{
	margin: 0px;
}

.radius_15{
	border-radius: 15px;
}

.radius_10{
	border-radius: 10px;
}

.radius_20{
	border-radius: 20px;
}

.full-width{
	width: 100%;
}

.col-full-width{
	position:absolute;
	left:0;
	right:0;
}

.col-sm-offset-custom_1p5{
	margin-left: 12.5%;
}

.zindex_10{
	z-index:10;
}

.center_align{
	text-align: center;
}

.top_align_div{
	margin-top: 100px;
}

.borderRed{
	border: 1px solid red !important;
}
.borderGreen{
	border: 1px solid green !important;
}
.borderBlue{
	border: 1px solid blue !important;
}

.replaceSpan{
	display: none;
}

body:not(.xs) .fill_to_left{
	position: relative;
	left: -40px;
	padding-left: 30px;
}

/*
.fill_to_left::before {
	position: absolute;
	top: 0;
	right: 100%;
	display: block;
	width: 999em;
	height: 100%;
	content: '';
	background-color: inherit;
}

.fill_to_right::before {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 999em;
	height: 100%;
	content: '';
	background-color: inherit;
}*/

.bottomAlign{
	position: absolute;
	bottom: 0px;
}

.bottomAlign.cancelBottomAlign{
	bottom: auto;
	bottom: initial;
}

.tt_left{
	padding: 20px 20px 40px 60px;
	min-height: 50%;
}

.tt_right{
	padding: 20px 60px 40px 20px;
	min-height: 50%;
}

.clientLogo{
	position: absolute;
	right: 20px;
	bottom: 15%;
}

/* Slideshow styles */
.slide-inner-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.slide-inner-content .slide-col-image {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 30%;
    text-align: center;
}

.slide-inner-content.image-on-right .slide-col-image {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.slide-col-image {
	text-align: center;
}

.slide-col-image img {
	width: 100%;
}
.slide-col-image img.slide-icon {
	width: 80%;
	margin: 0 10%;
}

.slide-number {
	color: #fffdfa;
	color: rgba(255, 253, 250, 0.65);
	font-weight: bold;
	vertical-align: baseline;
	display: inline-block;
}

.slide-inner-content .slide-col-text {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	padding: 30px;
	width: 70%;
}

.slide-col-text-alt {
	padding: 30px;
}

@media only screen and (min-width : 768px) {
	.slide-col-image .slide-number {
	    font-size: 340px;
	    line-height: 0.7;
	    margin-top: -5px;
	}

	.slide-col-text-alt {
		margin-top: 50px;
		min-height: 148px;
	}
}

@media only screen and (min-width : 1025px){
	.slide-col-image .slide-number {
	    font-size: 465px;
	    line-height: 0.7;
	    margin-top: -4px;
	}

	.slide-col-text-alt {
		margin-top: 59px;
		min-height: 176px;
	}
}

@media only screen and (min-width : 1367px) {
	.slide-col-image .slide-number {
	    font-size: 555px;
	    line-height: 0.7;
	    margin-top: -7px;
	}

	.slide-col-text-alt {
		margin-top: 80px;
		min-height: 241px;
	}
}

@media only screen and (min-width : 1770px) {
	.slide-col-image .slide-number {
	    font-size: 775px;
	    line-height: 0.7;
	    margin-top: -7px;
	}

	.slide-col-text-alt {
		margin-top: 114px;
		min-height: 340px;
	}
}


#pages_dot_css{
	display: none;
}