ol,
ul {
    margin: 0.1em 0em 0.86em 1em;
}

ol li {
    margin-left: 0.2em;
    margin-bottom: 0.1em;
}

ul li,
ol ul li {
    margin-left: 0.2em;
    margin-bottom: 0.2em;
}
ul.size-1 li {   
    margin-bottom: 1em;
}
/* sub bullet */
ul ul li{list-style: circle;}

div p:last-child ol,
div p:last-child ul{
    margin-bottom: 0em;
}

.switch-btn-panel{
    position: relative;
    margin: 0px 0px 20px 0px;
}

.btn.switch-btn{
    position: relative;
    border: 2px solid #fff;
    border-radius: 38px;
    width: 168px;
    height: 54px;
    background-color: rgba(255, 255, 255, 0.21);
    color: #fff;
	min-width: auto;
}
.btn.switch-btn .knob{
    position: absolute;
    left: -2px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #fff;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 1.2em;
    transition: all 200ms ease-out;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    color: #D241C8;
}
.ie .btn.switch-btn .knob{
    top: -4px;
}
.btn.switch-btn .btn-txt{visibility: hidden; transition: all 100ms ease-out; font-size: 25px;}
.btn.switch-btn .btn-txt.on{visibility: visible; color: #fff;}

.btn.switch-btn.on .knob{left: -2px;}
.btn.switch-btn.on .btn-txt.off{visibility: hidden;}
.btn.switch-btn.on .btn-txt.on{visibility: visible; color: #fff;}

.btn.switch-btn.off .knob{left: 100px;}
.btn.switch-btn.off .btn-txt.off{visibility: visible; color: #fff   ;}
.btn.switch-btn.off .btn-txt.on{visibility: hidden;}
.btn.switch-btn.hover .knob{background-color: #D241C8; color: #fff; border-color: #fff;}

.color_white
{
    color:#ffffff;
}
.header .static-score-div{	
	position: relative;	
	width: auto;
	color: #fff;
	cursor: default;
	width: 3.4em;
	display: table;
}
.header .static-score-div .btn-icon {font-size: 1.2em;	position: relative;	opacity: 0.3; top: 2px;}
.header .static-score-div .score-txt {
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	left: 0px;
	color: #fff;
	font-size: 20px;
}
.header .static-score-div .btn-txt{
	position: relative;
	font-size: 18px;
	text-align: center;
	width: 100%;
	display: block;
	top: 0px;
}
.header .static-score-div .of-txt{position: relative; padding: 0em 0.6em; font-size: 14px;}
.navbar-nav .open .static-score-div{
	height: 45px;
	color: #001c4a;
	display: table;
	width: 100%;
}
.navbar-nav .open .static-score-div .img-cell{position: relative; width: 40px; padding-left: 0.5em;}
.navbar-nav .open .static-score-div .btn-icon{font-size: 28px;	top: 2px; opacity: 1;}
.navbar-nav .open .static-score-div .score-txt {
	/* color: #001c4a;top: 26%; padding-left: 0.5em; */
	position: relative;
	color: #001c4a;
	padding-left: 0.5em;
	width: 76px;
	top: auto;
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	text-align: left;
}
.navbar-nav .open .static-score-div .of-txt{padding: 0; font-size: 18px;}
.navbar-nav .open .static-score-div .btn-txt{
	text-align: left;
	display: table-cell;
	/* padding: 0.0em 0.7em; */
	padding: 0.0em 0.2em;
	width: auto;
	top:auto;
}


.screen-data.color-white{color: #fff;}
.screen-container{z-index: 0;}
.max-width{max-width: 600px;}
.play-overlay{
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.play-overlay .btn {
	position: relative;
	width: 100px;
	height: 100px;
	background: rgba(240, 70, 50, 0.8);
	border-radius: 50%;
	overflow: hidden;
}
.play-overlay .btn.hover {background: rgba(240, 70, 50, 0.6);}
.play-overlay .btn .btn-icon{position: relative; left: 4px; font-size: 2.2em;}

.points-div{	
	position: relative;
	width: 100px;
	height: auto;
	margin: 0 auto;
	overflow: visible;
		
}
.points-div.top-right{	position: absolute;right: -30px; top: -30px;}
.points-div .ani-score-div{position: absolute;	top: 0px; left: 0px; width: 100%;}
.points-div .img{opacity: 1; 
	/* -webkit-filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 1.7));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7));
	-webkit-transform: translateZ(0);  */
}
.points-div .txt-panel{
	position: absolute;
	padding: 92px 30px 20px;
	display: flex;
	flex-flow: column wrap;
	top: 0px;
	align-items: center;
	text-align: center;
	width: 100%;
}
.points-div .num{font-size: 35px; line-height: 1.2; text-shadow: 0px 0px 6px #fff;}
.points-div .txt{font-size: 27px; line-height: 1;}
.points-div .ani-miles-div{
	position: absolute;	
	text-align: center;
	width: 100%;
	top:0px;
	padding: 92px 30px 20px;
	/* text-shadow: 0px 0px 6px #fff; */
}
.points-div.big{
	position: absolute;
	width: 350px;
	height: 350px;
	margin-top: -175px;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -98px; 
}
.points-div.big .txt-panel{padding: 166px 70px 20px;}	
.points-div.big .num{font-size: 38px;}
.points-div.big .txt{font-size: 30px; line-height: 0.8;}

.info-btn-panel{
	min-width: auto;
	min-height: auto;
}
.center-img-box{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
}
.info-icon,
.info-btn {
	background-color:#001c4a;
	color: #fff;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0em 0.5em;
	text-align: center;
	padding: 0.45em 0em 0em;
	box-sizing: border-box;
	font-size: 0.8em;
	min-width: auto;
}
.btn.with-triangle{
	display: inline-flex;
	align-content: stretch;
	align-items: stretch;
	background-color: transparent;
	padding: 0px;
}
.btn.with-triangle .txt-block{
	position: relative;
	background-color: #001c4a;
	width: calc(100% - 0.76em);
	padding: 10px 0px 10px 0.76em;
	border-radius: 0px 0px 3px 0px;
	
}
.btn.with-triangle .txt-block span{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	position: relative;
}

.btn.with-triangle .icon-block{
	position: relative;
	width: auto;
	height: 100%;
	left: -1px;
}
.btn.with-triangle .icon-block .box{
	position: relative;
	background-color: #001c4a;
	width: 100%;
	height: calc(100% - 0.76em);
}
.btn.with-triangle .icon-block .triangle{
	position: relative;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-left: 0.76em solid #001c4a;	
	border-bottom: 0.76em solid transparent;
	border-right: 0px solid transparent;
	bottom: 0px;
	left: 0px;
}
.btn.with-triangle.hover .txt-block,
.btn.with-triangle.hover .icon-block .box{
	background-color: #a8d5ff;
}
.btn.with-triangle.hover .icon-block .triangle{
	border-left: 0.76em solid #a8d5ff;
}
.btn.with-triangle.right-side .txt-block{padding: 10px 0.76em 10px 0px; border-radius: 0px 0px 0px 3px;}
.btn.with-triangle.right-side .icon-block {left: 1px;}
.btn.with-triangle.right-side .icon-block .triangle{
	position: relative;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;	
	border-bottom: 0.76em solid transparent;
	border-right: 0.76em solid #001c4a;
	bottom: 0px;
}
.btn.with-triangle.right-side.hover .icon-block .triangle{
	border-right: 0.76em solid #a8d5ff;
}
.btn.type-1{font-size: 1em;}

.btn.type-1.size-0{
	min-width: auto;
	width: 66px;
	height: 66px;
}
.btn.type-1.size-1{
	min-width: auto;
	width: 80px;
	height: 50px;
}
.btn.type-1.size-2{
	min-width: auto;
	width: 100px;
	height: 50px;
}
.btn.type-1.size-2.ok-btn,
.btn.type-1.size-2.cancel-btn {
    min-width: auto;
    width: 130px;
    height: 66px;
}
.btn.type-1.size-3{
	min-width: auto;
	width: 120px;
	height: 50px;
}
.btn.type-1.size-4{
	min-width: auto;
	width: 140px;
	height: 50px;
}
.btn.type-1.size-5{
	min-width: auto;
	width: 254px;
	height: 60px;
}

.img-scroll-panel .panel{
	position: relative;
	width: 100%;
	height: 85%;
}
.zoom-btn-panel{
	position: absolute;
	bottom: 0em;
	right: 0em;
	padding: 0.5em;
}
.zoom-btn-panel .btn-panel{display: inline-block; vertical-align: middle; min-width: auto;}
.zoom-btn-panel .btn{min-width: auto;}

.img-scroll-panel .scroll-parent {max-height: none; height: 410px;}
.img-scroll-panel .scrollable{max-width: 850px; 
	transition: all 200ms ease-in; 
	-ms-transform-origin: 0 0 0; 
	-webkit-transform-origin: 0 0 0; 
	transform-origin: 0 0 0;
	margin: 0 auto;
}
.img-scroll-panel .scrollable .base-img{max-width: 850px;}

.screen .que-inner-panel{position: relative; padding: 180px 140px 20px;}

.screen .center-data-panel{
    position: relative;
    margin: 0em auto 0em;
    width: 77%;
    padding: 2em 2em 1em;
	color: #fff;
   text-align: center;
}
.screen .screen-title-div{
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
.screen .screen-title-div span{
	display: table-cell;
	vertical-align: middle;
}
.screen .screen-title-div .icon{
	font-size: 1.5em;
	padding-right: 0.5em;
	width: 1em;
}
.download-pdf-btn{color:#001c4a; height: auto;}
.download-pdf-btn .btn-icon{font-size: 3em;}
.download-pdf-btn.hover{color:#a8d5ff; 
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.svg-img-box{position: relative; background-color: #e3f7fd; padding: 1em;}
.svg-img-box .svg-img{width: 100%; height: auto; position: initial;}
.svg-img-box .bottom-div{
	position: absolute;
	bottom: 6%;
	right: 3%;
}
.magnify-box{background-color:#001c4a; 
	border-radius: 0.33em; 
	width:3em; 
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.magnify-box .magnify-icon{color: #fff; font-size: 1.7em;}

.gb-magnify-btn{
	height: auto;
	min-width: auto;
	background: transparent;
	padding: 0em;
	display: black;
}
.gb-magnify-btn .bottom-div{
	position: absolute;
	bottom: 0em;
	right: 0em;
}
.gb-magnify-btn.hover .magnify-box{background-color:#a8d5ff;}
.gb-magnify-btn.hover .magnify-icon{
    -ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
    transform: scale(1.2);    
}

.app-body .screen-modal-pop.magnify-pop .svg-img-box{padding: 0.5em;}
.app-body .screen-modal-pop.magnify-pop .scroll-parent{border: none;}

.white-box-img-panel {
	position: absolute;
    width: 785px;
    height: auto;
	right: 200px;
    top: 330px;
}
.white-box-img-panel img {
	width: 250px;
    position: absolute;
    top: -220px;
}
.white-box-img-panel .btn-panel {
	display: flex;
    justify-content: center;
    margin-top: 1.4em;
	width: 100%;
}
.instr-icon{
	position: relative;
    display: inline-block;
    vertical-align: baseline;
    font-size: 0.8em;
    padding: 0em 0.10em;
 }

.screen .center-img-panel{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 0.5em;
}
.screen .center-img-panel.extra-small{ max-width: 360px;}
.screen .center-img-panel.small{ max-width: 540px;}
.screen .center-img-panel.medium{ max-width: 720px;}
.screen .center-img-panel.big{ max-width: 770px;}
.screen .center-img-panel.extra-big{ max-width: 870px;}

.global-modal-pop.resources-pop .modal-alert .modal-header{padding: 0.5em;}
.global-modal-pop.resources-pop .modal-alert .modal-header .btn{ width: 150px;	margin: 1em;}
.global-modal-pop.resources-pop .modal-alert .modal-header .modal-title{padding: 0.5em 5em 0.70em 90px;}
.global-modal-pop.resources-pop .modal-content-box{background-color: transparent; text-align: left;}

/* Triangle tooltip */
.css-triangle {
    position: absolute;
    width: 40px;
    height: 30px;
    z-index: 1;
}
.css-triangle.top {
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -28px;
}
.css-triangle:after, .css-triangle:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
}
.css-triangle:before {
    border: none;
    border-top: 14px solid transparent;
    border-right: 26px solid #E5E5E5;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: auto;
    right: 0px;
    bottom: 0px;
}
.css-triangle.top:before {
    border: none;
    border-right: 14px solid transparent;
    border-bottom: 26px solid #E5E5E5;
    border-left: 14px solid transparent;
    left: 0px;
    right: auto;
    bottom: 0px;
}
.css-triangle.top:after {
    border: none;
    border-right: 12px solid transparent;
    border-bottom: 22px solid #E5E5E5;
    border-left: 12px solid transparent;
    left: 2px;
    right: auto;
    bottom: -2px;
    position: absolute;
}
.triangle-tooltip.color-white .css-triangle.top:after { border-bottom: 22px solid #E5E5E5; }
.triangle-tooltip { width: 180px; }
.triangle-tooltip .txt-div{
	position: relative;
    background-color: #E5E5E5;
    color: #fff;
    padding: 10px 15px; 
    border: none;
    width: 100%;
    text-align: left;
}
.triangle-tooltip.color-white .css-triangle.top:after{border-bottom: 22px solid #E5E5E5;}
.triangle-tooltip.color-white .txt-div {     
	background-color: #E5E5E5;
    color: #000000;
    font-size: 35px;
    line-height: 46px;
    text-align: center;
    padding: 20px 0px; 
}
/* Triangle tooltip */

.tab-circle {
    background: #E5E5E5;
    height: 64px;
    width: 64px;
    border-radius: 50%;
	margin-top: 60px;
}
.horizontal-line {
	position: absolute;
    top: 180px;
    left: -186px;
    border: 2px solid #E5E5E5;
    height: 2px;
    width: 1546px;
}

#screen_1_1_20 .text-box-0 { width: 590px; margin-top: 240px; }

#screen_1_1_40.screen .screen-padding { padding: 350px 130px 100px 130px; }
#screen_1_1_40 .text-box-1 { width: 504px; }
#screen_1_1_40 .tab-screen {
	width: 1220px;
	position: absolute;
	top: 0px;
	left: 550px;
}
#screen_1_1_40 .tab-screen .popup .display-flex { min-height: 450px; }
#screen_1_1_40 .tab-screen.folder-view .clickable .click-btn { min-width: 292px; width: 292px; }

#screen_1_1_50.screen .screen-data .col-text { width: 914px; }
#screen_1_1_50.screen .screen-data .col-text .text-box-0 { margin-top: 80px; }
#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.incorrect { position: absolute; top: 650px; }
#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 98px; }

#screen_1_1_60 .screen-padding {padding-top: 260px;}
#screen_1_1_60 .text-box-1{width: 360px;}
#screen_1_1_60 .tab-screen{
	width: 1310px;
	position: absolute;
	top: 0px;
	left: 430px;
}
#screen_1_1_60 .tab-screen .parent-div{min-height: 920px;}
#screen_1_1_60 .tab-screen .popup .display-flex { min-height: 600px; flex-flow: column wrap; align-items: flex-start; }
#screen_1_1_60 .tab-screen .popup .display-flex .txt-cell{padding: 0px;}
#screen_1_1_60 .tab-screen .pop-parent .popup .img-cell{margin: 0px 0px 30px 0px;}
#screen_1_1_60 .tab-screen .popup .connector{
	position: absolute;
	background-color: #fff;
	height: 2px;
	width: 32px;
	left: -32px;
	bottom: 510px;
}
#screen_1_1_60 .tab-screen .tab-pop-1 .connector{bottom: 406px;}
#screen_1_1_60 .tab-screen .tab-pop-2 .connector{bottom: 296px;}
#screen_1_1_60 .tab-screen .tab-pop-3 .connector{bottom: 226px;}

#screen_1_1_70 .text-box-0{		
	width: 100%;
	text-align: center;
	padding: 0px 25%;
	margin-bottom: 110px;
}
#screen_1_1_70 .enter-btn-panel {
	bottom: 10px;
	left: auto;
	position: absolute;
	right: 52px;
}
#screen_1_1_70 .enter-btn-panel .btn{min-width: 150px; font-size: 18px;}
#screen_1_1_70 .coverflow-screen .swiper-slide{height: 584px;}
#screen_1_1_70 .coverflow-screen .swiper-slide .flex-div{
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}
#screen_1_1_70 .coverflow-screen .swiper-slide .text-box{
	position: relative;
    padding: 40px 40px 40px 70px;
    display: block;
    width: 714px;
}
#screen_1_1_70 .coverflow-screen .swiper-slide .img-div{    position: relative;
    width: 714px;
    display: block;
    border-radius: 5px;
    margin-right: 2px;}
#screen_1_1_70 .coverflow-screen .swipe-nav .clickable-next{
	right: 14px;
    z-index: 11;
    bottom: 15px;
}
#screen_1_1_70 .coverflow-screen .swipe-nav .clickable-back{
	left: 14px;
    z-index: 11;
    bottom: 15px;
}

#screen_1_1_80.screen .screen-padding { padding: 120px 130px 100px 130px; }
#screen_1_1_80.screen .screen-data .col-text { width: 864px; }
#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.incorrect { position: absolute; top: 774px; }
#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 18px; }

/* #screen_2_1_10.screen .screen-padding { padding: 110px 155px 44px 180px; } */
#screen_2_1_10 .text-box-1 { width: 480px; }
#screen_2_1_10 .screen-padding { padding-top: 280px; }
#screen_2_1_10 .accordion-container {
	width: 940px;
    position: absolute;
    top: 0px;
    left: 710px;
}
#screen_2_1_10 .text-box-0 {position: relative; margin: 30px 40px 0px 0px;}
#screen_2_1_10 .screen-completed-block.white-box-img-panel { top: 816px; right: 0px;}
#screen_2_1_10 .screen-completed-block.white-box-img-panel .btn-panel{justify-content: flex-end;}
#screen_2_1_10 .accordion-screen .accordion-panel{padding: 0px 0px;}

#screen_2_1_20.screen .screen-data .col-text { width: 820px; }
#screen_2_1_20.screen .screen-data .col-text .text-box-0 { margin-top: 240px; }
#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.incorrect { position: absolute; top: 260px; }
#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 260px; }

#screen_3_1_10 .text-box-0 { width: 560px; margin-top: 170px; }
#screen_3_1_10 .custom-padding-right { padding-right: 3em; }

#screen_3_1_20 .screen-padding {padding-top: 230px;}
#screen_3_1_20 .text-box-1{width: 376px;}
#screen_3_1_20 .text-box-1 i{display: block; width: 416px;}
#screen_3_1_20 .tab-screen{
	width: 1310px;
	position: absolute;
	top: 0px;
	left: 430px;
}
#screen_3_1_20 .tab-screen .parent-div{min-height: 1032px;}
#screen_3_1_20 .tab-screen .popup .display-flex { min-height: 600px; flex-flow: column wrap; align-items: flex-start; }
#screen_3_1_20 .tab-screen .popup .display-flex .txt-cell{padding: 0px;}
#screen_3_1_20 .tab-screen .pop-parent .popup .img-cell{margin: 0px 0px 30px 0px;display: flex;
    justify-content: center;
    width: 100%;}
#screen_3_1_20 .tab-screen .pop-parent .popup .img-cell img{width: 200px;}
#screen_3_1_20 .tab-screen .popup .connector{
	position: absolute;
	background-color: #fff;
	height: 2px;
	width: 32px;
	left: -32px;
	bottom: 670px;
}
#screen_3_1_20 .tab-screen .tab-pop-1 .connector{bottom: 544px;}
#screen_3_1_20 .tab-screen .tab-pop-2 .connector{bottom: 438px;}
#screen_3_1_20 .tab-screen .tab-pop-3 .connector{bottom: 336px;}

#screen_3_1_30.screen .screen-data .col-text { width: 880px; }
#screen_3_1_30.screen .screen-data .col-text .text-box-0 { margin-top: 40px; }
#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.incorrect { position: absolute; top: 654px; }
#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 58px; }

#screen_4_1_10 .screen-padding {padding-top: 310px;}
#screen_4_1_10 .text-box-1{width: 360px;}
#screen_4_1_10 .tab-screen{
	width: 1310px;
	position: absolute;
	top: 0px;
	left: 430px;
}
#screen_4_1_10 .tab-screen .parent-div{min-height: 810px;}
#screen_4_1_10 .tab-screen .popup .display-flex { min-height: 300px; flex-flow: column wrap; align-items: flex-start; }
#screen_4_1_10 .tab-screen .popup .display-flex .txt-cell{padding: 0px;}
#screen_4_1_10 .tab-screen .pop-parent .popup .img-cell{margin: 0px 0px 30px 0px;}
#screen_4_1_10 .tab-screen .popup .connector{
	position: absolute;
	background-color: #fff;
	height: 2px;
	width: 32px;
	left: -32px;
	bottom: 358px;
}
#screen_4_1_10 .tab-screen .tab-pop-1 .connector{bottom: 256px;}
#screen_4_1_10 .tab-screen .tab-pop-2 .connector{bottom: 146px;}
#screen_4_1_10 .tab-screen .tab-pop-3 .connector{bottom: 44px;}

