/* @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_Reg;
    src: url('../font/VAGRoundedBT-Regular.eot'),url('../font/VAGRoundedBT-Regular.svg'),url('../font/VAGRoundedBT-Regular.ttf'), url('../font/VAGRoundedBT-Regular.woff');
}

body
{
	margin:0px;
	width: 100%;
    height: 100%;
	background-color:black;
	font-family: VAGRoundedStd_Bold;
}
.parentContainer
{
	position:absolute;
	left:0px;
	right:0px;
	width:800px;
	height:600px;
	background-image:url("../images/bg@2x.png");
	/* background-image: url(../images/refer4.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: 9px;
	top: 8px;
	width: 116px;
	height:52px;
	background-image:url("../images/title@2x.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.class_img
{
	position:absolute;
	/*left: 93px;
	top: -5px;*/
	width: 152px;
	height: 74px;
	/*background-image:url("../images/alien_3@2x.png");*/
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.title_txt
{
	position: absolute;
	left: 237px;
	top: 17px;
	width: 150px;
	height: auto;
	color: #9dde3a;
	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: 17px;
	top: 12px;
	width: 40px;
	height: 40px;
	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: 10px;
	width: 42px;
	height: 38px;
	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: 126px;
	top: 10px;
	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: 10px;
    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: 82px;
    width: inherit;
    height: 518px;
}
/***************************************************/
.shellPop_sec
{
	position:absolute;
	width:inherit;
	height:inherit;
	top:0px;
	left:0px;
	display:none;
	z-index:1; */
}
.shellPop_sec .pop_bg
{
	position:absolute;
	width:inherit;
	height:inherit;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,.5);
}

