@font-face {
    font-family: SassoonSans;
    src: 	url('font/311A59_0_0.eot'),
			url('font/311A59_0_0.ttf'),
			url('font/311A59_0_0.woff'),
			url('font/311A59_0_0.woff2');
}

@font-face {
	font-family: 'Conv_ComicSansMS3';
	src: 	url('font/ComicSansMS3.eot'),
			url('font/ComicSansMS3.woff')format('woff'),
			url('fonts/ComicSansMS3.ttf') format('truetype'),
			url('fonts/ComicSansMS3.svg') format('svg');
	font-weight: normal;
}

body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

body *:not(input):not(textarea){
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.disabled {
	cursor: default;
}

.tabbed:focus{
    box-shadow: 0px 0px 0px 2px #ffff00;
    border-radius: 2px !important;
    outline: 0;
}

.container {
	position: fixed;
	left: 0;
	top: 0;
}

.container {
	position: fixed;
	left: 0;
	top: 0;
}

.container a{
	text-decoration: none;
}

.container #mainGame {
	position: relative;
	width: 816px;
	height: 611px;
	overflow: hidden;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#mainGame .screen {
	position: absolute;
	width: 99%;
	height: 99%;
	top: 0px;
	left: 0px;
	display: none;
	border: 1px solid #000000;
}

#mainGame .screen.active {
	display: block;
}

/*--------------------------------------------------------------preloader-------------------------------------------------------*/
#preloader{
	background:#FFFFFF;
}

#preloader .process {
    height: 66px;
    width: 142px;
	position:absolute;
	bottom:35px;
	left:0;
	right:0;
	margin:auto;
}

#preloader .process span{
	font-size:28px;
	font-weight:bold;
	font-family:Arial;
	font-style:italic;
}

/*--------------------------------------------------------------screen 1-------------------------------------------------------*/
#screen1 {
 background:url(../images/screen1/bg.png) no-repeat;
 background-size:100% auto;
}

#screen1 .title{
    font-size: 53px;
    font-family: Arial;
    position: absolute;
    top: 7px;
    left: 132px;
}

#screen1 .title .subtitle{
    font-size: 40px;
    font-family: Arial;
    position: absolute;
    top: 54px;
    left: 140px;
}

.popup{
	background:url(../images/screen1/mainpopup.svg) no-repeat;
    background-size: 100% 100%;
    width: 420px;
    height: 316px;
    position: absolute;
    top: 120px;
    left: 200px;	
}

#screen1 .userinput{
    position: absolute;
    bottom: -26px;
    left: 0px;
}

#screen1 .popup .popupa_text {
    height: 200px;
    width: 350px;
    position: absolute;
    top: 45px;
    left: 40px;
}

#screen1 .popup .popupa_text span{
    font-size: 18px;
    font-family: Arial;
    letter-spacing: 0.1px;
    line-height: 18px;
}

#screen1 .popup .popupa_text .playername{
    border: 1px solid #000000;
    height: 16px;
    width: 248px;
    font-size: 17px;
    padding: 3px;
}

#screen1 .popup .popupa_text .playername:focus{
	border:none;
	outline:4px solid #ffff00;
}

#screen1  input::-webkit-input-placeholder{
	color:#000000;
	font-size:18px;
	font-style:italic;
}

#screen1.popup.popupa_text.inputdiv{
position:absolute;
bottom:-12px;
left:0px;
}

.playername{
    position: absolute;
    bottom: -30px;
    left: 66px;
}

.nextbtn{
    background:url(../images/button/next1/next.png) no-repeat;
	position: absolute;
	width: 118px; 
	height: 160px; 
    bottom:0px;
    left: 628px;
	color:#000000;
}

.nextbtn.disabled {opacity:0.5;cursor:default;}

.nextbtn:not(.disabled):hover ,.nextbtn:not(.disabled):focus{
	animation:nextbtn_1 1.5s steps(21) 1; 
	-webkit-animation:nextbtn_1 1.5s steps(21) 1; 
	-moz-animation:nextbtn_1 1.5s steps(21) 1; 
	-ms-animation:nextbtn_1 1.5s steps(21) 1; 
	-o-animation:nextbtn_1 1.5s steps(21) 1; 
	background:url(../images/button/next1/nexthover.png) no-repeat;
	width: 190px; 
	height: 207px;
	background-position: -3800px 0;
    left: 612px;
    bottom: -1px;

 }

@keyframes nextbtn_1{
	from{background-position: 0 0;}
	to{background-position: -3990px 0;}
}

@-webkit-keyframes nextbtn_1 {
	from{background-position: 0 0;}
	to{background-position: -3990px 0;}
}

@-moz-keyframes nextbtn_1 {
	from{background-position: 0 0;}
	to{background-position: -3990px 0;}
}
@-ms-keyframes nextbtn_1 {
	from{background-position: 0 0;}
	to{background-position: -3990px 0;}
}

@-o-keyframes nextbtn_1 {
	from{background-position: 0 0;}
	to{background-position: -3990px 0;}
}

.nextbtn:not(.disabled):active{
	background:url(../images/button/next1/nextactive.png) no-repeat;
	width: 147px;
	height: 160px;
	animation:none;
	left: 628px;
}

.nextbtn span{
    font-size: 20px;
    font-family: Arial;
    font-weight:bold;
    position: absolute;
    top: 51px;
    left: 34px;
	pointer-events:none;
	text-shadow:1px 1px 0 white;
}

.nextbtn:not(.disabled):hover span, .nextbtn:not(.disabled):focus span {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5);
	top: 69px;
    left: 54px;
}

.nextbtn:not(.disabled):active span{
   transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
	top: 51px;
    left: 34px;
	text-shadow:1px 1px 0 gray;
}

/*--------------------------------------------------------------screen 2-------------------------------------------------------*/
#screen2{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen2 .title{
	background:url(../images/popup/popup1.svg) no-repeat;
    background-size: 100% 100%;
    width: 582px;
    height: 80px;
    position: absolute;
    top: 12px;
    left: 111px;
    color: #2e2f29;
}

#screen2 .title span{
    font-size: 18px;
    font-family: Arial;
    font-weight: 500;
    position: absolute;
    top: 18px;
    left: 44px;
}

.popup1{
    background:url(../images/screen1/mainpopup.svg) no-repeat;
    background-size: 100% 100%;
    height: 403px;
    width: 592px;
    position: absolute;
    top: 125px;
    left: 105px;
    font-family: Arial;
}

.popup1 .text1{
    font-size: 19px;
    font-weight: bold;
    position: absolute;
    top: 68px;
    left: 46px;
    letter-spacing: 0.1px;
}

.popup1 .text2{
    font-size: 18px;
    position: absolute;
    top: 110px;
    left: 46px;
    letter-spacing: 0.2px;
}

.popup1 .text3{
    font-size: 18px;
    position: absolute;
    top: 198px;
    left: 46px;
    letter-spacing: 0.2px;
}

.popup1 .text4{
	font-size: 18px;
    position: absolute;
    top: 310px;
    left: 46px;
    letter-spacing: 0.2px;
}

#screen2 .cardboard{
    height: 428px;
    width: 580px;
    position: absolute;
    left: 113px;
    top: 127px;
}

.cardboard .cardbg{ position:absolute;}

.cardboard .cardbg .card{
	background:url(../images/screen2/catpic/2.svg) no-repeat;
	background-size:100% 100%;
    width: 95px;
    height: 129px;
	position:absolute;
	z-index:1;
}

.cardboard .card:hover{
	transform:scale(1.08);
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08);
	cursor:pointer;
}

.cardboard .card:focus{
	transform:scale(1.08);
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08);
}

.cardboard .card:active{
	background:url(../images/screen2/catpic/3.svg) no-repeat;
	background-size:100% 100%;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
}

.cardboard .cardbg .design{
	background-size: 100% 100%;
	width: 95px;
    height: 129px;
    position: absolute;
    top: 4px;
    left: 7px;
}

.cardboard .cardbg .design.cross{background:url(../images/screen2/card_cross.svg) no-repeat;}

.cardboard .cardbg .design.pantagon{background:url(../images/screen2/card_pantagon.svg) no-repeat;}

.cardboard .cardbg .design.circule{background:url(../images/screen2/card_circle.svg) no-repeat;}

.cardboard .cardbg .design.rectangle{background:url(../images/screen2/card_ractangle.svg) no-repeat;}

.cardboard .cardbg .design.square{background:url(../images/screen2/card_square.svg) no-repeat;}

.cardboard .cardbg .design.star{background:url(../images/screen2/card_star.svg) no-repeat;}

.cardboard .cardbg .design.triangle{background:url(../images/screen2/card_triangle.svg) no-repeat;}

.cardboard .cardbg .design.zigzag1{background:url(../images/screen2/card_zigzag1.svg) no-repeat;}

.cardboard .cardbg .design.zigzag2{background:url(../images/screen2/card_zigzag2.svg) no-repeat;}

.cardboard .cardbg.one{
	top:0;
	left:-8px;
}

.cardboard .cardbg.two{
	top:0;
	left:90px;
}

.cardboard .cardbg.three{
	top:0;
	left:188px;
}

.cardboard .cardbg.four{
	top:0;
	left:286px;
}

.cardboard .cardbg.five{
	top:0;
	left:384px;
}

.cardboard .cardbg.six{
	top:0;
	left:482px;
}

.cardboard .cardbg.seven{
    top: 135px;
	left:-8px;
}

.cardboard .cardbg.eight{
    top: 135px;
	left:90px;
}

.cardboard .cardbg.nine{
    top: 135px;
	left:188px;
}

.cardboard .cardbg.ten{
    top: 135px;
	left:286px;
}

.cardboard .cardbg.eleven{
    top: 135px;
	left:384px;
}

.cardboard .cardbg.twelve{
    top: 135px;
	left:482px;
}

.cardboard .cardbg.thirteen{
    top: 270px;
	left:-8px;
}

.cardboard .cardbg.fourteen{
    top: 270px;
	left:90px;
}

.cardboard .cardbg.fifteen{
    top: 270px;
	left:188px;
}

.cardboard .cardbg.sixteen{
    top: 270px;
	left:286px;
}

.cardboard .cardbg.seventeen{
    top: 270px;
	left:384px;
}

.cardboard .cardbg.eightteen{
    top: 270px;
	left:482px;
}

/*------------next------------*/


.btn{
	background:url(../images/button/skip/2.svg) no-repeat;
	background-size:100% 100%;
    width: 110px;
    height: 40px;
	color:#ffffff;
	font-family:arial;
}

.btn.disabled {
	opacity: 0.7;
	cursor:default;
}

.btn:not(.disabled):hover,.btn:not(.disabled):focus{
	background-size:100% 100%;
	transform:scale(1.07);
	-webkit-transform:scale(1.07);
	-moz-transform:scale(1.07);
	-ms-transform:scale(1.07);
	-o-transform:scale(1.07);
	transform-origin: left;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
}