#screen_4_1_20.screen .screen-data .col-text { width: 914px; }
#screen_4_1_20.screen .screen-data .col-text .text-box-0 { margin-top: 90px; }
#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.incorrect { position: absolute; top: 584px; }
#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 98px; }

#screen_5_1_10 .text-box-0{		
	width: 100%;
	text-align: center;
	padding: 0px 18%;
	margin-bottom: 110px;
}
#screen_5_1_10 .enter-btn-panel {
	bottom: 10px;
	left: auto;
	position: absolute;
	right: 52px;
}
#screen_5_1_10 .enter-btn-panel .btn{min-width: 150px; font-size: 18px;}
#screen_5_1_10 .coverflow-screen .swiper-slide{height: 584px;}
#screen_5_1_10 .coverflow-screen .swiper-slide .flex-div{
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}
#screen_5_1_10 .coverflow-screen .swiper-slide .text-box{
	position: relative;
    padding: 40px 40px 40px 70px;
    display: block;
    width: 714px;
}
#screen_5_1_10 .coverflow-screen .swiper-slide .img-div{    position: relative;
    width: 714px;
    display: block;
    border-radius: 5px;
    margin-right: 2px;}
#screen_5_1_10 .coverflow-screen .swipe-nav .clickable-next{
	right: 14px;
    z-index: 11;
    bottom: 15px;
}
#screen_5_1_10 .coverflow-screen .swipe-nav .clickable-back{
	left: 14px;
    z-index: 11;
    bottom: 15px;
}

