body.xl .attestLogo img {
	width: 450px;
}

body .attestLogo img {
	width: 400px;
}

@media only screen and (min-width: 992px) {

	.interfaceSlide.curPageSlide.fullWidthMenu{
		background-position: top center;
		background-size:cover;
		background-image: url('../framework_images/menu_images/sky_bg.jpg') !important;
		height:100%;
	}

	#menuItems .gm_menuItem{
		background: transparent;
		position: absolute;
		min-height:0px;
	}

	.col-xs-12.col-sm-6.col-md-4.goldMenuBtnPadding{
		width:100% !important;
	}

	#menuItems .gm_menuItem .body_txt_1{
		display:none;
	}
	#menuItems .gm_menuItem .menu_progress{
		display:none;
	}


	#menuItems .disabledMenuItem .menu_num.menu_txt_1{
		color:#00bee6;
	}

	#menuItems .menu_completed .menu_num.menu_txt_1{
		display:none;
	}


	body:not(.touch_device) #wrapper:not(.inverseColors) .gm_menuItem:not(.disabledMenuItem):hover {
    background-image: none !important;
    background-color: transparent !important;
	}

	.menu_center{
		padding:0 !important;
	}
	.goldMenuBtnPadding{
		padding:0;
	}

	/* airplain animation  */
	#airplane {
		position: absolute;
		top: 230px;
		right: -600px;
		width: 198px;
		height: 85px;
		z-index: 1000;
	}

	/* clouds  */
	#clouds{
		top: 50px;
		padding: 0;
		background: transparent;
	}

	/*Time to finalise the cloud shape*/
	.cloud {
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
	}

	/* clouds layers  */
	.x1 {
		background-image: url(../framework_images/menu_images/cloud_3.png);
		width: 605px; height: 300px;
		top: 50px;
	}

	.x2 {
		background-image: url(../framework_images/menu_images/cloud_4.png);
		width: 246px; height: 122px;
		top: 190px;
	}

	.x3 {
		background-image: url(../framework_images/menu_images/cloud_2.png);
		width: 1126px; height: 447px;
		top: 280px;
		background-size: 100% 100%;
	}

	.x4 {
		background-image: url(../framework_images/menu_images/cloud_1.png);
		width: 731px; height: 283px;
		top: 620px;
	}

}


@media only screen and (min-width: 992px) and (max-width: 1448px) {
	.menu_island{
		position:absolute;
		top:90px;
		background-image: url('../framework_images/menu_images/island.png');
		background-position:top center;
		background-repeat:no-repeat;
		background-size: 100% 100%;
		width:1024px;
		height:575px;
		left: 50%;
	  margin-left: -512px;
	}

	.menu_icon {
    height: 52px;
    width: 52px;
	}
	.col-xs-12.col-sm-6.col-md-4.goldMenuBtnPadding{
		width:100% !important;
	}

	#menuItems .gm_menuItem .title_txt_1{
		font-size: 20px;
	  	width: 140px;
	  	text-shadow:  #000 0px 0px 2px, #000 0px 2px 5px;
		color:#fff;
		margin-top: -50px;
    	margin-left: 170px;
		text-align: center;
	}

	#menuItems .menu_num.menu_txt_1{
		font-size: 26px;
		line-height: 29px;
    width: 36px;
    text-align: center;
		color:#fff;
	}

	.menu_num.menu_txt_1 {
		top: 17px;
		left: 231px;
		z-index: 10;
	}
	.menu_icon {
		top: 4px;
		left: 223px;
		z-index: 2;
	}

	#menuItems .goldMenuBtnPadding .goldMenuBtn.gm_menuItem {
		width: 40px;
		z-index:10010;
		transform: translate(-200%);
	}
	#menuItems .goldMenuBtnPadding:nth-child(1) .goldMenuBtn.gm_menuItem{
		top: 170px;
		left: -2%;
	}

	#menuItems .goldMenuBtnPadding:nth-child(2) .goldMenuBtn.gm_menuItem{
		top: 77px;
		left: 15%;
	}


	#menuItems .goldMenuBtnPadding:nth-child(3) .goldMenuBtn.gm_menuItem{
		top: 46px;
		left: 32%;
	}

	#menuItems .goldMenuBtnPadding:nth-child(4) .goldMenuBtn.gm_menuItem{
		top: 77px;
		left: 52%;
	}


	#menuItems .goldMenuBtnPadding:nth-child(5) .goldMenuBtn.gm_menuItem{
		top: 170px;
		left: 70%;
	}