.btn:not(.disabled):active{
	background:url(../images/button/skip/2.svg) no-repeat;
	background-size:100% 100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.btn span{
    font-size: 19px;
    position: absolute;
    /* top: 11px; */
    left: 23px;
    line-height: 40px;
}

#screen8 .btn.skipbtn {
    position: absolute;
    bottom: 7px;
    right: 138px;
    z-index: 19;
}


 .btn.nextbtn1{
    position: absolute;
    bottom: -20px;
    right: -20px;
}

#screen2 .btn.nextbtn1{
    position: absolute;
    bottom:20px;
    right:20px;
}

/*--------------------------------------------------------------screen 3-------------------------------------------------------*/
#screen3{
	background:url(../images/screen3/bg.png) no-repeat;
	background-size:100% 100%;

}

#screen3 .pop{
	background:url(../images/screen3/pop.svg) no-repeat;
	background-size:100% 100%;
    width: 497px;
    height: 240px;
    position: absolute;
    top: 44px;
    left: 160px;
    z-index: 1;
}

#screen3 .pop span{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 48px;
    left: 69px;
    letter-spacing: 0.1px;
    width: 400px;
}
	
.boy1{
	background:url(../images/screen3/boy1.png) no-repeat;
    background-size: 100% 100%;
    width: 343px;
    height: 390px;
    position: absolute;
    bottom: 0px;
    left: -26px;
}

.waterboard{
	background:url(../images/logo.svg) no-repeat;
    background-size: 100% 100%;
    width: 274px;
    height: 184px;
    position: absolute;
    top: 273px;
    left: 342px;
}

.waterboard span{
    color: #fdcf1c;
    position: absolute;
    top: 109px;
    left: 76px;
    font-size: 17px;
    font-family: arial;
    -o-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    letter-spacing: 0.5px;
}

/*--------------------------------------------------------------screen4-------------------------------------------------------*/
#screen4{
	background:url(../images/screen3/bg.png) no-repeat;
	background-size:100% 100%;

}

.boy2{
	background:url(../images/screen3/boy2.png) no-repeat;
    background-size: 100% 100%;
    width: 343px;
    height: 390px;
    position: absolute;
    bottom: 0px;
    left: -26px;
}

.pop1{
	background:url(../images/screen4/pop1.svg) no-repeat;
	background-size: 100% 100%;
    width: 338px;
    height: 240px;
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: 1;
    color: #002b00;
}

.pop1 span{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 42px;
    left: 32px;
    line-height: 1.25;
    color: #002b00;
}

.pop2{
    background: url(../images/screen4/pop2.svg) no-repeat;
    background-size: 100% 100%;
    width: 438px;
    height: 122px;
    position: absolute;
    top: 60px;
    right: 6px;
    z-index: 1;
    color: #000000;
}

.pop2 .text1{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 26px;
    left: 52px;
	letter-spacing: 0.1px;
}

.dropdown{
	height: 25px;
    width: 388px;
    border: 2px solid #000000;
    position: absolute;
    top: 52px;
    left: 27px;
    color: #000000;
    background: url(../images/screen4/droparrow.svg) no-repeat #ffffff right;
    text-align: center;
    font-family: arial;
    font-size: 18px;
	line-height: 25px;
}

#screen4 .dropdown{
	line-height: 25px;
}

.dropdown.disabled {
	opacity:0.5;
	cursor:default;
}

.dropdown:not(.disabled):hover, .dropdown:not(.disabled).clicked{
	background: url(../images/screen4/droparrow.svg) no-repeat #000000 right;
	color:#ffffff;
	z-index:1;
	cursor:pointer;
}

.dropdown:not(.disabled):focus{
    background: url(../images/screen4/droparrow.svg) no-repeat #000000 right;
	color:#ffffff;
}

.select{
    background: #ffffff;
    height: 66px;
    width: 388px;
    position: absolute;
    top: 82px;
    left: 27px;
    font-size: 18px;
    text-align: center;
    display: none;
}

.select .option{
	background: #ffffff;
    height: 22px;
    width: 390px;
    border: 2px solid #000000;
    color: #000000;
	font-size:18px;
	width:100%;
	display:block;
	text-align:center;
    font-family: arial;
	position:absolute;
	left:0;
}

.select .option:hover, .select .option:focus{
	background: #000000;
	color:#ffffff;
	border: 2px solid #fff;
	cursor:pointer;
}

.select .option1{top:-3px;}

.select .option2{top:21px;}

.select .option3{top:45px;}

/*--------------------------------------------------------------screen5-------------------------------------------------------*/
#screen5{
	background:url(../images/screen3/bg.png) no-repeat;
	background-size:100% 100%;

}

#screen5 .pop1{
	left: 28px;
    width: 330px;
}

#screen5 .pop2{
    width: 404px;
    height: 119px;
    top: 62px;
    right: 24px;
}

#screen5 .pop2 .text1{
    top: 24px;
    left: 36px;
}

#screen5 .pop1 span{
    top: 44px;
    left: 30px;
    letter-spacing: 0.1px;
    width:265px;
}

#screen5 .dropdown{
    width: 358px;
    top: 50px;
    left: 23px;
}

#screen5 .select{
    width: 358px;
    top: 80px;
    left: 23px;
}

#screen5 .dropdown.selected b{
    position: absolute;
    left: 10px;
}

/*--------------------------------------------------------------screen6-------------------------------------------------------*/
#screen6
{
	background:url(../images/screen3/bg.png) no-repeat;
	background-size:100% 100%;

}

.pop1.popone
{
    left: 28px;
    top: 16px;
    width: 324px;
    height: 236px;
}

.pop1.popone span
{
    font-size: 17.5px;
    font-family: Arial;
    position: absolute;
    top: 42px;
    left: 29px;
    line-height: 1.25;
    letter-spacing: -0.1px;
	width:270px;
}

 .pop2.poptwo
{
    width: 405px;
    height: 156px;
    position: absolute;
    top: 62px;
    right: 22px;
}

 .pop2.poptwo .text1
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 24px;
    left: 36px;
}

 .pop2.poptwo .text2
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 54px;
    left: 36px;
    letter-spacing: 0.2px;
    line-height: 1.12;
}

/*--------------------------------------------------------------screen7-------------------------------------------------------*/
#screen7
{
	background:url(../images/screen3/bg.png) no-repeat;
	background-size:100% 100%;

}

#screen7 .pop1 span
{
    top: 43px;
    left: 30px;
	font-size: 18px;
}

/*--------------------------------------------------------------screen8-------------------------------------------------------*/
#screen8
{
	background:url(../images/screen6/bg6.png) no-repeat;
	background-size:100% 100%;

}

.boy
{
	background:url(../images/boy/boy.png) no-repeat;
	width: 27px; height: 44px;
    position: absolute;
    top: 530px;
    left: 46px;
}

.boy.animate
{
	animation:manAnimate 0.5s steps(20) infinite;
	-webkit-animation:manAnimate 0.5s steps(20) infinite;
	-moz-animation:manAnimate 0.5s steps(20) infinite;
	-ms-animation:manAnimate 0.5s steps(20) infinite;
	-o-animation:manAnimate 0.5s steps(20) infinite;
}

@keyframes manAnimate
{
	from{background-position: 0 0;}
	to{background-position: -540px 0;}

}

@-webkit-keyframes manAnimate {
	from{background-position: 0 0;}
	to{background-position: -540px 0;}
}

@-moz-keyframes manAnimate {
	from{background-position: 0 0;}
	to{background-position: -540px 0;}
}
@-ms-keyframes manAnimate {
	from{background-position: 0 0;}
	to{background-position: -540px 0;}
}
@-o-keyframes manAnimate {
	from{background-position: 0 0;}
	to{background-position: -540px 0;}
}

#screen8 .waterlogo {
	background:url(../images/screen6/board.svg) no-repeat;
	background-size:100% 100%;
    width: 162px;
    height: 108px;
    position: absolute;
    top: 12px;
    left: -14px;
}

#screen8 .waterlogo span
{
    color: #fdcf1c;
    position: absolute;
    top: 58px;
    width: 152px;
    left: 32px;
    font-size: 11px;
    font-family: arial;
    -o-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    letter-spacing: 0.3px;
}

.boypop
{
	background:url(../images/screen8/boypopup.png) no-repeat;
	background-size:100% 100%;
    width: 532px;
    height: 178px;
    position: absolute;
    top: 215px;
    left: 108px;
    z-index: 21;
}

.overlay
{
	background:rgba(0,0,0,.5);
	position:absolute; 
	height:100%; 
	width:100%; 
	top:0; 
	left:0;
	z-index:20;
}

.boypop span
{
    font-size: 17.5px;
    font-family: Arial;
    position: absolute;
    top: 44px;
    left: 162px;
    letter-spacing: -0.1px;
    line-height: 1.1;
}

.closebtn
{
	background:url(../images/screen8/closebtn/1.svg) no-repeat;
	background-size:100% 100%;
    width: 41px;
    height: 36px;
    position: absolute;
    top: 34px;
    right: 25px;
    color: transparent;
}

.closebtn:hover,.closebtn:focus
{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.closebtn:active
{
	background:url(../images/screen8/closebtn/3.svg) no-repeat;
	background-size:100% 100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.pop 
{
    background: url(../images/popup/popup7.svg) no-repeat;
    background-size: 100% 100%;
    width: 387px;
    height: 89px;
    position: absolute;
    top: 3px;
    left: 413px;
}

.pop span
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 18px;
    left: 24px;
    line-height: 1.2;
}

.men
{
	background:url(../images/popup/boypopup.svg) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 17px;
    position: absolute;
    bottom: 41px;
    left: 44px;
	display:none;
}

.bgpart1
{
/* 	background:url(../images/screen6/bgpart1.svg) no-repeat;
    background-size: 100% 100%;
 */    width: 181px;
    height: 171px;
    position: absolute;
    top: 69px;
    left: 169px;
}

.bgpart2
{
/* 	background:url(../images/screen6/bgpart2.svg) no-repeat;
    background-size: 100% 100%; */
    width: 170px;
    height: 228px;
    position: absolute;
    top: 237px;
    left: 73px;
}

.bgpart3
{
 	background:url(../images/screen6/img4.png) no-repeat;
    background-size: 100% 100%;
    width: 173px;
    height: 84px;
    position: absolute;
    top: 223px;
    left: 190px;
}

.bgpart4
{
/* 	background:url(../images/screen6/animation/base.svg) no-repeat;
    background-size: 100% 100%; */
    width: 204px;
    height: 205px;
    position: absolute;
    top: 238px;
    left: 280px;
}

#screen8 .home,#screen12 .home {
    background: url(../images/screen6/animation/home.svg) no-repeat;
    background-size: 100% 100%;
    width: 42px;
    height: 59px;
    position: absolute;
    top: 338px;
    left: 297px;
    display:none;
	z-index: 12;
	cursor:pointer;
}

#screen8  .a.animate,#screen12  .a.animate{
	background:url(../images/screen6/animation/animate.svg) no-repeat;
    background-size: 100% 100%;
    width: 74px;
    height: 86px;
    position: absolute;
   top: 325px;
    left: 280px;
    z-index: 11;
	display:none;
	animation: blink 0.8s infinite;
}

#screen12 .home {
	display:block;
}

#screen12 .home:hover,#screen12 .home:focus{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
}