/***************************************************/
.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,.2);
}
.shellfeed_sec .pop_box
{
	position: absolute;
	width: 530px;
	height: 261px;
	top: 195px;
	left: 129px;
	background-color: #00152b;
	border: 4px solid white;
	border-radius: 11px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.shellfeed_sec .pop_sign
{
	position: absolute;
	/*top: -22px;
	left: -5px;
	width: 156px;
    height: 154px;
	background-image: url(../images/tick.png);*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.shellfeed_sec .pop_char
{
	position: absolute;
	/*top: 35px;
	right: 5px;
	width: 166px;
	height: 182px;
	background-image: url(../images/alien_2.png);*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: -30;
}
.shellfeed_sec .pop_text
{
	position: absolute;
	top: 85px !important;
	left: 81px;
	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: 135px;
	background-image:url("../images/button_normal.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	color:white;
	font-size:18px;
	background-color: transparent;
	border: none;
	font-weight: bold;
	font-family: VAGRoundedStd_Bold;
}
.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: 129px;
	height: 39px;
	background-image:url("../images/button_normal.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	color:white;
	font-size:18px;
	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");
}
/***************************************************/
.playBtn_sec{
	position:absolute;
	width:inherit;
	height:inherit;
	background-color:black;
	left:0px;
	top:0px;
}
.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;
}






















/* popup information css*/

.shellPop_sec .pop_box
{
	position:absolute;
	width:634px;
	height: 374px;
	top: 133px;
	left:86px;
	background-image:url("../images/popup@2x.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.shellPop_sec .pop_head
{
	position: absolute;
    top: 5px;
    left: 14px;
    width: 606px;
    height: 42px;
}
.shellPop_sec .pop_body
{
	position: absolute;
    top: 47px;
    left: 12px;
    width: 610px;
    height: 300px;
    /* overflow: auto; */
    /* overflow-y: scroll; */
    overflow-x: hidden;
}
.shellPop_sec .pop_body #box_1{top: 7px;left: 11px;}

.shellPop_sec .pop_body #box_2{
	color: #482a48;
	font-family: VAGRoundedStd_Bold;
	font-size: 20px;
	top: 3px;
	left: 182px;
}

.shellPop_sec .pop_body #box_3{top: 7px;left: 291px;}




.shellPop_sec .pop_body #coloumn_color{
	position: relative;
	color: #482a48;
	font-family: VAGRoundedStd_Bold;
	font-size: 20px;
	top: 2px;
	left: 1px;
}
.shellPop_sec .pop_close_btn
{
	position:absolute;
	top: 3px;
    right: -8px;
    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: 34px;
	color: #DFE3E6;
	top: 2px;
	left: 12px;
	Font-Family: VAGRoundedStd_Bold;
}


 .shellPop_sec .pop_body .leftDiv{
  	width: 150px;
  	float:left;
  	height: 35px;
}
.shellPop_sec .pop_body .rightDiv{
	position: relative;
	width: 454px;
	height: 36px;
	font-family: VAGRoundedStd_Bold;
	font-size: 16px;
	left: 152px;
	top: 3px;
}
.shellPop_sec .pop_body .mainDiv{
	position: absolute;
	height: 317px;
	width: 610px;
	background-image: url('../images/information_table@2x.png');
	background-size: 100% 100%;
	top: 3px;
	left: 0px;
}
.shellPop_sec .pop_body .lastleftDiv{
}
.shellPop_sec .pop_body .lastrightDiv div{
}
.shellPop_sec .pop_body .clear{
	clear:both;
}
.shellPop_sec .pop_body .rightdivGroup{margin-top: 32px;}
.shellPop_sec .pop_body .leftGroup{margin-top: 32px;}

.shellPop_sec .pop_body .leftGroup div{
	padding-top: 0px !important;
}

.shellPop_sec .pop_body .rightdivGroup div{padding-top: 0px !important;}
.shellPop_sec .pop_body .rightdivGroup1{height: 35px;}
.shellPop_sec .pop_body .leftGroup1{height: 35px;}

.shellPop_sec .pop_body .leftDiv div{position: absolute;}
.shellPop_sec .pop_body .rightDiv div{position: absolute;}
.shellPop_sec .pop_body .heading{
    margin-top: 0;
    color: #482a48;
    font-size: 20px;
    font-family: arial;
    position: relative;
    left: 5px;
    top: 5px;
}

.shellPop_sec .pop_body .headings2{
	top: 11px;
}

.shellPop_sec .pop_body	p{
    font-size: 19px;
    position: relative;
    left: 4px;
    top: 8px;
    font-weight: normal;
    font-family: arial;
}
.shellPop_sec .pop_body	.ul1{
		
top: 16px;
		
position: relative;
		
font-size: 19px;
		
left: -1px;
		
font-family: arial;
}
.shellPop_sec .pop_body	.ul2{
		
top: 19px;
		
position: relative;
		
font-size: 18px;
		
left: 1px;
		
font-family: arial;
}
.shellPop_sec .pop_body	.ul3{
		
top: 14px;
		
position: relative;
		
font-size: 18px;
		
font-family: arial;
		
left: 1px;
}
.shellPop_sec .pop_body	ul li{
	
}
.shellPop_sec .pop_body .heading1{
	
top: 14px;
	
left: 6px;
}
.shellPop_sec .pop_body .heading2{
	
top: 10px;
	
left: 2px;
}


.shellPop_sec .pop_body .rightDiv_1 div{
	
top: 9px;
	
left: 11px;
}
.shellPop_sec .pop_body .rightDiv_2 div{
    top: 6px;
    left: 11px;
}
.shellPop_sec .pop_body .rightDiv_3 div{}
.shellPop_sec .pop_body .rightDiv_4 div{}
.shellPop_sec .pop_body .rightDiv_5 div{
    top: 6px;
    left: 11px;
}
.shellPop_sec .pop_body .rightDiv_6 div{
    top: 5px;
    left: 11px;
}
.shellPop_sec .pop_body .rightDiv_7 div{
    top: 1px;
    left: 12px;
}

.shellPop_sec .pop_body .leftDiv_1 div{
    top: 5px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_2 div{
    top: 3px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_3 div{
    top: 4px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_4 div{
    top: 3px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_5 div{
    top: 3px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_6 div{
    top: 3px;
    left: 13px;
}
.shellPop_sec .pop_body .leftDiv_7 div{
    top: 3px;
    left: 13px;
}