/*
	#menuItems .goldMenuBtnPadding:nth-child(6) .goldMenuBtn.gm_menuItem{
		top: 149px;
		left: 856px;
	}


	#menuItems .goldMenuBtnPadding:nth-child(7) .goldMenuBtn.gm_menuItem{
		top: 287px;
		left: 991px;
	}


	#menuItems .goldMenuBtnPadding:nth-child(8) .goldMenuBtn.gm_menuItem{
		top: 411px;
    left: 634px;
	}

	#menuItems .goldMenuBtnPadding:nth-child(8) .goldMenuBtn.gm_menuItem .title_txt_1 {
		margin-left: 284px;
		z-index: 10;
	}
*/


}

@media only screen and (min-width: 1449px) {
	.menu_island{
		position:absolute;
		top:90px;
		background-image: url('../framework_images/menu_images/island.png');
		background-position:top center;
		background-repeat:no-repeat;
		background-size: 100% 100%;
		width:1449px;
		height:774px;
		left: 50%;
	  margin-left: -725px;
	}

	.menu_icon {
    height: 66px;
    width: 66px;
	}

	#menuItems .gm_menuItem .title_txt_1{
		font-size: 25px;
		width: 150px;
		margin-top: 8px;
		text-shadow:  #000 0px 0px 2px, #000 0px 2px 5px;
		color:#fff;
		margin-left: 160px;
		margin-top: -60px;
		text-align: center;

	}
	#palt_01_m1_12 > div.title_txt_1{
		width: 100px !important;
		margin-left: 186px !important;
	}
	#palt_01_m1_14 > div.title_txt_1{
		width: 100px !important;
		margin-left: 186px !important;
	}
	#menuItems .menu_num.menu_txt_1{
		font-size: 32px;
    line-height: 42px;
    width: 49px;
    text-align: center;
		color:#fff;
	}


	.menu_num.menu_txt_1 {
		top: 22px;
		left: 222px;
		z-index: 10;
	}
	.menu_icon {
		top: 9px;
		left: 214px;
		z-index: 2;
	}

	#menuItems .goldMenuBtnPadding .goldMenuBtn.gm_menuItem {
		width: 40px;
		z-index:10010;

	}
	#menuItems .goldMenuBtnPadding:nth-child(1) .goldMenuBtn.gm_menuItem{
		top: 170px;
		left: -2%;
	}

	#menuItems .goldMenuBtnPadding:nth-child(2) .goldMenuBtn.gm_menuItem{
		top: 77px;
		left: 15%;
	}


	#menuItems .goldMenuBtnPadding:nth-child(3) .goldMenuBtn.gm_menuItem{
		top: 46px;
		left: 32%;
	}

	#menuItems .goldMenuBtnPadding:nth-child(4) .goldMenuBtn.gm_menuItem{
		top: 77px;
		left: 52%;
	}


	#menuItems .goldMenuBtnPadding:nth-child(5) .goldMenuBtn.gm_menuItem{
		top: 170px;
		left: 70%;
	}

/*
	#menuItems .goldMenuBtnPadding:nth-child(6) .goldMenuBtn.gm_menuItem{
		top: 149px;
		left: 856px;
	}


	#menuItems .goldMenuBtnPadding:nth-child(7) .goldMenuBtn.gm_menuItem{
		top: 287px;
		left: 991px;
	}


	#menuItems .goldMenuBtnPadding:nth-child(8) .goldMenuBtn.gm_menuItem{
		top: 411px;
    left: 634px;
	}

	#menuItems .goldMenuBtnPadding:nth-child(8) .goldMenuBtn.gm_menuItem .title_txt_1 {
		margin-left: 284px;
		z-index: 10;
	}
*/
	#airplane {
		top: 175px;
	}

}