.bgpart4 .home
{
	background:url(../images/screen6/animation/home.svg) no-repeat;
    background-size: 100% 100%;
    width: 42px;
    height: 59px;
    position: absolute;
    top: 98px;
    left: 14px;
    z-index: 2;
}

.bgpart4 .tree
{
/* 	background:url(../images/screen6/animation/tree.svg) no-repeat;
    background-size: 100% 100%; */
    width: 176px;
    height: 237px;
    position: absolute;
    top: 4px;
    left: -11px;
	z-index:1;
}

.bgpart4 .animate{
	background:url(../images/screen6/animation/animate.svg) no-repeat;
    background-size: 100% 100%;
    width: 74px;
    height: 86px;
    position: absolute;
    top: 87px;
    left: 0px;
	display:none;
	z-index:1;
	animation: blink 0.8s infinite;
}

@keyframes blink{0%{opacity:0;}	25%{opacity:0.5;}	50%{opacity:1;}	75%{opacity:0.5;}	100%{opacity:0;}}
@-webkit-keyframes blink{0%{opacity:0;}	25%{opacity:0.5;}	50%{opacity:1;}	75%{opacity:0.5;}	100%{opacity:0;}}
@-moz-keyframes blink{0%{opacity:0;}	25%{opacity:0.5;}	50%{opacity:1;}	75%{opacity:0.5;}	100%{opacity:0;}}
@-ms-keyframes blink{0%{opacity:0;}	25%{opacity:0.5;}	50%{opacity:1;}	75%{opacity:0.5;}	100%{opacity:0;}}
@-o-keyframes blink{0%{opacity:0;}	25%{opacity:0.5;}	50%{opacity:1;}	75%{opacity:0.5;}	100%{opacity:0;}}

.bgpart5{

	/* background:url(../images/screen6/bgpart6.svg) no-repeat;
    background-size: 100% 100%; */
    width: 166px;
    height: 256px;
    position: absolute;
    top: 295px;
    left: 371px;
}


.bgpart6
{
/* 	background:url(../images/screen6/bgpart7.svg) no-repeat;
    background-size: 100% 100%; */
    width: 118px;
    height: 266px;
    position: absolute;
    top: 249px;
    left: 544px;
}

.bgpart7
{
/* 	background:url(../images/screen6/bgpart8.svg) no-repeat;
    background-size: 100% 100%; */
    width: 81px;
    height: 135px;
    position: absolute;
    top: 240px;
    left: 668px;
}

.bgpart8
{
/* 	background:url(../images/screen6/bgpart9.svg) no-repeat;
    background-size: 100% 100%; */
    width: 100px;
    height: 145px;
    position: absolute;
    top: 389px;
    left: 646px;
}

.bgpart9
{
/* 	background:url(../images/screen6/5.svg) no-repeat;
    background-size: 100% 100%; */
    width: 234px;
    height: 150px;
    position: absolute;
    top: 154px;
    left: 388px;
}

.tempo_water
{
	background:url(../images/screen6/5.svg) no-repeat;
    background-size: 100% 100%;
    width: 229px;
    height: 131px;
    position: absolute;
    top: 149px;
    left: 50px;
}


.controller
{
	width: 259px;
    height: 118px;
    position: absolute;
    bottom: 18px;
    left: 80px;
}

.controller .text1
{
    width: 144px;
    height: 90px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 18px;
    left: 20px;
}

.controller .text2
{
    width: 144px;
    height: 65px;
    font-size: 17px;
    font-family: Arial;
    position: absolute;
    top: 43px;
    left: 17px;
    line-height: 1.12;
}

.controller .buttons{
    width: 103px;
    height: 103px;
    position: absolute;
    top: 7px;
    right: 1px;
	z-index: 2;
}

.controller .buttons .btns
{
	background:url(../images/screen8/button/btn1.svg) no-repeat;
    background-size: 100% 100%;
    width: 42px;
    height: 48px;
    position: absolute;
}

.controller .buttons .btns:hover
{
	background:url(../images/screen8/button/btn2.svg) no-repeat;
    background-size: 100% 100%;
}

.controller .buttons .btns:focus
{
	background:url(../images/screen8/button/btn2.svg) no-repeat;
    background-size: 100% 100%;
}
	
.controller .buttons .btns:active,.controller .buttons .btns.active{
	background:url(../images/screen8/button/btn3.svg) no-repeat;
    background-size: 100% 100%;
}

.controller .buttons .btns.up
{
    left: 24px;
    top: 2px;
}