#screen_6_1_10 .text-box-0 {
	width: 590px;
	position: absolute;
	top: 120px;
	left: 65px;
}
#screen_6_1_10 .tab-container{
	position: absolute;
	top: 220px;
}
#screen_6_1_10 .tab-container .clickable-0{ position: absolute; left: 620px; top: 70px; max-width: none;}
#screen_6_1_10 .tab-container .clickable-1{ position: absolute; left: 950px; top: 70px; max-width: none; }
#screen_6_1_10 .tab-container .clickable-2{	position: absolute; left: 620px; top: 420px; max-width: none;}
#screen_6_1_10 .tab-container .clickable-3{	position: absolute; left: 950px; top: 420px; max-width: none;}
#screen_6_1_10 .tab-container .clickable.visited .click-img-icon,
#screen_6_1_10 .tab-container .clickable.visited .click-img-icon {display: none;}
#screen_6_1_10 .tab-container .clickable .tab-btn,
#screen_6_1_10 .tab-container .clickable .tab-btn {background-color: #FA8CFF;
    transition: all 200ms ease-out;
    height: 192px;
    border-radius: 50%;
    width: 192px;
    padding: 30px;
    display: flex;
    transition: all 200ms ease-out;
    align-items: center;
    justify-content: center; transition: all 200ms ease-out;}