.senarioHeart {
    background-size: 100% 100%;
	background-image: url("../tools/interface_1/images/scenario_elements/si_heart_empty.png");
}

body:not(.xs) #interfaceHolder #scenarioGUI.gui_lives:not(.gui_bottom) .scenarioGUIPanel {
    position: absolute;
    left: 50%;
    width: 60%;
    margin-left: -207px;
}

.senarioHeart:not(.life).lost::after {
	background-size: 100% 100%;
	background-image: url("../tools/interface_1/images/scenario_elements/si_heart_empty.png");

}

.senarioHeart.life{
  background-image: url("../tools/interface_1/images/scenario_elements/si_heart.png");

}

#questionPanel{
	padding-top:70px !important;
}


body:not(.xs) #interfaceHolder #scenarioGUI.gui_lives:not(.gui_bottom) .scenarioGUIPanel {
    position: absolute;
    left: 50%;
    width: 60%;
    margin-left: -207px;
}


#questionPanel{
	padding-top:70px !important;
}
#mcGraphicalQuestion > #questionPanel{
	padding-top:0px !important;
}

#feedbackOverlay .fullScreenFeedbackIcon, #feedbackICTOverlay .fullScreenFeedbackIcon {
    height: 316px;
    width: 316px;
    background-size: 100%;
}
.interfaceSlide.showPage.curPageSlide.scenarioScreen #wrapper {
 margin-top: 40px;
}
.interfaceSlide.showPage.curPageSlide #wrapper.noScenarioMargin{
	margin-top: 0px;
}

.questionStemPanelBack.qiFeedback.fullScreenWhitePanel.qiFeedback.correct, .questionStemPanelBack.qiFeedback.fullScreenWhitePanel.qiFeedback.incorrect, .questionStemPanelBack.qiFeedback.fullScreenWhitePanel.qiFeedback.partically, .questionStemPanelBack.qiFeedback.fullScreenWhitePanel.qiFeedback.partically_retry, .questionStemPanelBack.qiFeedback.fullScreenWhitePanel.qiFeedback.retry {
    padding-top: 380px !important;
}
.question_correct_label, .question_incorrect_label {
    border-bottom: none !important;
}

/* body.lg .qi_optionsHolder .qiOpt.longOption,body.md .qi_optionsHolder .qiOpt.longOption {
	min-height: 115px;
}

body.xl .qi_optionsHolder .qiOpt.longOption,body.md .qi_optionsHolder .qiOpt.longOption {
	min-height: 115px;
} */

.optHolder.qiOpt.goldUniversal_panel_color_2{
	  background-color: rgba(255,255,255,1);
}

.questionStemPanelBack.qiFeedback.fullScreenWhitePanel {
    background-position: 30px 60px;
}

#tl_num{
	font-family: 'Bebas',sans-serif;
	font-weight:bold;
}

/* add pulse-animation to active menu topics  */
#menuItems > div > div:not(.disabledMenuItem):not(.menu_completed) > div.menu_icon{

	animation: pulse-animation 1.5s infinite;
}

/* pulse css animation  */
@keyframes pulse-animation {
	0% {
	  border-radius: 50%;
	  /* box-shadow: 0 0 0 0px  #00BEE690;  */
	  box-shadow: 0 0 0 0px  #00c0e6;
	}
	100% {
	  border-radius: 50%;
	  box-shadow: 0 0 0 15px #00BEE600;
	}
  }