.controller .buttons .btns.down
{
    bottom: -14px;
    left: 22px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.controller .buttons .btns.left
{
    left: -11px;
    top: 35px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.controller .buttons .btns.right{
    right: 4px;
    top: 36px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*--------------------------------------------------------------screen 9-------------------------------------------------------*/
#screen9
{
	background:url(../images/bg11.png) no-repeat;
	background-size:100% 100%;
}

.popa
{

	background:url(../images/popup/popup3.svg) no-repeat;
	background-size:100% 100%;
    width: 354px;
    height: 152px;
    position: absolute;
    top: 150px;
    left: 221px;	
}

.tambo_tag
{
	background:url(../images/tambo_waters.svg) no-repeat;
	background-size:100% 100%;
    width: 172px;
    height: 187px;
    position: absolute;
    top: 419px;
    left: 122px;
}

#screen9 .popa span
{
    width: 272px;
    /* height: 90px; */
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 32px;
    left: 52px;
}

.tambo_tag .tambo1
{
    width: 93px;
    height: 62px;
    font-size: 30px;
    color: #D6D6D6;
    font-family: impact;
    position: absolute;
    top: 42px;
    left: 40px;
    line-height: 1;
    transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
	text-shadow: -1px 1px 1px #000000;	
}

.tambo_tag .tambo2
{
    width: 108px;
    height: 41px;
    font-size: 16px;
    color: #D6AB00;
    font-family: Arial;
    position: absolute;
    top: 104px;
    left: 34px;
    text-align: center;
    transform: rotate(-8deg);	
    -webkit-transform: rotate(-8deg);	
    -moz-transform: rotate(-8deg);	
    -ms-transform: rotate(-8deg);	
    -o-transform: rotate(-8deg);	
	text-shadow: -1px 1px 1px #000000;
}

/*--------------------------------------------------------------screen 10-------------------------------------------------------*/
#screen10
{
	background:url(../images/bg11.png) no-repeat;
	background-size:100% 100%;
}

.boy2
{
	background:url(../images/screen3/boy2.png) no-repeat;
    background-size: 100% 100%;
    width: 343px;
    height: 390px;
    position: absolute;
    bottom: 0px;
    left: -26px;
}

#screen10 .popa
{
	width: 344px;
    height: 152px;
    top: 129px;
    left: 221px;
}

#screen10 .popa span
{
    width: 272px;
    height: 104px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 32px;
    left: 48px;
    letter-spacing: 0.1px;
}

/*--------------------------------------------------------------screen 11-------------------------------------------------------*/

#screen11
{
	background:url(../images/bg11.png) no-repeat;
	background-size:100% 100%;
}

.popc
{

    background: url(../images/popup/whitepopup2.svg) no-repeat;
    background-size: 100% 100%;
    width: 364px;
    height: 316px;
    position: absolute;
    top: 69px;
    left: 210px;
    z-index: 2;
}

#screen11 .popc span
{
    width: 258px;
    height: 200px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 56px;
    left: 58px;
    letter-spacing: 0.1px;
}

/*--------------------------------------------------------------screen12-------------------------------------------------------*/
#screen12
{
	background:url(../images/screen6/bg6.png) no-repeat;
	background-size:100% 100%;

}

#screen12 .waterboard 
{
    width: 156px;
    height: 121px;
    top: 13px;
    left: -4px;
}

#screen12 .waterboard span
{
	top: 72px;
    left: 17px;
    font-size: 12px;
}

#screen12 .pop
{
	width: 402px;
    height: 89px;
    top: -3px;
    left: 414px;
}

#screen12 .pop span
{
    top: 18px;
    left: 26px;
}

.redlight{
	background:url(../images/redlight.png) no-repeat;
    position: absolute;
    width: 47px; height: 47px;
	z-index:3;
	animation:redlight .8s steps(19) infinite;
	-webkit-animation:redlight .8s steps(19) infinite;
	-moz-animation:redlight .8s steps(19) infinite;
	-ms-animation:redlight .8s steps(19) infinite;
	-o-animation:redlight .8s steps(19) infinite;
}

.redlight:not(.disabled):hover,.redlight:not(.disabled):focus{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

@keyframes redlight
{
	from{background-position: 0 0;}

	to{background-position: -893px 0;}

}

@-webkit-keyframes arrowAnimation {
  from{background-position: 0 0;}

	to{background-position: -893px 0;}

}

@-moz-keyframes arrowAnimation {
 from{background-position: 0 0;}

	to{background-position: -893px 0;}

}

@-o-keyframes arrowAnimation {
 from{background-position: 0 0;}

	to{background-position: -893px 0;}

}

.redlight.disabled 
{
	animation:none;
/* 	background:url(../images/right.svg) no-repeat;
	background-size:100% 100%; */
}

.redlight .complete
{
	background:url(../images/right.svg) no-repeat;
	background-size:100% 100%;
	position:absolute;
    width: 35px;
    height: 35px;
    top: -12px;
    left: 21px;
	display:none;
}

.redlight.active .complete{
	display:block;
}

.redlight.one
{
    top: 52px;
    left: 232px;
}

.redlight.two
{
    top: 398px;
    left: 82px;
}

.redlight.three
{
    top: 252px;
    right: 92px;
    z-index: 3;
}

.redlight.four
{
	bottom: 243px;
    left: 414px;
}

.redlight.five
{
    bottom: 103px;
    left: 571px;
}

/*--------------------------------------------------------------screen13-------------------------------------------------------*/

#screen13
{
	background:url(../images/scr_10.png) no-repeat;
	background-size:100% 100%;
}

.pop4

{
    background:url(../images/popup/whitepopup2.svg) no-repeat;
	background-size:100% 100%;
	width: 367px;
    height: 316px;
    position: absolute;
    top: 71px;
    left: 215px;
}

 .popd span
{
    /* width: 255px; */
    /* height: 200px; */
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 16px;
    left: 30px;
}

 .pic1 .text1
{
    width: 123px;
    height: 40px;
    font-size: 18px;
    font-family: Arial;
    color: #F0F0F0;
    position: absolute;
    top: 76px;
    left: 82px;
    text-shadow: -1px 1px 1px #000000;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    text-align: center;
}

 .pic1 .text2
{
    width: 123px;
    height: 48px;
    color: #F0F0F0;
    font-size: 19px;
    font-family: Arial;
    position: absolute;
    top: 194px;
    left: 87px;
    text-shadow: -1px 1px 1px #000000;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    text-align: center;
}

#screen13
{
	background:url(../images/screen2bg.svg) no-repeat;
	background-size:100% 100%;
}


.popd
{
	background:url(../images/popup/popup6.svg) no-repeat;
	background-size:100% 100%;
	width: 298px;
    height: 66px;
    position: absolute;
    top: 14px;
    left: 14px;
}

.pic1
{
/* 	background:url(../images/pic/1.svg) no-repeat;
	background-size:100% 100%; */
    width: 288px;
    height: 358px;
    position: absolute;
    top: 84px;
    left: 17px;
}

.popup2
{
	background:url(../images/popup/popup5.svg) no-repeat;
    background-size: 100% 100%;
    width: 298px;
    height: 154px;
    position: absolute;
    bottom: 6px;
    left: 10px;
    color: #002b00;
}

.popup2 span
{
	font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 16px;
    left: 36px;
    width:250px;
	color:#002b00;
}

.warningtxt
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 32px;
    right: 64px;
    letter-spacing: 0.1px;
}

.board-area 
{
    height: 546px;
    width: 486px;
    position: absolute;
    top: 66px;
    left: 314px;
}

.question
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    font-weight: bold;
}

.question.one{ top: 18px;left: 10px;}

.question.two{top: 12px;left: 120px;}

.question.three{top: 12px;left: 233px;}

.question.four{top: 12px;left: 347px;}

.questionsarea
{
    height: 422px;
    width: 406px;
    position: absolute;
    top: 67px;
    left: 42px;
}

.questionsarea .que
{
    height: 65px;
    width: 400px;
    position: absolute;
    color: #002b00;
}

.questionsarea .que span
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 0px;
    left: 3px;
    letter-spacing: 0.1px;
}

.questionsarea .que.one
{
    top: 76px;
    left: -3px;
}

.questionsarea .que.two
{
    top: 164px;
    left: -2px;
	display:none;
}

.questionsarea .que.three
{
    top: 253px;
    left: -2px;
	display:none;
}

.questionsarea .que.four
{
    top: 336px;
    left: -2px;
	display:none;
}

.questionsarea .dropdown.dropdownthree
{
    width: 360px;
    top: 22px;
    left: 0px;
    line-height: 25px;
}

.questionsarea .select.selectthree
{
    width: 362px;
    top: 52px;
    left: 0px;
    z-index: 1;
}

.select.selectthree span
{
    left: 0px;
    width: 360px;
}

.select.selectthree .option1{top:-3px;}

.select.selectthree .option2{top:21px;}

.select.selectthree .option3{top:45px;}

.dropdown.dropdownthree.three{top:22px;}

.select.selectthree.three{top:52px;}

#screen13 .questionboard2 .select.selectthree.three, #screen15 .questionboard2 .select.selectthree.three{top:73px;}

#screen14 .questionboard2 .select.selectthree.three{top:52px;}

.questionsarea .mainquestion
{
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    line-height: 1.3;
    letter-spacing: 0.1px;
}

.questionsarea .que.queboard3
{
	 height: 100px;
    width: 410px;
}

.questionsarea .que.queboard3.one
{
    top: 56px;
    left: -3px;
}

.questionsarea .que.queboard3.two
{
	top: 163px;
    left: -3px;
    display: block;
}

.questionsarea .que.queboard3.three
{
    top: 295px;
    left: -3px;
	display:block;
}

.questionsarea .que .questiontxt.one
{
	top: 120px;
    left: 12px;
    width: 407px;
}

.questionsarea .que .radio
{
    height: 54px;
    width: 120px;
    position: absolute;
    top: 23px;
    font-size: 18px;
    font-family: Arial;
    left: -14px;
}

.radio input[type=radio]
{
	-webkit-appearance:none;
	width:19px;
	height:19px;
	border:2px solid #000000;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
    cursor: pointer;
	outline:none;
	background:#ffffff;
    position: relative; 
    top: 2px;
}

.radio input[type='radio']:not(['disabled']):hover 
{
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  cursor:pointer;
}

.radio input[type='radio'].disabled{
    cursor: default;
}

.radio input[type='radio']:before 
{
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%;    
}

.radio input[type='radio']:checked:before 
{
  background:#000000;
}

.questionsarea .que .radio.radioone
{
	top:45px
}

.questionsarea .que .radio.radiotwo
{
	width:427px;
	font-size: 19px;
	top: 25px;
}

.questionsarea .que .radio .radiobutton1
{
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 18px;
}

.questionsarea .que .radio .radiobutton2
{
    position: absolute;
    top: 24px;
    left: 2px;
	font-size: 18px;
}

.questionsarea .que .radio .radiobutton1 span
{
	position: absolute;
    top: 3px;
    left: 28px;
    width: 62px;
}

.questionsarea .que .radio .radiobutton2 span
{
    position: absolute;
    top: 5px;
    left: 28px;
    width: 81px;
}

.feedback
{
	border: 1px solid #000000;
    height: 68px;
    width: 289px;
    position: absolute;
    top: 24px;
    left: 108px;
    resize: none;
	font-family:arial;
    font-size: 17px;
}

.feedback.disabled 
{
	border: 1px solid #000000;
	outline:none;
}

.feedback:not(.disabled):focus
{
	border:0px;
	outline:4px solid #ffff00;
}

 textarea::-webkit-input-placeholder
{
	color:#000000;
	font-size:18px;
	font-style:italic;
}

.questionsarea .que .feedback.feedbackone
{
	top:45px;
}

.questionsarea .que .feedback.feedbacktwo
{
	top: 142px;
    left: -8px;
    width: 416px;
    height: 196px;
    font-family: arial;
}

.questionsarea .que .feedback.feedbacktwo::-webkit-input-placeholder
{
	color:#000000;
	font-size:18px;
}

.board-area .questionboard1
{
	background:url(../images/screen9/board1.svg) no-repeat;
    background-size: 100% 100%;
    width: 457px;
    height: 510px;
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 4;
}

.questionboard1.disabled , .questionboard2.disabled , .questionboard3.disabled ,.questionboard4.disabled { opacity:0.5;}
 

.board-area .questionboard2
{
	background:url(../images/screen9/board2.svg) no-repeat;
    background-size: 100% 100%;
    width: 457px;
    height:505px;
    position: absolute;
    top: 0px;
    left:0px;
	z-index:3;
}

.board-area .questionboard3
{
	background:url(../images/screen9/board3.svg) no-repeat;
    background-size: 100% 100%;
    width: 457px;
    height:505px;
    position: absolute;
    top: 0px;
    left:0px;
	z-index:2;	
}


.board-area .questionboard4
{
	background:url(../images/screen9/board4.svg) no-repeat;
    background-size: 100% 100%;
    width: 457px;
    height:505px;
    position: absolute;
    top: 0px;
    left:0px;
	z-index:1;
}

/*--------------questionboard2---------------*/
.questionboard2 .questionsarea
{
	height: 400px;
    width: 400px;
    top: 68px;
    left: 38px;
}

.board-area .questionboard2 .que.one{top: 80px;left: -3px;}

.board-area .questionboard2 .que.two{top: 182px;left: -3px;}

.board-area .questionboard2 .que.three{top: 264px;left: -3px;}

.board-area .questionboard2 .que.three .dropdownthree{top: 43px;}

/*--------------questionboard3---------------*/
.questionboard3 .questionsarea{top: 54px;left: 40px;}

/*--------------questionboard4---------------*/
.questionboard4 .questionsarea
{
    top: 56px;
    left: 32px;
}

.board-area .questionboard4 .que.one
{
    top: 54px;
    left: -1px;
}

.board-area .questionboard4 .que.one .radiobutton2
{
    top: 27px;
}

.board-area .questionboard4 .que.one .radiobutton1 span
{
    top: 3px;
    left: 28px;
    width: 348px;
}

.board-area .questionboard4 .que.one .radiobutton2 span
{
    top: 5px;
    left: 27px;
    width: 400px;
}

.nextbtn2.sendreportbtn
{
	background:url(../images/button/sendreport_btn/1.svg) no-repeat;
	background-size:100% 100%;
    width: 176px;
    height: 46px;
    position: absolute;
    bottom: 15px;
    right: -7px;
	z-index:4;
    display: none;
}

.nextbtn2.sendreportbtn:hover ,.nextbtn2.sendreportbtn:focus
{
	transform-origin:center;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
}

.nextbtn2.sendreportbtn:active
{
	background:url(../images/button/sendreport_btn/2.svg) no-repeat;
	background-size:100% 100%;
	color:#999999;
}

.btn.nextbtn2.sendreportbtn span
{
    left: 28px;
    font-size: 18px;
    line-height: 44px;
}

.boypoptwo .nextbtn3 
{
    position: absolute;
    bottom: 0px;
    right: 15px;
}

.boypoptwo .nextbtn3 .nextbtntxt
{
    position: absolute;
    top: 11px;
    left: 23px;
}

.overlayone{display:none;}

.boypoptwo{display:none;}

 /*--------------------------------------------------------------screen14-------------------------------------------------------*/

#screen14
{
	background:url(../images/screen2bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen14 .popd{width: 304px;height: 66px;top: 16px;left: 12px;}

.pic2
{
/* 	background:url(../images/pic/3.svg) no-repeat;
	background-size:100% 100% */;
    width: 293px;
    height: 358px;
    position: absolute;
    top: 83px;
    left: 15px;
 
}

.pic2 .text3 
{
    width: 163px;
    height: 48px;
    font-size: 19px;
    font-family: Arial;
    position: absolute;
    top: 26px;
    left: 60px;
    text-align: center;
    line-height: 1;
}

.pic2 .text4 
{
    width: 163px;
    height: 48px;
    font-size: 17px;
    font-family: Arial;
    position: absolute;
    top: 172px;
    left: 60px;
    text-align: center;
    line-height: 1;
}

.pic2 .text5 
{   
    width: 163px;
    height: 48px;
    font-size: 19px;
    font-family: Arial;
    position: absolute;
    top: 218px;
    left: 112px;
    text-align: center;
    line-height: 1.1;
}

#screen14 .questionboard1 .questionsarea{top:64px;left:38px;}

#screen14 .board-area{left: 317px;}

#screen14 .popup2{width: 302px;height: 159px;bottom: 3px;left: 8px;}

#screen14 .questionboard2 .questionsarea{height: 400px;width: 400px;top: 54px;left: 38px;}

#screen14 .board-area .questionboard2 .que.one{top: 70px;}

#screen14 .board-area .questionboard2 .que.two{top: 132px;}

#screen14 .board-area .questionboard2 .que.three{top:200px;}

#screen14 .board-area .questionboard2 .que.three .dropdownthree{top: 22px;}

#screen14 .board-area .questionboard2 .que.four{top:264px;}

#screen14 .board-area .questionboard2 .que.five{top: 332px;display:none;}

#screen14 .questionboard3 .questionsarea {top: 56px;left: 40px;}

#screen14 .board-area .questionboard3 .que.one{top: 60px;}

#screen14 .questionboard3 .que.two{top:192px;left:-4px;}

#screen14 .questionboard3 .que.three{top:298px;left:-4px;}

#screen14 .questionboard3 .que.one .radio{top: 46px;left: -16px;}

#screen14 .questionboard3 .que.two .radio.radioone{top: 26px;left: -16px;}

#screen14 .questionboard3 .que.three .radio.radioone{top: 52px;left: -16px;}

#screen14 .questionboard3 .que .feedback{width:294px;height:68px;top:56px;left:106px;}

#screen14 .questionboard3 .que.one .feedback {top: 48px;left: 106px;}

#screen14 .questionboard3 .que.two .feedback.feedbackone{top:30px;left: 106px;}

#screen14 .questionsarea .que .radio .radiobutton1 span {top: 4px;left: 27px;}

#screen14 .questionsarea .que .radio .radiobutton2 span {top: 4px;left: 27px;}

#screen14 .board-area .questionboard4 .que.one {top: 48px;left: -4px;}

#screen14 .questionsarea .que .radio.radiotwo{top: 32px;left: 4px;}

#screen14 .questionsarea .que .feedback.feedbacktwo {top: 148px;left: -6px;}

#screen14 .questionsarea .que .questiontxt.one {top: 124px;left: 16px;}

/*--------------------------------------------------------------screen15-------------------------------------------------------*/

#screen15
{
	background:url(../images/screen2bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen15 .popd
{
	width: 300px;
    top: 16px;
    left: 14px;
}

#screen15 .popup2
{
	width: 298px;
    height: 162px;
    bottom: 2px;
}

.pic3
{
/* 	background:url(../images/pic/4.svg) no-repeat;
	background-size:100% 100%; */
    width: 289px;
    height: 358px;
    position: absolute;
    top: 82px;
    left: 16px;
}

.pic3 .text1
{   
    width: 123px;
    height: 48px;
    color: #F0F0F0;
    font-size: 19px;
    font-family: Arial;
    position: absolute;
    top: 34px;
    left: 64px;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    text-align: center;
}

.pic3 .text2
{   
   
    width: 123px;
    height: 108px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 67px;
    left: 146px;
    transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
}

.pic3 .text3
{   
    width: 123px;
    height: 48px;
    font-size: 18px;
    font-family: arial;
    position: absolute;
    top: 141px;
    left: 153px;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    line-height: 17px;
    font-weight: 500;
    color: #83273A;
}

.pic3 .text4
{   
    width: 123px;
    height: 48px;
    color: #F0F0F0;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 198px;
    left: 54px;
    transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    font-weight: 500;
    line-height: 1;
}

#screen15 .questionboard1 .que.one{top:78px;}

#screen15 .questionboard1 .que.two{top:162px;}

#screen15 .questionboard1 .que.three{top:250px;}

#screen15 .questionboard2 .que.one{left:0px;}

#screen15 .questionboard2 .que.two{top:184px;left:0;}

#screen15 .questionboard2 .que.three{top:266px;left:0px;}

#screen15 .questionsarea{top:56px;left:38px;}

#screen15 .questionboard3 .questionsarea{top:60px;}

#screen15 .questionboard3 .que.one{top:56px;}

#screen15 .questionboard3 .que.two{top:188px;left:2px;}

#screen15 .questionboard3 .que.three{top:302px;left:2px;}

#screen15 .questionboard3 .que.one .radio{top: 46px;left: -12px;}

#screen15 .questionboard3 .que.two .radio.radioone{top: 24px;left: -17px;}

#screen15 .questionboard3 .que.three .radio.radioone{top: 46px;left: -17px;}

#screen15 .questionboard3 .que .feedback{width:294px;height:68px;top: 46px;left: 106px;}

#screen15 .questionboard3 .que.one .feedback {top: 49px;left: 110px;}

#screen15 .questionboard3 .que.two .feedback.feedbackone{top:26px;left: 105px;}

#screen15 .board-area .questionboard4 .que.one {top: 48px;left: -4px;}

#screen15 .questionsarea .que .radio.radiotwo {top: 32px;left:4px;}

#screen15 .questionsarea .que .questiontxt.one {top: 124px;left:14px;width:355px;}

#screen15 .questionsarea .que .feedback.feedbacktwo{top:145px;left:-8px;width:414px;height:198px;}

#screen15 .questionsarea .que .radio .radiobutton1 span {top: 4px;left: 27px;}

#screen15 .questionsarea .que .radio .radiobutton2 span {top: 4px;left: 27px;}

#screen15 .questionboard4 .questionsarea{top:60px;left:34px;}

/*--------------------------------------------------------------screen16-------------------------------------------------------*/

#screen16
{
	background:url(../images/screen2bg.svg) no-repeat;
	background-size:100% 100%;
}

.pic4
{
/* 	background:url(../images/pic/5.svg) no-repeat;
	background-size:100% 100%; */
    width: 290px;
    height: 358px;
    position: absolute;
    top: 83px;
    left: 17px;
}

.pic4 span
{   
    width: 93px;
    height: 20px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 142px;
    left: 98px;
    font-weight: bold;
    letter-spacing: 0.1px;
}

#screen16 .popd
{
	width: 300px;
    top: 12px;
    left: 14px;
}

#screen16 .board-area{ top: 64px;left: 316px;}

#screen16 .popup2{height: 156px;}

#screen16 .questionboard1 .que.one{top:75px;}

#screen16 .questionboard1 .que.two{top:134px;}

#screen16 .questionboard1 .que.two .dropdown{top:43px;}

#screen16 .questionboard1 .que.two .select{top:73px;}

#screen16 .questionboard1 .que.three{top:240px;}

#screen16 .questionboard1 .que.four{top:324px;}

#screen16 .questionboard2 .questionsarea{top:58px;left:38px;}

#screen16 .questionboard2 .que.one{top:76px;left:-2px;}

#screen16 .questionboard2 .que.two{top:141px;left:-1px;}

#screen16 .questionboard2 .que.two .dropdown{top:42px;left:-1px;}

#screen16 .questionboard2 .que.two .select{top:72px;left:-1px;}

#screen16 .questionboard2 .que.three{top:249px;left:-2px;}

#screen16 .questionboard2 .que.three .dropdown{top:20px;left:-1px;}

#screen16 .questionboard2 .que.three .select{top:50px;left:-1px;}

#screen16 .questionboard2 .que.four{top:333px;left:-2px;}

#screen16 .questionsarea{top:74px;left:40px;}

#screen16 .questionboard3 .questionsarea{top:58px;}

#screen16 .questionboard3 .que.one{top:62px;left:-4px;}

#screen16 .questionboard3 .que.two{top:185px;left:-3px;}

#screen16 .questionboard3 .que.three{top:308px;left:-3px;}

#screen16 .questionboard3 .que.one .radio{top: 23px;left: -17px;}

#screen16 .questionboard3 .que.two .radio.radioone{top: 25px;left: -19px;}

#screen16 .questionboard3 .que.three .radio.radioone{top:23px;left: -19px;}

#screen16 .questionboard3 .que .feedback{width:294px;height:68px;top: 21px;left: 106px;}

#screen16 .questionboard3 .que.one .feedback {top: 22px;left: 108px;}

#screen16 .questionboard3 .que.two .feedback.feedbackone{top:22px;left: 106px;}

#screen16 .board-area .questionboard4 .que.one {top: 48px;left: -4px;}

#screen16 .questionsarea .que .radio.radiotwo {top: 32px;left:4px;}

#screen16 .questionsarea .que .questiontxt.one {top: 129px;left:20px;width:355px;}

#screen16 .questionsarea .que .feedback.feedbacktwo{top:150px;left:-4px;width:414px;height:198px;}

#screen16 .questionsarea .que .radio .radiobutton1 span {top: 4px;left: 27px;}

#screen16 .questionsarea .que .radio .radiobutton2 span {top: 4px;left: 27px;}

#screen16 .questionboard4 .questionsarea{top:58px;left:30px;}

#screen16 .questionsarea .que span {top: 1px;left: 4px;}

/*--------------------------------------------------------------screen17-------------------------------------------------------*/

#screen17
{
	background:url(../images/screen2bg.svg) no-repeat;
	background-size:100% 100%;
}

.pic5
{
/* 	background:url(../images/pic/2.svg) no-repeat;
	background-size:100% 100%; */
    width: 288px;
    height: 362px;
    position: absolute;
    top: 84px;
    left: 18px;
}

.pic5 .text1
{   
    width: 100px;
    height: 20px;
    font-size: 19.5px;
    font-family: Arial;
    position: absolute;
    top: 34px;
    left: 76px;
    font-weight: 500;
    /* line-height: 1; */
    transform: rotate(-2.4deg);
    -webkit-transform: rotate(-2.4deg);
    -moz-transform: rotate(-2.4deg);
    -ms-transform: rotate(-2.4deg);
    -o-transform: rotate(-2.4deg);
}

.pic5 .text2
{   
    width: 182px;
    height: 110px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 232px;
    left: 38px;
    letter-spacing: 0.15px;
    font-weight: 500;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.pic5 .text3
{   
    width: 182px;
    height: 110px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    top: 272px;
    left: 42px;
    letter-spacing: 0.15px;
    font-weight: 500;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

#screen17 .popd{width: 300px;}

#screen17 .board-area{ top: 64px;left: 316px;}

#screen17 .popup2{height: 156px;}

#screen17 .questionboard1 .que.one{top:75px;}

#screen17 .questionboard1 .que.two{top:161px;}

/* #screen17 .questionboard1 .que.two .dropdown{top:43px;}

#screen17 .questionboard1 .que.two .select{top:73px;}
 */
#screen17 .questionboard1 .que.three{top:247px;}

#screen17 .questionboard1 .que.four{top:335px;}

#screen17 .questionboard2 .questionsarea{top:58px;left:40px;}

#screen17 .questionboard2 .que.one{top:74px;left:-3px;}

/* #screen17 .questionboard2 .que.one .dropdown{top:20px;left:0px;}

#screen17 .questionboard2 .que.one .select{top:50px;left:0px;}
 */
#screen17 .questionboard2 .que.two{top:148px;left:-3px;}

#screen17 .questionboard2 .que.two .dropdown{top:20px;left:0;}

#screen17 .questionboard2 .que.two .select{top:50px;left:0px;}

#screen17 .questionboard2 .que.three{top:238px;left:-3px;}

#screen17 .questionboard2 .que.three .dropdown{top:22px;left:0px;}

#screen17 .questionboard2 .que.three .select{top:50px;left:0px;}

#screen17 .questionboard2 .que.four{top:309px;left:-3px;}

#screen17 .questionboard2 .que.four .dropdown{top:41px;left:0px;}

#screen17 .questionboard2 .que.four .select{top:70px;left:0px;}

#screen17 .questionsarea{top:52px;left:40px;}

#screen17 .questionboard3 .questionsarea{top:55px;left:38px;}

#screen17 .questionboard3 .que.one{top:54px;left:-3px;}

#screen17 .questionboard3 .que.two{top:179px;left:-1px;}

#screen17 .questionboard3 .que.three{top:311px;left:-1px;}

#screen17 .questionboard3 .que.one .radio{top:42px;left: -15px;}

#screen17 .questionboard3 .que.two .radio.radioone{top: 45px;left: -16px;}

#screen17 .questionboard3 .que.three .radio.radioone{top:45px;left: -16px;}

#screen17 .questionboard3 .que .feedback{width:294px;height:68px;top: 44px;left: 106px;}

#screen17 .questionboard3 .que.one .feedback {top: 43px;left: 108px;}

#screen17 .questionboard3 .que.two .feedback.feedbackone{top:45px;left: 106px;}

#screen17 .board-area .questionboard4 .que.one {top:54px;left: -4px;}

#screen17 .questionsarea .que .radio.radiotwo {top:29px;left:0;}

#screen17 .questionsarea .que .questiontxt.one {top:126px;left:16px;width:370px;}

#screen17 .questionsarea .que .feedback.feedbacktwo{top:147px;left:0px;width:414px;height:200px;}

#screen17 .questionsarea .que .radio .radiobutton1 span {top: 4px;left: 27px;}

#screen17 .questionsarea .que .radio .radiobutton2 span {top: 4px;left: 27px;}

#screen17 .questionboard4 .questionsarea{top:54px;left:26px;}

/*--------------------------------------------------------------screen18-------------------------------------------------------*/

#screen18
{
	background:url(../images/bg11.png) no-repeat;
	background-size:100% 100%;
}

.popg
{

	background:url(../images/popup/whitepopup3.svg) no-repeat;
	background-size:100% 100%;
    width: 458px;
    height: 214px;
    position: absolute;
    top: 38px;
    left: 263px;
}

.popg  span
{   
    width: 383px;
    height: 110px;
    font-size: 17.2px;
    font-family: Arial;
    position: absolute;
    top: 52px;
    left: 58px;
    font-weight: 500;
    line-height: 1.12;
}

/*--------------------------------------------------------------screen19-------------------------------------------------------*/
#screen19
{
	background:url(../images/screen10/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen19 .waterboard
{
	width: 310px;
    height: 211px;
    top: 27px;
    left: 435px;
}

#screen19 .waterboard span
{
    top: 125px;
    left: 85px;
    font-size: 20px;
    font-family: arial;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    letter-spacing: 0.2px;
}

#screen19 .radiopop
{
	background:url(../images/screen10/pop1.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 315px;
    right: 3px;
    height: 106px;
    width: 397px;
    font-size: 18px;
    font-family: arial;
}

#screen19 .radiopop .text1
{
    position: absolute;
    top: 16px;
    left: 15px;
    letter-spacing: 0.1px;
}

.radio .radio1
{
    width: 36px;
    position: absolute;
    top: 44px;
    left: 98px;
}

.radio .radio2
{
    width: 36px;
    position: absolute;
    top: 44px;
    left: 180px;
}

.radio .radio3
{
	width: 76px;
    position: absolute;
    top: 44px;
    left: 236px;
    text-align: center;
}

#screen19 .pop2
{
    top: 432px;
    width: 396px;
    height: 120px;
    right: 7px;
}

#screen19 .pop2 span
{
    top: 15px;
    left: 44px;
    color: #002b00;
    width: 328px;
    display: none
}

#screen19 .headertxt
{
	position: absolute;
    top: 11px;
    left: 11px;
    font-family: arial;
    font-size: 18px;
}

#screen19  .mainBoard
{
	background:url(../images/screen10/lastboard.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 36px;
    left: 4px;
    height: 568px;
    width: 396px;
    font-size: 18px;
    font-family: arial;
    color: #000;
}

#screen19  .mainBoard .thead1
{
    position: absolute;
    left: 26px;
    top: 7px;
    font-size: 17.5px;
    color: #fff;
}

#screen19  .mainBoard .thead2
{
    position: absolute;
    left: 116px;
    top: 8px;
    font-size: 17.5px;
    color: #fff;
}

#screen19  .mainBoard .thead3
{
    position: absolute;
    left: 328px;
    top: 8px;
    font-size: 17.5px;
    color: #fff;
}

#screen19  .mainBoard .pic1
{
    transform: scale(0.27);
    -webkit-transform: scale(0.27);
    -moz-transform: scale(0.27);
    -ms-transform: scale(0.27);
    -o-transform: scale(0.27);
    top: -103px;
    left: -99px;
    height: 374px;
}

#screen19  .mainBoard .pic5
{
    transform: scale(0.27);
    -webkit-transform: scale(0.27);
    -moz-transform: scale(0.27);
    -ms-transform: scale(0.27);
    -o-transform: scale(0.27);
    top: 4px;
    left: -98px;
    height: 374px;
}

#screen19  .mainBoard .pic4
{
	transform: scale(0.27);
	-webkit-transform: scale(0.27);
	-moz-transform: scale(0.27);
	-ms-transform: scale(0.27);
	-o-transform: scale(0.27);
    top: 112px;
    left: -99px;
    height: 374px;
}

#screen19  .mainBoard .pic2
{
    transform: scale(0.27);
    -webkit-transform: scale(0.27);
    -moz-transform: scale(0.27);
    -ms-transform: scale(0.27);
    -o-transform: scale(0.27);
    top: 218px;
    left: -101px;
    height: 374px;
}

#screen19  .mainBoard .pic3
{
    transform: scale(0.27);
    -webkit-transform: scale(0.27);
    -moz-transform: scale(0.27);
    -ms-transform: scale(0.27);
    -o-transform: scale(0.27);
    top: 324px;
    left: -99px;
    height: 374px;
}

#screen19  .mainBoard .txt1
{
	position:absolute;
    top: 36px;
    left: 96px;
}

#screen19  .mainBoard .txt2
{
	position:absolute;
    top: 148px;
    left: 96px;
	line-height: 1.1;
}

#screen19  .mainBoard .txt3
{
	position:absolute;
    top: 255px;
    left: 96px;
	line-height: 1.1;
}

#screen19  .mainBoard .txt4
{
    position: absolute;
    top: 364px;
    left: 98px;
    line-height: 1.1;
}

#screen19  .mainBoard .txt5
{
	position:absolute;
    top: 467px;
    left: 96px;
	line-height: 1.1;
}

#screen19 .mainBoard .right
{
	background:url(../images/right.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
	height: 65px;
    width: 65px;
}

#screen19 .mainBoard .right.one
{
    top: 43px;
    left: 318px;
}

#screen19 .mainBoard .right.two
{
    top: 148px;
    left: 318px;
}

#screen19 .mainBoard .wrong
{
	background:url(../images/wrong.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
	height: 65px;
    width: 65px;
}

#screen19 .mainBoard .wrong.one
{
    left: 318px;
    top: 254px;
}

#screen19 .mainBoard .wrong.two
{
    left: 318px;
    top: 360px;
}

#screen19 .mainBoard .right.three
{
    left: 318px;
    top: 465px;
}

#screen19 .mainBoard .notesbtn
{
	background:url(../images/screen10/notebtn/1.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    height: 26px;
    width: 80px;
	color:#000000;
}

#screen19 .mainBoard .notesbtn:hover,#screen19 .mainBoard .notesbtn:focus
{
	background:url(../images/screen10/notebtn/2.svg) no-repeat;
    background-size: 100% 100%;
}

#screen19 .mainBoard .notesbtn:active
{
	background:url(../images/screen10/notebtn/3.svg) no-repeat;
    background-size: 100% 100%;
}

#screen19 .mainBoard .notesbtn.one
{
    top: 110px;
    left: 310px;
}

#screen19 .mainBoard .notesbtn.two
{
    top: 218px;
    left: 310px;
}

#screen19 .mainBoard .notesbtn.three
{
    top: 324px;
    left: 310px;
}

#screen19 .mainBoard .notesbtn.four
{
    top: 430px;
    left: 310px;
}

#screen19 .mainBoard .notesbtn.five
{
    top: 534px;
    left: 310px;
}

#screen19 .mainBoard .notesbtn span
{
	position:absolute;
    top: 4px;
    left: 16px;
    font-size: 17.5px;
}

#screen19 .mainBoard .notesbtn:hover span
{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

#screen19 .mainBoard .notesbtn:active span
{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

#screen19 .nextbtn1
{
    bottom: 12px;
    right: 8px;
    display: none;
}

.menu a.question{
    color: #000;
}

/*--------------------------------------------------------------screen20-------------------------------------------------------------*/
#screen20
{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

.closebtn.two
{
    right: 11px;
    top: 12px;
    width: 42px;
    height: 36px;
}

.resultbox
{
	height: 22px;
    width: 368px;
    border: 1px solid #000000;
    position: absolute;
    top:23px;
    left:0px;
    color: #000000;
    text-align: left;
    font-family: arial;
    font-size: 17px;
    background:#fff;
    padding-left: 5px;
    padding-top: 1px;
}

#screen20 .que{display:block;}

#screen20 .pic1{left:18px;}

#screen20 .board-area {top: 64px;}

#screen20 .questionboard2 .que.two{top: 164px;}

#screen20 .questionboard2 .que.three{top:232px;}

#screen20 .questionboard2 .que.three .resultbox{top:42px;}

.questionboard1.one
{
    width: 482px;
	height: 529px;
}

.questionboard2.one
{
    width: 482px;
    height: 524px;
}

.questionboard3.one
{
    width: 482px;
    height: 524px;
}

.questionboard4.one
{
    width: 482px;
    height: 524px;
}

.question:hover,.question:focus
{
	background: radial-gradient(white,transparent);
    background: -webkit-radial-gradient(white,transparent);
    background: -moz-radial-gradient(white,transparent);
    background: -ms-radial-gradient(white,transparent);
    background: -o-radial-gradient(white,transparent);    
	cursor:pointer;
}

.menu
{
    height: 34px;
    width: 480px;
    position: absolute;
    top: 67px;
    left: 323px;
	z-index:6;
}

.menu .question
{
    top: -3px;
    height: 50px;
    width: 100px;
    left: 4px;
    line-height: 50px;
}

.menu .question.two
{
	left: 124px;
}

.menu .question.three
{
	left: 243px;
}

.menu .question.four
{
	left:363px;
}

.questionsarea .que .feedback.feedbacktwo.feedback2
{
    width: 442px;
    height: 215px;
}

.questionsarea .que .feedback.feedbk
{
	width:315px;
}

/*--------------------------------------------------------------screen21-------------------------------------------------------------*/
#screen21
{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen21 .que{display:block;}

#screen21 .pic1{left:18px;}

#screen21 .board-area {top: 68px;}

#screen21 .questionboard2 .questionsarea {top: 50px;left: 42px;}

#screen21 .questionboard2 .questionsarea .que.one{top:74px;}

#screen21 .questionboard2 .questionsarea .que.two{top:154px;}

#screen21 .questionboard2 .questionsarea .que.three{top:244px;}

#screen21 .questionboard2 .questionsarea .que.four{top:314px;}

#screen21 .questionboard2 .questionsarea .que.four .resultbox{top:44px;}

#screen21 .questionboard3 .questionsarea .que.one .radio{top:44px;}

#screen21 .questionboard3 .questionsarea .que.one .feedback{top:40px;left:110px;}

#screen21 .questionboard3 .questionsarea .que.two{top:178px;}

#screen21 .questionboard3 .questionsarea .que.three{top:306px;}

/*--------------------------------------------------------------screen22-------------------------------------------------------------*/
#screen22
{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen22 .que{display:block;}

#screen22 .resultbox{ top: 22px;left: 18px;}

#screen22 .questionboard1 .questionsarea{top:74px;}

#screen22 .questionboard2 .questionsarea{top:64px;}

#screen22 .questionboard1 .questionsarea .que.two {top:136px;}

#screen22 .questionboard1 .questionsarea .que.two .resultbox{top:44px;}

#screen22 .questionboard1 .questionsarea .que.three {top:244px;}

#screen22 .questionboard1 .questionsarea .que.four {top:330px;}

#screen22 .questionboard2 .questionsarea .que.one {top:70px;}

#screen22 .questionboard2 .questionsarea .que.two {top:140px;}

#screen22 .questionboard2 .questionsarea .que.two .resultbox{top:44px;}

#screen22 .questionboard2 .questionsarea .que.three {top:246px;}

#screen22 .questionboard3 .questionsarea .que.two {top:186px;}

#screen22 .questionboard3 .questionsarea .que.three {top:314px;}

#screen22 .questionsarea .que .radio.radioone {top: 22px;}

#screen22 .questionsarea .que .radio.radiotwo {top:30px;left:10px;}

#screen22 .questionsarea .que .feedback.feedbackone {top: 22px;}

#screen22 .board-area .questionboard4 .que.one {top: 50px;left: -3px;}

/*--------------------------------------------------------------screen23-------------------------------------------------------------*/
#screen23
{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen23 .pic2{width: 290px;height: 360px;top: 84px;left: 16px;}

#screen23 .que{display:block;}

#screen23 .resultbox{top: 22px;left: 18px;}

#screen23 .questionboard1 .questionsarea{top:74px;}

#screen23 .questionboard4 .questionsarea{top:58px;left:26px;}

#screen23 .questionboard2 .questionsarea{top:66px;left:40px;}

#screen23 .questionboard2 .questionsarea .que.one {top:76px;}

#screen23 .questionboard2 .questionsarea .que.two {top:138px;}

#screen23 .questionboard2 .questionsarea .que.three {top:208px;}

#screen23 .questionboard2 .questionsarea .que.four {top:276px;}

#screen23 .questionboard2 .questionsarea .que.five {top:348px;}

#screen23 .questionboard3 .questionsarea .que.one {top:60px;left:-2px;}

#screen23 .questionboard3 .questionsarea .que.one .radio{top:44px;}

#screen23 .questionboard3 .questionsarea .que.one .feedback{top:42px;left:108px;}

#screen23 .questionboard3 .questionsarea .que.two {top:186px;left:-2px;}

#screen23 .questionsarea .que.two .radio.radioone {top: 28px;}

#screen23 .questionboard3 .que.two .feedback.feedbackone {top:30px;left:106px;}

#screen23 .questionboard3 .questionsarea .que.three {top:292px;left:-2px;}

#screen23 .questionboard3 .questionsarea .que.three .radio.radioone{top:54px;}

#screen23 .questionboard3 .questionsarea .que.three .feedback.feedbackone{top:54px;}

#screen23 .questionboard4 .questionsarea .que.one{top:50px;left:-2px;}

#screen23 .questionsarea .que .radio.radiotwo {top: 32px;left: 12px;}

#screen23 .questionsarea .que .feedback.feedbacktwo.feedback2 {width: 440px;height: 215px;top: 143px;left: -3px;}

/*--------------------------------------------------------------screen24-------------------------------------------------------------*/
#screen24
{
	background:url(../images/bg.svg) no-repeat;
	background-size:100% 100%;
}

#screen24 .pic3{width: 290px;height: 360px;top: 84px;left: 16px;}

#screen24 .que{display:block;}

#screen24 .questionboard2 .questionsarea .que.one {top:76px;}

#screen24 .questionboard2 .questionsarea .que.three .resultbox{top:44px;}

#screen24 .questionboard3 .questionsarea .que.one {top:60px;left:-2px;}

#screen24 .questionboard3 .questionsarea .que.one .radio{top:44px;}

#screen24 .questionboard3 .questionsarea .que.one .feedback{top:42px;left:108px;}

#screen24 .questionboard3 .questionsarea .que.two {top:186px;left:-2px;}

#screen24 .questionsarea .que.two .radio.radioone {top: 28px;}

#screen24 .questionboard3 .que.two .feedback.feedbackone {top:30px;left:106px;}

#screen24 .questionboard3 .questionsarea .que.three {top:292px;left:-2px;}

#screen24 .questionboard3 .questionsarea .que.three .radio.radioone{top:44px;}

#screen24 .questionboard3 .questionsarea .que.three .feedback.feedbackone{top:44px;left:106px;}
	
#screen24 .questionboard4 .questionsarea {top: 60px;left: 30px;}

#screen24 .questionboard4 .questionsarea .que.one {top:48px;left:-3px;}

#screen24 .questionsarea .que .radio.radiotwo {top: 32px;left: 12px;}

/*--------------------------------------------------------------screen25-------------------------------------------------------*/
#screen25
{
	background:url(../images/bg11.png) no-repeat;
	background-size:100% 100%;
}

#screen25 .pop1
{
	width: 363px;
    height: 247px;
    top: 8px;
    left: 2px;
}

#screen25 .pop1 span
{
    top: 40px;
    left: 28px;
    line-height: 1.13;
}

#screen25 .popsix{
	background:url(../images/pop.svg) no-repeat;
	background-size:100% 100%;
    width: 427px;
    height: 437px;
    position: absolute;
    left: 376px;
    top: 5px;
}

#screen25 .popsix span{
    font-size: 17.5px;
    font-family: Arial;
    position: absolute;
    top: 15px;
    left:15px;
	letter-spacing: -0.1px;
}

#screen25 .feedback.feedbacktwo.feedback3{
    top: 194px;
    left: 8px;
    border: 2px solid;
    width: 404px;
    height: 229px;
	font-size:18px;
}

#screen25 .feedback.feedbacktwo.feedback3:focus
{
	border:none;
	outline:4px solid #ffff00;
}

.printbtn
{
	background:url(../images/screen11/2.svg) no-repeat;
	background-size:100% 100%;
    width: 202px;
    height: 122px;
    position: absolute;
    left: 400px;
    bottom: -1px;
    color: #fff;
}

.printbtn span
{
    font-family: Arial;
    font-size: 17.5px;
    position: absolute;
    top: 48px;
    left: 32px;
    font-weight: bold;
    letter-spacing: 0.2px;
}

.printbtn.disabled 
{
	background:url(../images/screen11/3.svg) no-repeat;
	background-size:100% 100%;
	cursor:default;
}

.printbtn.disabled span{
    color: #969893;
}

.printbtn:not(.disabled):hover,.printbtn:not(.disabled):focus
{
	transform:scale(1.08);
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08);
	transform-origin:bottom;
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-ms-transform-origin:bottom;
	-o-transform-origin:bottom;
}

.printbtn:not(.disabled):active
{
	background:url(../images/screen11/3.svg) no-repeat;
	background-size:100% 100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	bottom:-1px;
	left:398px;
	color:#999999;
}

.printbtn:not(.disabled):hover span ,.printbtn:not(.disabled):focus span
{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
}

.printbtn:not(.disabled):active span
{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	top:52px;
}

.startagainbtn
{
	background:url(../images/screen11/startagain/1.svg) no-repeat;
	background-size:100% 100%;
    width: 116px;
    height: 140px;
    position: absolute;
    left: 665px;
    bottom: 0px;
	color:#000;
    /* color: #fff; */
}

.startagainbtn.disabled 
{
	background:url(../images/screen11/startagain/3.svg) no-repeat;
	background-size:100% 100%;
	cursor:default;
}

.startagainbtn:not(.disabled):hover,.startagainbtn:not(.disabled):focus
{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform-origin:bottom;
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-ms-transform-origin:bottom;
	-o-transform-origin:bottom;
}

.startagainbtn:not(.disabled):active
{
	background:url(../images/screen11/startagain/3.svg) no-repeat;
	background-size:100% 100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.startagainbtn span
{
	font-family: Arial;
    font-size: 15px;
    position: absolute;
    top: 70px;
    left: 40px;
    font-weight: bold;
    letter-spacing: 0.1px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}

.startagainbtn .arrowsp
{
	background:url(../images/arrow.svg) no-repeat;
	background-size:100% 100%;
    width: 45px;
    height: 26px;
    position: absolute;
    left: 32px;
    top: 45px;
}

.startagainbtn:not(.disabled):hover .arrowsp,.startagainbtn:not(.disabled):focus .arrowsp
{
	animation:arrowsp 0.35s  infinite;
	-webkit-animation:arrowsp 0.35s  infinite;
	-moz-animation:arrowsp 0.35s infinite;
	-ms-animation:arrowsp 0.35s infinite;
	-o-animation:arrowsp 0.35s infinite;
}
 
.startagainbtn:not(.disabled):active .arrowsp
{
	animation:none;
	-webkit-animation:none;
	-moz-animation:none;
	-ms-animation:none;
	-o-animation:none;
}

@-webkit-keyframes arrowsp 
{
	0%{top: 45px;}

	100%{top: 54px;}
	
}

@-moz-keyframes arrowsp {
	0%{top: 45px;}

	100%{top: 54px;}

}

@-o-keyframes arrowsp {
	0%{top: 45px;}

	100%{top: 54px;}

}

@keyframes arrowsp {
	0%{top: 45px;}

	100%{top: 54px;}

}





.right .rightanimate
{
	background:url(../images/right.svg) no-repeat;
	background-size:100% 100%;
    width: 98px;
    height: 95px;
    position: absolute;
    left: 123px;
    top: 48px;
	animation:rightanimate 1.5s forwards;
	-webkit-animation:rightanimate 1.5s forwards;
	-moz-animation:rightanimate 1.5s forwards;
	-ms-animation:rightanimate 1.5s forwards;
	-o-animation:rightanimate 1.5s forwards;
}

@-webkit-keyframes rightanimate {
   0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
   opacity:1;
}

}

@-moz-keyframes rightanimate {
  0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}

@-o-keyframes rightanimate {
	0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}

@keyframes rightanimate {
	0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}

.wrong .wronganimate
{
	background:url(../images/wrong.svg) no-repeat;
	background-size:100% 100%;
    width: 98px;
    height: 95px;
    position: absolute;
    left: 123px;
    top: 48px;
	animation:wronganimate 1.5s forwards;
	-webkit-animation:wronganimate 1.5s forwards;
	-moz-animation:wronganimate 1.5s forwards;
	-ms-animation:wronganimate 1.5s forwards;
	-o-animation:wronganimate 1.5s forwards;
}

@-webkit-keyframes wronganimate {
   0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
   opacity:1;
}

}

@-moz-keyframes wronganimate {
  0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}

@-o-keyframes wronganimate {
	0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}

@keyframes wronganimate {
	0%{}

   20%{}

   100%{left: -41px;top: 17px;
   transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -moz-transform: scale(0.4);
   -ms-transform: scale(0.4);
   -o-transform: scale(0.4);
}

}


.popup2.right .rightanimate2
{
	background:url(../images/right.svg) no-repeat;
	background-size:100% 100%;
    width: 98px;
    height: 95px;
    position: absolute;
    left: 80px;
    top: 63px;
	animation:rightanimate2 1.5s forwards;
	-webkit-animation:rightanimate2 1.5s forwards;
	-moz-animation:rightanimate2 1.5s forwards;
	-ms-animation:rightanimate2 1.5s forwards;
	-o-animation:rightanimate2 1.5s forwards;
}

@-webkit-keyframes rightanimate2 {
   0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@-moz-keyframes rightanimate2 {
  0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@-o-keyframes rightanimate2 {
	0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@keyframes rightanimate2 {
	0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

.popup2.wrong .wronganimate2
{
	background:url(../images/wrong.svg) no-repeat;
	background-size:100% 100%;
    width: 98px;
    height: 95px;
    position: absolute;
    left: 80px;
    top: 63px;
	animation:wronganimate2 1.5s forwards;
	-webkit-animation:wronganimate2 1.5s forwards;
	-moz-animation:wronganimate2 1.5s forwards;
	-ms-animation:wronganimate2 1.5s forwards;
	-o-animation:wronganimate2 1.5s forwards;
}

@-webkit-keyframes wronganimate2 {
   0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@-moz-keyframes wronganimate2 {
  0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@-o-keyframes wronganimate2 {
	0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}

@keyframes wronganimate2 {
	0%{}

   20%{}

   100%{left: -34px;top: -18px;
   transform: scale(0.37);
   -webkit-transform: scale(0.37);
   -moz-transform: scale(0.37);
   -ms-transform: scale(0.37);
   -o-transform: scale(0.37);
}

}


.check {
    width: 34px;
    height: 34px;
    background: url(../images/right.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4px;
    z-index: 5;
    opacity: 0.8;
    display: none;
}

.checkTab1{
    left: 35px;
}

.checkTab2 {
    left: 150px;
    top: 2px;
}

.checkTab3 {
    left: 259px;
    top: 1px;
}

/*--------------------------------------------------------------footer-------------------------------------------------------*/

.footer
 {
    position: absolute;
	top: 620px;
	min-width: 816px;
    height: 50px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.footer .fter
{
	position:relative;
	width:816px;
	margin:auto;
}

.footer .copyright
 {
    position: relative;
    text-align: center;
    font-size: 12px;
    margin-top: 9px;
	font-family: arial;
}

.footer .logo{
    position: absolute;
	top: 0;
	left: 0;
	width: 108px;
    height:48px;
    background: url('../images/support_files/tlf_logo.png') no-repeat;
    cursor:pointer;
}

.footer .link {
	position: absolute;
    width: 88px;
    height:31px;
    background: url('../images/support_files/link.png') no-repeat;
    top:0;
	right:5px;
	cursor:pointer;
}

.footer .link a {
	position:absolute;
    width: 88px;
    height:31px;
}





@media print { 
	div{	
		position:absolute;
		color:#2f492f;
		font-size: 21px;
		font-weight:bold;
		word-break: break-all;
		font-family:arial;
	}

	.c1{
		top:217px;
		left:230px;
	}

	.c2{
		top:344px;
		left:480px;
	}

	.c3{
		top:494px;
		left:355px;
	}

	.c4{
		top:245px;
		left:225px;
		width:500px;
	}

	.c5{
		top:370px;
		left:225px;
		width:500px;
	}

	.c6{
		top:520px;
		left:225px;
		width:500px;
	}

	.c7{
		top:244px;
		left:775px;
		width:315px;
		font-weight:100;
	}

	
	
	
	
	
	.d1{
		top: 660px;
        left: 305px;
	}

	.d2{
        top: 810px;
        left: 225px;
	}

	.d3{
        top: 960px;
        left: 350px;
	}

	.d4{
		top:685px;
		left:225px;
		width:500px;
	}

	.d5{
		top:835px;
		left:225px;
		width:500px;
	}

	.d6{
		top:985px;
		left:225px;
		width:500px;
	}

	
	.d7{
		top:685px;
		left:775px;
		width:315px;
		font-weight:100;
	}

	
	.e1{
        top: 1110px;
        left: 225px;
	}

	.e2{
        top: 1265px;
        left: 225px;
	}

	.e3{
        top: 1390px;
        left: 225px;
	}

	
	.e4{
		top:1135px;
		left:225px;
		width:500px;
	}

	.e5{
		top:1290px;
		left:225px;
		width:500px;
	}

	.e6{
		top:1415px;
		left:225px;
		width:500px;
	}

	.e7{
		top:1135px;
		left:775px;
		width:315px;
		font-weight:100;
	}

	
	.f1{
        top: 1860px;
        left: 290px;
	}

	.f2{
        top: 2007px;
        left: 225px;
	}

	.f3{
        top: 2155px;
        left: 285px;
	}

	.f4{
        top: 1887px;
        left: 230px;
        width: 500px;
	}

	.f5{
		top:2035px;
		left:225px;
		width:500px;
	}

	.f6{
		top:2185px;
		left:225px;
		width:500px;
	}

	.f7{
		top:1887px;
		left:775px;
		width:315px;
		font-weight:100;
	}

	

	.g1{
        top: 2303px;
        left: 225px;
	}

	.g2{
        top: 2430px;
        left: 580px;
	}

	
	.g3{
        top: 2579px;
        left: 530px;
	}

	.g4{
		top:2330px;
		left:225px;
		width:500px;
	}

	.g5{
		top:2452px;
		left:225px;
		width:500px;
	}

	
	.g6{
		top:2605px;
		left:225px;
		width:500px;
	}

	
	.g7{
		top:2325px;
		left:775px;
		width:315px;
		font-weight:100;
	}

	.name1{
		font-family:arial;
		font-weight:bold;
		top:89px;
		left:135px;
		color:black;
		font-size:28px;
		font-weight:100;
		background:white;
		-webkit-print-color-adjust: exact; 
		
	}
	

	.name2{
		font-family:arial;
		font-weight:bold;

		top:1733px;
		left:135px;
		color:black;
		font-size:28px;
		font-weight:100;
		background:white;
		-webkit-print-color-adjust: exact; 
		
	}
	
	
    .print_text{
        top: 2820px;
        left: 42px;
        width: 1000px;
        font-weight: 100;
        color: #000;
    }

	.text1{
        top: 2728px;
        left: 760px;
        width: 1000px;
        font-weight: 100;
        color: #000;
    }

	
}

 #print div{    
        position:absolute;
        color:#2f492f;
        font-size: 21px;
        font-weight:bold;
        word-break: break-all;
        font-family:arial;
    }

    #print .c1{
        top:217px;
        left:230px;
    }

    #print .c2{
        top:344px;
        left:480px;
    }

    #print .c3{
        top:494px;
        left:355px;
    }

    #print .c4{
        top:245px;
        left:225px;
        width:500px;
    }

    #print .c5{
        top:370px;
        left:225px;
        width:500px;
    }

    #print .c6{
        top:520px;
        left:225px;
        width:500px;
    }

    #print .c7{
        top:244px;
        left:775px;
        width:315px;
        font-weight:100;
    }

    
    
    
    
    
    #print .d1{
        top: 660px;
        left: 305px;
    }

    #print .d2{
        top: 810px;
        left: 225px;
    }

    #print .d3{
        top: 960px;
        left: 350px;
    }

    #print .d4{
        top:685px;
        left:225px;
        width:500px;
    }

    #print .d5{
        top:835px;
        left:225px;
        width:500px;
    }

    #print .d6{
        top:985px;
        left:225px;
        width:500px;
    }

    
    #print .d7{
        top:685px;
        left:775px;
        width:315px;
        font-weight:100;
    }

    
    #print .e1{
        top: 1110px;
        left: 225px;
    }

    #print .e2{
        top: 1265px;
        left: 225px;
    }

    #print .e3{
        top: 1390px;
        left: 225px;
    }

    
    #print .e4{
        top:1135px;
        left:225px;
        width:500px;
    }

    #print .e5{
        top:1290px;
        left:225px;
        width:500px;
    }

    #print .e6{
        top:1415px;
        left:225px;
        width:500px;
    }

    #print .e7{
        top:1135px;
        left:775px;
        width:315px;
        font-weight:100;
    }

    
    #print .f1{
        top: 1860px;
        left: 290px;
    }

    #print .f2{
        top: 2007px;
        left: 225px;
    }

    #print .f3{
        top: 2155px;
        left: 285px;
    }

    #print .f4{
        top: 1887px;
        left: 230px;
        width: 500px;
    }

    #print .f5{
        top:2035px;
        left:225px;
        width:500px;
    }

    #print .f6{
        top:2185px;
        left:225px;
        width:500px;
    }

    #print .f7{
        top:1887px;
        left:775px;
        width:315px;
        font-weight:100;
    }

    

    #print .g1{
        top: 2303px;
        left: 225px;
    }

    #print .g2{
        top: 2430px;
        left: 580px;
    }

    
    #print .g3{
        top: 2579px;
        left: 530px;
    }

    #print .g4{
        top:2330px;
        left:225px;
        width:500px;
    }

    #print .g5{
        top:2452px;
        left:225px;
        width:500px;
    }

    
    #print .g6{
        top:2605px;
        left:225px;
        width:500px;
    }

    
    #print .g7{
        top:2325px;
        left:775px;
        width:315px;
        font-weight:100;
    }

    #print .name1{
        font-family:arial;
        font-weight:bold;
        top:89px;
        left:135px;
        color:black;
        font-size:28px;
        font-weight:100;
        background:white;
        -webkit-print-color-adjust: exact; 
        
    }
   

    #print .name2{
        font-family:arial;
        font-weight:bold;

        top:1733px;
        left:135px;
        color:black;
        font-size:28px;
        font-weight:100;
        background:white;
        -webkit-print-color-adjust: exact; 
        
    }
   
    
    #print .print_text{
        top: 2820px;
        left: 42px;
        width: 1000px;
        font-weight: 100;
        color: #000;
    }

    #print .text1{
        top: 2728px;
        left: 760px;
        width: 1000px;
        font-weight: 100;
        color: #000;
    }


#screen8 .e{
	opacity:0;
}

	
#screen8 #man{
	transform-origin:center center;
	transform: scale(0.80);
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
}

.mac #screen20 .questionboard4 .radio input[type=radio], .mac #screen21 .questionboard4 .radio input[type=radio], .mac #screen22 .questionboard4 .radio input[type=radio], .mac #screen23 .questionboard4 .radio input[type=radio], .mac #screen24 .questionboard4 .radio input[type=radio]{
    top:5px !important;
}


#screen12 #man1{
	top: 350px;
    left: 350px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


#screen12 .block{
	width:100px;
	height:100px;
	position:absolute;
}

#screen12 .block.block1{top: 24px;left: 218px;}

#screen12 .block.block2{top: 381px;left: 38px;}

#screen12 .block.block3{top: 219px;left: 660px;}

#screen12 .block.block4{top: 289px;left: 381px;}

#screen12 .block.block5{top: 434px;left: 542px;}

#screen12 .boypop span {
    line-height: 21px;
    padding-top: 10px;
}



#screen8 .e svg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.pic1 svg,.pic2 svg,.pic3 svg,.pic4 svg,.pic5 svg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}