/* @font-face {
	font-family: 'BerlinSansFBDemi_Bold';
	src: url('../../fonts/NoemieScript.otf');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: BerlinSansFBDemi_Bold;
	src: url('../font/Berlin Sans FB Demi Bold.eot'), url('../font/Berlin Sans FB Demi Bold.svg'), url('../font/Berlin Sans FB Demi Bold.ttf'), url('../font/Berlin Sans FB Demi Bold.woff');
}

@font-face {
	font-family: VAGRoundedStd_Bold;
	src: url('../font/VAGRoundedStd-Bold.eot'), url('../font/VAGRoundedStd-Bold.svg'), url('../font/VAGRoundedStd-Bold.ttf'), url('../font/VAGRoundedStd-Bold.woff');
}

@font-face {
	font-family: VAGRoundedStd-Thin;
	src: url('../font/VAGRounded-Thin.otf') format("opentype");
}

@font-face {
	font-family: primer_print_bold;
	src: url('../font/primer_print_bold.ttf') format("truetype");
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	font-family: VAGRoundedStd_Bold;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
}

.parentContainer {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 800px;
	height: 600px;
	background-image: url("../images/bg@2x.png");
	/* background-image: url("../images/refer1.jpg"); */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	margin: 0px auto !important;
	overflow: hidden;
}