/* template tq_question */
/* custom image feedback  -  add feedback_male class to the html element "fullScreenFeedbackIcon" and replace the question image referece with the male version in screen html*/
#feedbackOverlay.incorrect .fullScreenFeedbackIcon.feedback_male, #feedbackICTOverlay.incorrect .fullScreenFeedbackIcon.feedback_male{
	background-image: url(../framework_images/question_images/icon_incorrect_male.png);
}
#feedbackOverlay.correct .fullScreenFeedbackIcon.feedback_male, #feedbackICTOverlay.correct .fullScreenFeedbackIcon.feedback_male {
    background-image: url(../framework_images/question_images/icon_correct_male.png);
}

/* template tq_question */
/* custom image feedback  -  add feedback_male class to the html element "qiFeedback" and replace the question image referece with the male version in screen html*/
.qiFeedback.feedback_male.incorrect, .qiFeedback.feedback_male.partically, .qiFeedback.feedback_male.partically_retry, .qiFeedback.feedback_male.retry {
	background-image: url(../framework_images/question_images/icon_incorrect_male.png);
}
.qiFeedback.feedback_male.correct {
    background-image: url(../framework_images/question_images/icon_correct_male.png);
}

@media only screen and (max-width: 1448px) and (min-width: 992px){
	#palt_01_m1_09 > div.title_txt_1{
		width: 130px !important;
		margin-left: 172px !important;
	}
	#palt_01_m1_12 > div.title_txt_1{
		width: 100px !important;
		margin-left: 190px !important;
	}
	#palt_01_m1_14 > div.title_txt_1{
		width: 95px !important;
		margin-left: 191px !important;
	}
}


.optHolder.qiOpt.simpleQuestion {
	display:table;
	width:100%;
}

.optHolder.qiOpt.simpleQuestion   > div[data-inject_text] {
	display: table-cell;
    vertical-align: middle;
}

#wrapper[audiofile="palt_01_m1_12_07.mp3"] #samcItems > div, #wrapper[audiofile="palt_01_m1_15_04.mp3"] #samcItems > div {
	width: 100%;
    float: none;
}

#wrapper[audiofile="palt_01_m1_12_07.mp3"] #samcItems div.optHolder.qiOpt, #wrapper[audiofile="palt_01_m1_15_04.mp3"] #samcItems div.optHolder.qiOpt{
	width: 100%;
    float: none;
    display: table;
    margin-bottom: 1em;
	min-height: 3.5em;
}

#wrapper[audiofile="palt_01_m1_12_07.mp3"] #samcItems div.optHolder.qiOpt div[data-inject_text], #wrapper[audiofile="palt_01_m1_15_04.mp3"]  #samcItems div.optHolder.qiOpt div[data-inject_text]{
	display:table-cell;
	vertical-align:middle;
}

#wrapper[audiofile="palt_01_m1_15_06.mp3"] #samcItems.mamc > div, #wrapper[audiofile="palt_01_m1_14_21.mp3"] #samcItems.mamc > div, #wrapper[audiofile="palt_01_m1_14_16.mp3"] #samcItems.mamc > div  {
	min-width:100%  !important;;
}

#wrapper[audiofile="palt_01_m1_15_06.mp3"] #samcItems.mamc .qiOpt.longOption {
	min-height:55px !important;
}

#wrapper[audiofile="palt_01_m1_14_21.mp3"] #samcItems.mamc .qiOpt.longOption {
	min-width:100% !important;
	min-height:55px !important;
}

#wrapper[audiofile="palt_01_m1_14_21.mp3"] #samcItems.samc .qiOpt.longOption {
	min-width:100% !important;
	min-height:55px !important;
}
#wrapper[audiofile="palt_01_m1_14_16.mp3"] #samcItems.mamc .qiOpt.longOption {
	min-width:100%;
	min-height:55px !important;
}

body.xl #wrapper[data-hbs_templates*="#vertTimeItems--template"] div[data-inject_css="panelColor"], body.lg #wrapper[data-hbs_templates*="#vertTimeItems--template"] div[data-inject_css="panelColor"] {
	width:55%;
}