#screen_6_1_10 .tab-container .clickable .tab-btn.hover,
#screen_6_1_10 .tab-container .clickable.current .tab-btn,
#screen_6_1_10 .tab-container .clickable.visited .tab-btn {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}
#screen_6_1_10 .tab-container .tab-pop{
	position: absolute;
    top: 70px;
    width: 560px;
    min-height: auto;
    padding: 36px;
    border: 2px solid #ffffff;
    border-radius: 3px;
	min-height: 234px;
}
#screen_6_1_10 .tab-container .tab-pop .table-0{height: 240px;}
#screen_6_1_10 .tab-container .tab-pop-0{    left: 0px;
    top: 30px;}
#screen_6_1_10 .tab-container .tab-pop-1{    left: 1210px;
    top: 30px;}
#screen_6_1_10 .tab-container .tab-pop-2{    left: 0px;
    top: 360px;}
	#screen_6_1_10 .tab-container .tab-pop-3{    left: 1210px;
		top: 360px;}

#screen_6_1_20 .text-box-0 { width: 860px; margin-top: 130px; }
#screen_6_1_20 .text-panel .txt-3 { padding-top: 6px; }
#screen_6_1_20 .certificate-btn-panel { display: flex; justify-content: space-between; margin-top: 70px; width: 510px; }
.attestation_screen .text-box-1{position: relative; width: 800px;}
.attestation_screen .tick-panel{
	margin: 50px 0px;
    position: relative;
    border: 2px solid #fff;
    padding: 32px 27px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row nowrap;
    background: transparent;
	align-items: center;
}
.attestation_screen .tick-panel .btn-panel{
    min-width: auto;
    min-height: auto;
    padding-right: 25px;
}
.attestation_screen .tick-panel .i-check-btn{
    color:#fff; 
    width: 34px; 
    border: 2px solid #fff;
    height: 34px;
}
.attestation_screen .tick-panel .i-check-btn .img-tag {position: absolute; width: 26px;}
.attestation_screen .tick-panel .i-check-btn .btn-icon{
    font-size: 1em;
    color: #fff; 
    display: none;
    z-index: 1;
}