.container_sec {
	position: relative;
	width: 800px;
	height: 600px;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

.content_sec {
	position: relative;
	width: 800px;
	height: 600px;
}

.header_sec {
	position: absolute;
	left: 0px;
	top: 0px;
	width: inherit;
	height: 106px;
}

.leftHead_sec {
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
}

.category_img {
	position: absolute;
	left: 5px;
	top: 8px;
	width: 131px;
	height: 52px;
	background-image: url("../images/title@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.class_img {
	position: absolute;
	left: 93px;
	top: -8px;
	width: 152px;
	height: 74px;
	background-image: url("../images/alien_2@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.title_txt {
	position: absolute;
	left: 240px;
	top: 17px;
	width: 150px;
	height: auto;
	color: #21b92d;
	font-size: 28px;
	/* font-weight: bold; */
	font-family: BerlinSansFBDemi_Bold;
}

.rightHead_sec {
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: 106px;
}

.close_btn {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 44px;
	height: 42px;
	background-image: url("../images/btn_popup_normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

.close_btn:hover {
	background-image: url("../images/btn_popup_close_hover@2x.png");
}

.close_btn:active {
	background-image: url("../images/btn_popup_close_down@2x.png");
}

.fullScr_btn {
	position: absolute;
	right: 73px;
	top: 8px;
	width: 44px;
	height: 42px;
	background-image: url("../images/arrow_normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

.fullScr_btn:hover {
	background-image: url("../images/arrow_hover@2x.png");
}

.fullScr_btn:active {
	background-image: url("../images/arrow_selected@2x.png");
}

.help_btn {
	position: absolute;
	right: 125px;
	top: 9px;
	width: 44px;
	height: 42px;
	background-image: url("../images/help_normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

.help_btn:hover {
	background-image: url("../images/help_hover@2x.png");
}

.help_btn:active {
	background-image: url("../images/help_selected@2x.png");
}

.info_btn {
	position: absolute;
	right: 180px;
	top: 7px;
	width: 44px;
	height: 42px;
	background-image: url("../images/information_normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	border: none;
}

.info_btn:hover {
	background-image: url("../images/information_hover@2x.png");
}

.info_btn:active {
	background-image: url("../images/information_selected@2x.png");
}

.body_sec {
	position: absolute;
	left: 0px;
	top: 62px;
	width: inherit;
	height: 518px;
}

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

.shellPop_sec {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 0px;
	left: 0px;
	display: none;
}

.shellPop_sec .pop_bg {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}

.shellPop_sec .pop_box {
	position: absolute;
	width: 631px;
	height: 351px;
	top: 133px;
	left: 86px;
	background-image: url("../images/popup@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2;
}

.shellPop_sec .pop_head {
	position: absolute;
	top: 5px;
	left: 14px;
	width: 606px;
	height: 42px;
}

.shellPop_sec .pop_body {
	position: absolute;
	top: 44px;
	left: 14px;
	width: 606px;
	height: 298px;
	overflow: auto;
	background-position: 100% 100%;
}

.shellPop_sec .pop_body table {
	width: 100%;
	border-collapse: collapse;
}

.shellPop_sec .pop_body table tr td {
	border: 2px solid black;
	padding: 11px;
}

.shellPop_sec .pop_body #table_css_a {
	left: 152px;
	position: absolute;
	top: 86px;
	height: 40px;
	width: auto;
}

.shellPop_sec .pop_body #table_css_b {
	left: 152px;
	position: absolute;
	top: 128px;
	height: 40px;
	width: auto;
}

.shellPop_sec .pop_body #box_1 {
	border-right: 1px solid black;
	border-top: 0px;
	width: 125px;
	padding: 0px 10px;
	/* height: 20px; */
	/* float: left; */
	display: inline-block;
}

.shellPop_sec .pop_body #box_2 {
	border-right: 1px solid black;
	border-top: 0px;
	width: 101px;
	background-color: #b6bbc7;
	padding: 0px 10px;
	/* height: 20px; */
	/* float: left; */
	display: inline-block;
	color: #482a48;
}

.shellPop_sec .pop_body #box_3 {
	/* border-right: 1px solid black; */
	border-top: 0px;
	width: 162px;
	padding: 0;
	padding: 0px 10px;
	display: inline-block;
}

.shellPop_sec .pop_body #coloumn_color {
	background-color: #b6bbc7;
	color: #482a48;
}

.shellPop_sec .pop_close_btn {
	position: absolute;
	top: 3px;
	right: -9px;
	width: 36px;
	height: 36px;
	background-image: url("../images/btn_popup_normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.shellPop_sec .pop_close_btn:hover {
	background-image: url("../images/btn_popup_close_hover@2x.png");
}

.shellPop_sec .pop_close_btn:active {
	background-image: url("../images/btn_popup_close_down@2x.png");
}

.shellPop_sec .pop_title {
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	color: white;
	top: 2px;
	left: 10px;
}

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

.shellfeed_sec {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 0px;
	left: 0px;
	display: none;
}

.shellfeed_sec .pop_bg {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.2);
}

.shellfeed_sec .pop_box {
	position: absolute;
	width: 532px;
	height: 259px;
	top: 197px;
	left: 128px;
	background-color: #00152b;
	border: 3px solid white;
	border-radius: 9px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 2;
}

.shellfeed_sec .pop_sign {
	position: absolute;
	top: -25px;
	left: 10px;
	width: 151px;
	height: 154px;
	background-image: url(../images/tick.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.shellfeed_sec .pop_char {
	position: absolute;
	top: 113px;
	right: -4px;
	width: 140px;
	height: 150px;
	background-image: url(../images/alien_2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.shellfeed_sec .pop_text {
	position: absolute;
	top: 75px;
	left: 80px;
	right: 138px;
	width: 345px;
	height: auto;
	font-size: 30px;
	color: white;
	text-align: center;
	/* font-weight: bold; */
}

.shellfeed_sec .next_btn {
	position: absolute;
	top: 210px;
	left: 204px;
	height: 40px;
	width: 127px;
	background-image: url("../images/button_normal.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	color: white;
	font-size: 19px;
	background-color: transparent;
	border: none;
	/* font-weight: bold; */
	font-family: VAGRoundedStd_Bold;
	line-height: 34px;
}

.shellfeed_sec .next_btn:hover {
	background-image: url("../images/button_hover.png");
}

.shellfeed_sec .next_btn:active {
	background-image: url("../images/button_selected.png");
}

.shellfeed_sec .tryAgain_btn {
	position: absolute;
	top: 210px;
	left: 204px;
	width: 128px;
	height: 40px;
	background-image: url("../images/button_normal.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	color: white;
	font-size: 19px;
	background-color: transparent;
	border: none;
	/* font-weight: bold; */
	font-family: VAGRoundedStd_Bold;
}

.shellfeed_sec .tryAgain_btn:hover {
	background-image: url("../images/button_hover.png");
}

.shellfeed_sec .tryAgain_btn:active {
	background-image: url("../images/button_selected.png");
}

.shellfeed_sec .playAgain_btn {
	position: absolute;
	top: 210px;
	left: 204px;
	width: 128px;
	height: 40px;
	background-image: url("../images/button_normal.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	color: white;
	font-size: 19px;
	background-color: transparent;
	border: none;
	/* font-weight: bold; */
	font-family: VAGRoundedStd_Bold;
}

.shellfeed_sec .playAgain_btn:hover {
	background-image: url("../images/button_hover.png");
}

.shellfeed_sec .playAgain_btn:active {
	background-image: url("../images/button_selected.png");
}

.shellfeed_sec .quitBtn {
	position: absolute;
	top: 210px;
	left: 58px;
	width: 128px;
	height: 40px;
	background-image: url("../images/button_normal.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	color: white;
	font-size: 19px;
	background-color: transparent;
	border: none;
	/* font-weight: bold; */
	font-family: VAGRoundedStd_Bold;
}

.shellfeed_sec .quitBtn:hover {
	background-image: url("../images/button_hover.png");
}

.shellfeed_sec .quitBtn:active {
	background-image: url("../images/button_selected.png");
}

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

.playBtn_sec {
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: black;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.playBtn_sec div {
	position: absolute;
	left: 340px;
	top: 255px;
	cursor: pointer;
}

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

.preloader_sec {
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: white;
	left: 0px;
	top: 0px;
}

.preloader_sec div {
	position: absolute;
	left: 355px;
	top: 255px;
}

.audio_sec {
	visibility: hidden;
}

.boldTxt {
	font-weight: bold;
}

.shellPop_sec .pop_body .leftDiv:first-child {
	border-bottom: 0px;
	padding: 0px 10px;
	line-height: 40px;
}

.shellPop_sec .pop_body .rightDiv:first-child {
	/* border-bottom: 0px !important; */
	padding: 11px 10px;
}

.shellPop_sec .pop_body .leftDiv {
	width: 120px;
	float: left;
	padding: 0px 10px;
	/* border-bottom: 2px solid #000; */
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	height: 40px;
	line-height: 40px;
}

.shellPop_sec .pop_body .rightDiv {
	width: 442px;
	float: left;
	padding: 0px 10px;
	/* border-bottom: 2px solid #000; */
	/* border-right: 2px solid #000; */
	border-top: 2px solid #000;
	height: 40px;
	line-height: 40px;
}

.shellPop_sec .pop_body .mainDiv {
	/* margin-top: 1px; */
	height: 100%;
	/* font-weight: bold; */
	line-height: 20px;
}

.shellPop_sec .pop_body .lastleftDiv {
	border-bottom: 0px solid #000;
	padding: 0px 10px;
}

.shellPop_sec .pop_body .lastrightDiv {
	border-bottom: 0px solid #000;
	padding: 0px 10px;
	overflow: hidden;
}

.shellPop_sec .pop_body .clear {
	clear: both;
}

.shellPop_sec .pop_body .rightdivGroup {
	padding: 0px;
	width: 462px;
}

.shellPop_sec .pop_body .leftGroup {
	padding: 0px 10px;
}

.colorText {
	color: #3b2546;
}

.firstDiv, .rightDiv1 {
	border-top: 0px solid #fff !IMPORTANT;
}

.helpPop {
	height: 281px !important;
    top: 45px !IMPORTANT;
    width: 593px !important;
}
.helpPop ul{
	margin-top:5px;	
}
.text001{
	position: absolute;
    color: #fff;
    font-size: 22px;
    text-align: center;
    top: 142px;
    left: 70px;
}