body.md #wrapper[data-hbs_templates*="vertTimeItems--template"] div[data-inject_css="panelColor"] {
    width: 80%;
}

#wrapper #questionPanel .title_txt_1.goldUniversal_color_1,
#wrapper #questionPanel .body_txt_1.goldUniversal_color_1 {
	color: #ffffff;
}


/*****************************************
audio_ondemand on question screens updates
******************************************/
.audio_ondemand #audioslider {
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  .audio_ondemand .audio_ondemand_player:not(.playing) .playpausebtn {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background-image: url(../framework_images/audio_images/hint_play.png);
	left: -4px;
    top: -4px;
    width: 88px;
    height: 88px;
	border-radius: 50%;
	background-color: transparent !important;
  }

.audio_ondemand  #audioslider {
    min-height: 80px !important;
    width: 80px !important;
	height: 80px !important;
}

.rs-container {
    height: 80px !important;
    width: 80px !important;
}

.audio_ondemand_player.playing  .playpausebtn {
    top: 25px;
    left: 25px;
}

.audio_ondemand_player {
    height: 80px;
    min-width: 80px;
}
  
  .audio_ondemand .audio_ondemand_player:not(.playing) .playpausebtn:hover {
	background-image: url(../framework_images/audio_images/hint_play_hover.png);
	background-color: transparent !important;
  }
  
  .audio_ondemand .audio_ondemand_prompt p {
	white-space: nowrap;
  }

  #wrapper.palt_01_m1_14_21 .audio_ondemand .audio_ondemand_prompt p {
	color: #236C99;
  }

  #wrapper.palt_01_m1_14_30 .audio_ondemand .audio_ondemand_prompt p,
  #wrapper.palt_01_m1_12_06 .audio_ondemand .audio_ondemand_prompt p  {

	color: #ffffff;
  }

  .audio_ondemand {
    display: flex;
    position: absolute;
    margin: 40px auto 0px 75%;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: none;
	flex-direction: column;
	align-items: center;
}

body.xs .audio_ondemand {
    margin: 45px auto 0px 40%;
}

body.xs .popExpandBody .audio_ondemand {
    margin: 80px auto 0px 40%;
}

.popExpandBody .audio_ondemand {
    margin: -240px auto 0px 75%;
	flex-direction: row;
}

.popExpandBody .audio_ondemand_prompt.goldClient_color_3 {
	color: #000000 !important;
}

/************************************************
 t_vertical_timeline_lozenge Updates
*************************************************/

  #wrapper.palt_01_m1_01_02 .vertBtnStyle {
    min-height: 0px !important;
}

body.xl #wrapper[data-hbs_templates*="#vertTimeItems--template"].palt_01_m1_01_02 div[data-inject_css="panelColor"], 
body.lg #wrapper[data-hbs_templates*="#vertTimeItems--template"].palt_01_m1_01_02 div[data-inject_css="panelColor"] {
    width: 65%;
}

/************************************************
 tq_mc_fullscreen_right Updates
*************************************************/

#wrapper[data-template="tq_mc_fullscreen_right"] #qPanelInfo img {
	margin-bottom: 10px;
}

#wrapper.palt_01_m1_12_05 #samcItems .col-md-6 {
	width: 100%;
}

/************************************************
 t_popup_text_left Updates
*************************************************/
#wrapper[data-template="t_popup_text_left"].pt_btnNumbers .popTxtBtn:nth-child(1)::before{
	content: "";
}
#wrapper[data-template="t_popup_text_left"].pt_btnNumbers .popTxtBtn:nth-child(2)::before{
	content: "1";
}
#wrapper[data-template="t_popup_text_left"].pt_btnNumbers .popTxtBtn:nth-child(3)::before{
	content: "2";
}
#wrapper[data-template="t_popup_text_left"].pt_btnNumbers .popTxtBtn:nth-child(4)::before{
	content: "3";
}

/************************************************
 t_parallax_left_icon Updates
*************************************************/
.parallaxIcon {
    padding-top: 5px;
}