.attestation_screen .tick-panel .i-check-btn.hover .btn-icon,
.attestation_screen .tick-panel .i-check-btn.selected .btn-icon{display: block;}
.attestation_screen .tick-panel .i-check-btn.selected{opacity: 1;}

#screen_certificate .screen-data{color: #3D414F;}
#screen_certificate .screen-data .txt1 {
    position: absolute;
    top: 570px;
    font-size: 80px;
    color: #fff;
    width: 580px;
    left: 118px;
}
#screen_certificate .screen-data .col-img1 .text-box .logo {
    position: absolute;
    width: 25%;
    top: -15px;
}
#screen_certificate .screen-data .col-img1 .text-box .txt {
    margin-bottom: 0.3em;
    font-size: 1.2em;
}
#screen_certificate .screen-data .col-img1 .text-box .txt2 {font-size: 80px; margin-bottom: 40px;}
#screen_certificate .screen-data .col-img1 .text-box .txt3 { font-size: 45px; margin-bottom: 0.1em;}
#screen_certificate .screen-data .col-img1 .text-box .txt4 { font-size: 45px; margin-bottom: 40px;}
#screen_certificate .screen-data .col-img1 .text-box .txt4.course-name { line-height: 48px; margin-bottom: 40px; padding-right: 220px; }
#screen_certificate .screen-data .col-img1 .text-box .txt5 { font-size: 45px;}
#screen_certificate .screen-data .col-img1 .text-box .txt-date { font-size: 45px; margin-bottom: 1em;}
#screen_certificate .screen-data .col-img1 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
#screen_certificate .screen-data .col-img1 .text-box {
    position: absolute;
    left: 900px;
    top: 120px;
}
#screen_certificate .screen-data .clickBtn p {
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
}
#screen_certificate .screen-data .bottom-btn-panel {
    position: relative;
    margin-top: 4.5em;
}
#screen_certificate .screen-data .bottom-btn-panel .btn-panel {
    margin-right: 1em;
}

#screen_certificate .screen-data .return-btn-panel {
    position: absolute;
    top: 40px;
    right: 40px;
}
#screen_certificate .screen-data .btn-panel.border-btn .btn{border-color: #1455B4;}
#screen_certificate .screen-data .print-btn{width: 230px;}
#screen_certificate .bg-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
#screen_certificate .line {
    position: relative;
    width: 160px;
    height: 4px;
    background-color: #151515;
    top: -10px;
}


/* --mediaQuery Start-- */

@media screen and (max-width: 834px) {
	
	.global-modal-pop.resources-pop .modal-alert{min-height: 200px;}
	
	.global-modal-pop.resources-pop .modal-content-box .scroll-parent {max-height: calc(100vh - 250px);}

	.btn.switch-btn{width: 118px; height: 40px;}
	.btn.switch-btn .knob{width: 50px; height: 50px;}
	.btn.switch-btn.off .knob{left: 70px;}
	.btn.switch-btn .btn-txt{font-size: 20px;}
	.screen .center-data-panel{
		position: relative;
		margin: 0em auto 0em;
		width: 100%;
		padding: 0em;
		color: #000;
	   text-align: left;
	}
	.screen .center-data-panel .title{color: #000;}
	.screen .que-inner-panel{position: relative; padding: 0px 0px;}
	.points-div{width: 60px;}
	.points-div.top-right {
		position: absolute;
		right: -15px;
		top: -15px;
	}

	#screen_1_1_20 .text-box-0 { width: auto; padding: 1em; margin-top: auto; }

	#screen_1_1_40.screen .screen-padding { padding: 0em; }
	#screen_1_1_40 .text-box-1{width: 100%;}
	#screen_1_1_40 .tab-screen{
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 30px;
	}
	#screen_1_1_40 .tab-screen .parent-div {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	#screen_1_1_40 .tab-content {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
	}	
	#screen_1_1_40 .tab-container .activity-panel { width: auto; margin: auto; padding: 0px; }
	#screen_1_1_40 .tab-screen .popup .display-flex { min-height: auto; }
	#screen_1_1_40 .tab-screen.folder-view .clickable .click-btn { min-width: auto; width: 100%; }

	#screen_1_1_50.screen .screen-data .col-text { width: auto; }
	#screen_1_1_50.screen .screen-data .col-text .text-box-0 { margin-top: auto; }
	#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_1_1_50.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; padding: 0px; margin: 0px; }

	#screen_1_1_60 .screen-padding {padding-top: 0px;}
	#screen_1_1_60 .text-box-1{width: 100%;}
	#screen_1_1_60 .tab-screen{
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 30px;
	}
	#screen_1_1_60 .tab-screen .parent-div {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		min-height: auto;
	}
	#screen_1_1_60 .tab-content {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
	}	
	#screen_1_1_60 .tab-container .activity-panel { width: auto; margin: auto; padding: 0px; }
	#screen_1_1_60 .tab-screen .parent-div .popup-content-box .img-cell{width: 100%; max-width: none;}

	#screen_1_1_70 .text-box-0{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		margin-bottom: 1em;
		padding: 0px;
		text-align: left;
	}
	#screen_1_1_70 .coverflow-screen{
		position: relative;
		top: auto;
		left: auto;
	}
	#screen_1_1_70 .coverflow-screen .swiper-container{
		max-width: none;
	}
	#screen_1_1_70 .coverflow-screen .swiper-slide{min-height: auto;        border: none;}
	#screen_1_1_70 .coverflow-screen .swiper-slide .flex-div{flex-flow: column wrap;flex-direction: column-reverse;        height: auto;}
	#screen_1_1_70 .coverflow-screen .swiper-slide .text-box{width: auto; padding: 0px 0px 1em 0px;}
	#screen_1_1_70 .coverflow-screen .swiper-slide .img-div{width: 100%; height: auto;}
	#screen_1_1_70 .enter-btn-panel{
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		text-align: center;
		margin: 20px auto;
	}

	#screen_1_1_80.screen .screen-padding { padding: 0em; }
	#screen_1_1_80.screen .screen-data .col-text { width: auto; }
	#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_1_1_80.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; padding: 0px; margin: 0px; }

	#screen_2_1_10 .text-box { text-align: left; margin: 0;}
	#screen_2_1_10 .tab-screen {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 30px;
    }
	#screen_2_1_10 .text-box-1 {
        width: 100%;
    }
	#screen_2_1_10.screen .screen-padding { padding: 0em; }
	#screen_2_1_10 .text-box .mobile .mob-txt { padding: 30px 26px; text-align: center; }
	#screen_2_1_10 .screen-completed-block.white-box-img-panel {top: auto; right: auto; }
	#screen_2_1_10 .screen-completed-block.white-box-img-panel .btn-panel{justify-content: center;}
	#screen_2_1_10 .accordion-container {
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		margin-top: 30px;
	}

	#screen_2_1_20.screen .screen-data .col-text { width: auto; }
	#screen_2_1_20.screen .screen-data .col-text .text-box-0 { margin-top: auto; }
	#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_2_1_20.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; padding: 0px; margin: 0px; }

	#screen_3_1_10 .text-box-0 { width: auto; padding: 1em; margin-top: auto; }
	#screen_3_1_10 .custom-padding-right { padding-right: auto; }

	#screen_3_1_20 .screen-padding {padding-top: 0px;}
	#screen_3_1_20 .text-box-1{width: 100%;}
	#screen_3_1_20 .tab-screen{
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 30px;
	}
	#screen_3_1_20 .tab-screen .parent-div {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		min-height: auto;
	}
	#screen_3_1_20 .tab-content {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
	}	
	#screen_3_1_20 .tab-container .activity-panel { width: auto; margin: auto; padding: 0px; }
	#screen_3_1_20 .tab-screen .parent-div .popup-content-box .img-cell{width: 100%; max-width: none;display: flex; justify-content: center; }
	#screen_3_1_20 .tab-screen .parent-div .popup-content-box .img-cell img{width: 200px;}

	#screen_3_1_30.screen .screen-data .col-text { width: auto; }
	#screen_3_1_30.screen .screen-data .col-text .text-box-0 { margin-top: auto; }
	#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_3_1_30.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; padding: 0px; margin: 0px; }

	#screen_4_1_10 .screen-padding {padding-top: 0px;}
	#screen_4_1_10 .text-box-1{width: 100%;}
	#screen_4_1_10 .tab-screen{
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 30px;
	}
	#screen_4_1_10 .tab-screen .parent-div {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		min-height: auto;
	}
	#screen_4_1_10 .tab-content {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
	}	
	#screen_4_1_10 .tab-container .activity-panel { width: auto; margin: auto; padding: 0px; }
	#screen_4_1_10 .tab-screen .parent-div .popup-content-box .img-cell{width: 100%; max-width: none;}

	#screen_4_1_20.screen .screen-data .col-text { width: auto; }
	#screen_4_1_20.screen .screen-data .col-text .text-box-0 { margin-top: auto; }
	#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_4_1_20.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; padding: 0px; margin: 0px; }

	#screen_5_1_10 .text-box-0{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		margin-bottom: 1em;
		padding: 0px;
		text-align: left;
	}
	#screen_5_1_10 .coverflow-screen{
		position: relative;
		top: auto;
		left: auto;
	}
	#screen_5_1_10 .coverflow-screen .swiper-container{
		max-width: none;
	}
	#screen_5_1_10 .coverflow-screen .swiper-slide{min-height: auto;        border: none;}
	#screen_5_1_10 .coverflow-screen .swiper-slide .flex-div{flex-flow: column wrap;flex-direction: column-reverse;        height: auto;}
	#screen_5_1_10 .coverflow-screen .swiper-slide .text-box{width: auto; padding: 0px 0px 1em 0px;}
	#screen_5_1_10 .coverflow-screen .swiper-slide .img-div{width: 100%; height: auto;}
	#screen_5_1_10 .enter-btn-panel{
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		text-align: center;
		margin: 20px auto;
	}

	#screen_6_1_10 .tab-container {
		position: relative;
		top: auto;
	}
	#screen_6_1_10 .tab-container .clickable-0,
	#screen_6_1_10 .tab-container .clickable-1,
	#screen_6_1_10 .tab-container .clickable-2,
	#screen_6_1_10 .tab-container .clickable-3 {
		position: relative;
		left: auto;
		top: auto;
		max-width: none;
	}
	#screen_6_1_10 .tab-container .clickable .tab-btn, #screen_6_1_10 .tab-container .clickable .tab-btn {
		height: 130px;
		width: 130px;
		margin-bottom: 30px;
	}
	#screen_6_1_10 .tab-container .tab-pop-0,
	#screen_6_1_10 .tab-container .tab-pop-1,
	#screen_6_1_10 .tab-container .tab-pop-2,
	#screen_6_1_10 .tab-container .tab-pop-3 {
		left: auto;
		top: auto;
		position: relative;
		width: auto;
		min-height: auto;
	}
	#screen_6_1_10 .tab-screen .collapse-pop {
		position: relative;
		display: none;
		width: 100%;
		margin: 0.2em 0em 0.5em 0em;
		height: auto;
		border: none;
		padding: 0px;
		margin-bottom: 40px;
	}

	#screen_6_1_20 .text-box-0 { width: auto; padding: 1em; margin-top: auto; }
	#screen_6_1_20 .certificate-btn-panel {
		display: flex;
		justify-content: center;
		margin-top: 70px;
		flex-wrap: wrap;
		width: auto;
	}
	#screen_6_1_20 .certificate-btn-panel a {
		margin: 0px 10px 20px;
	}

	#screen_certificate.screen { width: 2028px; }

	.assessment-result-screen .screen-data .icon-panel{width: 120px;}

}
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 420px) {
	#screen_1_1_70 .coverflow-screen .swipe-nav .clickable-next,
	#screen_5_1_10 .coverflow-screen .swipe-nav .clickable-next {
		right: 14px;
		z-index: 11;
		bottom: 2px;
	  }
	  #screen_1_1_70 .coverflow-screen .swipe-nav .clickable-back,
	  #screen_5_1_10 .coverflow-screen .swipe-nav .clickable-back {
		right: 14px;
		z-index: 11;
		bottom: 2px;
	  }
}