@charset "utf-8";
@font-face
{
	font-family:titlefont;
	src:url(../fonts/GalaxieCassiopeia-Bold.ttf);
	src:url(../fonts/GalaxieCassiopeia-Bold.otf);
	src:url(../fonts/GalaxieCassiopeia-Bold.eot);
	src:url(../fonts/GalaxieCassiopeia-Bold.svg);
	src:url(../fonts/GalaxieCassiopeia-Bold.woff);
}
@font-face
{
	font-family:subhead;
	src:url(../fonts/kievit-regular.ttf);
	src:url(../fonts/kievit-regular.otf);	
	src:url(../fonts/kievit-regular.eot);	
	src:url(../fonts/kievit-regular.woff);
	
}
@font-face
{
	font-family:headerfont;
	src:url(../fonts/kievit_Bold.ttf);
	src:url(../fonts/kievit_Bold.otf);
	src:url(../fonts/kievit_Bold.eot);	
	src:url(../fonts/kievit_Bold.woff);	
}

/* CSS Document */
body {	
	-webkit-touch-callout: none;
	-webkit-user-select: none;	
	-webkit-user-modify: none;
	-webkit-highlight: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	 background:#eaeaea;
	 margin:0;	
	
}
img{
border:none;
outline:none;
-webkit-appearance:none;
-webkit-transform:translate3d(0,0,0); 
}
#main{margin:auto;left:0px;right:0px;position:absolute;overflow:hidden;}
.main
{
	position:absolute;
	width:98%;
	height:768px;	
	top:0px;
	left:0px;
	right:0px;
	margin:auto;
	background:#9b9b9b;
	overflow:hidden;
	border:1px solid #999;
}
.startscreen
{
	display:block;
}
.bannerhead
{
	background:url(../images/parliamo_bbanner.png);
	background-size: 100% 100%;
	width:100%;
	border:0px solid;
}

p{font-family:subhead;font-size:14px;}
.titletext
{
	font-family:titlefont;
	position:absolute;
	top:7.5%;
	left:8%;
	font-size:25px;
}
.subbanner
{
	font-family:headerfont;
	position:absolute;
	width:100%;	
	background:#7f7f7f;
}
.subtitle
{
	font-family:subhead;
	position:absolute;
	top:15%;
	left:5%;
	color:#fff;
	font-size:40px;
}
.startmain
{
	left:0%;
	position:absolute;
	height:550px;
	width:100%;
	background:#eaeaea;
}
.startpara
{
	position:absolute;
	top:1%;
	left:5%;
	width:90%;
	font-family:subhead;
	font-size:300%;
	line-height:115%;
}
.startimage
{
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 30%;
    width: 30%;
}
.homestart
{
   background:#808080;
    color: #fff;
    cursor: pointer;
    font-family: subhead;
    font-size: 280%;
    height: 6.5%;
    left: 0;
    margin: 0 auto;
    padding-top: 0.7%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 68%;
    width: 30%;
	line-height:115%;
}
.homestart:hover
{
	background:#60a8ad;
}
.lefttopnav
{
	position:absolute;
	width:100%;
	height:4.8%;
}
.intro
{
	width:10.7%;
	height:100%;
	background:url(../images/parliamo_intro.png);
	background-size:100% 100%;	
	cursor:pointer;
}
.intro:hover
{
	background:url(../images/parliamo_intro_hover.png);
	background-size:100% 100%;	
}
.bookmarks
{
	width:18%;
	height:100%;
	background:url(../images/parliamo_bookmarks.png);
	background-size:100% 100%;	
	position:absolute;
	top:0%;
	left:8.8%;
	cursor:pointer;
}
.bookmarks:hover
{
	background:url(../images/parliamo_bookmarks_hover.png);	
	background-size:100% 100%;	
}
.animationcontainer
{
	position:absolute;
	top:10px;
	width:100%;
	height:720px;	
	overflow:hidden;	
}
.animationcontainer img
{
width:100%;
}
.buttontools
{
	position:absolute;
	top:93.9%;
	width:100%;
	height:6.2%;
	background:#000;
	opacity:1;
	z-index:10000000;
}
.thumbnails
{
	position:absolute;
	top:69%;	
	width:100%;
	height:100%;	
	overflow:hidden;
	background:#000;
	z-index:10000;
}
.overlaydiv{background:#000;width:100%;height:95%;position:absolute;top:0%;opacity:0.6;display:none}
.thumbleftarrow
{
	position:absolute;
	top:10.5%;
	left:0%;
	width:4%;height:8.5%;
	background:url(../images/thumbnails/previousslide.png);
	background-size:100% 100%;	
	opacity:0.7;
	cursor:pointer;
	z-index:10000;
}
.thumbleftarrow:hover
{
	opacity:1;
}
.thumbrhttarrow
{
	position:absolute;
	top:10.5%;
	right:0%;
	background:url(../images/thumbnails/nextslide.png);
	background-size:100% 100%;
	width:4%;height:8.5%;
	opacity:0.7;
	cursor:pointer;
	z-index:10000;
}
.thumbrhttarrow:hover
{
	opacity:1;
}
.thumbrail
{
	position:absolute;
	left:0%;
	width:100%;
	height:22%;
	z-index:100;
	background-color:#fff;
}
.thumb_1
{
	position:absolute;
	background:url(../images/thumbnails/thumb_1.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:-1%;
	border:1px solid #fff;
}
.thumb_1:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_1.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_2
{
	position:absolute;
	background:url(../images/thumbnails/thumb_2.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:30.2%;
	border:1px solid #fff;
}
.thumb_2:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_2.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_3
{
	position:absolute;
	background:url(../images/thumbnails/thumb_3.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:61%;
	border:1px solid #fff;
}
.thumb_3:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_3.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_4
{
	position:absolute;
	background:url(../images/thumbnails/thumb_4.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:92%;
	border:1px solid #fff;
}
.thumb_4:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_4.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
}
.thumb_5
{
	position:absolute;
	background:url(../images/thumbnails/thumb_5.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:123%;
	border:1px solid #fff;
}
.thumb_5:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_5.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_6
{
	position:absolute;
	background:url(../images/thumbnails/thumb_6.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:154%;
	border:1px solid #fff;
}
.thumb_6:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_6.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_7
{
	position:absolute;
	background:url(../images/thumbnails/thumb_7.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:184.9%;
	border:1px solid #fff;
}
.thumb_7:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_7.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.thumb_8
{
	position:absolute;
	background:url(../images/thumbnails/thumb_8.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	left:216%;
	border:1px solid #fff;
}
.thumb_8:hover
{
	position:absolute;
	background:url(../images/thumbnails/thumbover_8.png);
	background-size:100% 100%;	
	width:31%;
	height:132%;
	cursor:pointer;
	border:1px solid #fff;
}
.soundoffbtn
{
	background:url(../images/tools/parliamo_soundoff.svg);
	background-size:100% 100%;
	width:3.5%;
	height:68%;
	position:absolute;
	top:18.5%;
	left:4%;
	cursor:pointer;
	display:none;
}
.soundoffbtn:hover
{
	background:url(../images/tools/parliamo_soundoff_hover.svg);	
	background-size:100% 100%;
}
.soundbtn
{
	background:url(../images/tools/parliamo_soundon.svg);
	background-size:100% 100%;
	width:3.5%;
	height:68%;
	position:absolute;
	top:18%;
	left:4%;
	cursor:pointer;
}

.soundbtn:hover
{
	background:url(../images/tools/parliamo_soundon_hover.svg);
	background-size:100% 100%;
}
.sounddisable
{
	background:url(../images/tools/parliamo_soundon_ghost.svg);
	position:absolute;	
	background-size:100% 100%;
	width:3.5%;
	height:68%;
	top:18%;
	left:4%;
    display:none;
}
.stopbtn
{
	background:url(../images/tools/parliamo_stop.svg);
	background-size:100% 100%;
	position:absolute;
	width:2.2%;
	height:50%;
	top:26%;
	left:11%;
	cursor:pointer;
}
.stopbtn:hover
{
	background:url(../images/tools/parliamo_stop_hover.svg);	
	background-size:100% 100%;
}
.restart
{
	background:url(../images/tools/parliamo_backtostart.svg);
	background-size:100% 100%;
	position:absolute;
	width:4%;
	height:60%;
	top:21%;
	left:40%;
	cursor:pointer;
}
.restart:hover
{
	background:url(../images/tools/parliamo_backtostart_hover.svg);	
	background-size:100% 100%;
}
.playbtn
{
	background:url(../images/tools/play.svg);
	background-size:100% 100%;
	width:2.8%;
	height:64%;
	top:18%;
	left:48%;
	position:absolute;
	cursor:pointer;
	border:none;
	display:none;
}
.playDisable
{
	background:url(../images/tools/play_disable.svg);
	background-size:100% 100%;
	width:2.8%;
	height:64%;
	top:18%;
	left:48%;
	position:absolute;	
	border:none;
}
.playbtn:hover
{
	background:url(../images/tools/play_hover.svg);
	background-size:100% 100%;
}
.pausebtn
{
	background:url(../images/tools/pause.png);
	background-size:100% 100%;
	width:2.2%;
	height:60%;
	top:20%;
	left:54%;
	position:absolute;
	display:nonea;
	cursor:pointer;
}
.pauseDisable
{
	background:url(../images/tools/pause_disable.svg);
	background-size:100% 100%;
	width:2.2%;
	height:60%;
	top:20%;
	left:54%;
	position:absolute;
	display:none;
}
.pausebtn:hover
{
	background:url(../images/tools/pause_hover.svg);
	background-size:100% 100%;
}
.speechbtn
{
	background:url(../images/tools/speech.svg);
	background-size:100% 100%;
	width:3.2%;
	height:65%;
	top:17%;
	left:80%;
	position:absolute;
	cursor:pointer;
}
.speechbtn:hover
{
	background:url(../images/tools/speech_hover.svg);
	background-size:100% 100%;
}
.speechalt
{
	background:url(../images/tools/parliamo_speech_hide.png);
	background-size:100% 100%;
	width:3.2%;
	height:65%;
	top:17%;
	left:80%;
	position:absolute;
	cursor:pointer;
	display:none;
}
.speechalt:hover
{
	background:url(../images/tools/parliamo_speech_hide_over.png);
	background-size:100% 100%;
}
.speechdisable
{
	background:url(../images/tools/parliamo_speech_ghost.svg);
	background-size:100% 100%;
	width:3.2%;
	height:65%;
	top:17%;
	left:80%;
	position:absolute;
	display:none;	
}
.fs_btn
{
	background:url(../images/tools/fs_btn.svg);
	background-size:100% 100%;
	width:2.6%;
	height:60%;
	top:20%;
	left:94%;
	position:absolute;
	cursor:pointer;
}
.fs_btn:hover
{
	background:url(../images/tools/fs_btn_hover.png);
	background-size:100% 100%;
}

/* .ext_btn
{
	background:url(../images/tools/fsbtn.png);
	width:25px;height:25px;
	top:10px;
	left:930px;
	position:absolute;
	cursor:pointer;
}*/

.speechtip
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:65%;
	z-index:100000;
	top:82%;
	width:auto;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.speechtip1
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:80%;
	z-index:100000;
	top:82%;
	width:auto;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.speechtip2
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:49%;
	z-index:100000;
	top:82%;
	width:auto;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.speechtip3
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:36%;
	z-index:100000;
	top:82%;
	width:auto;
	height:auto;
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.speechtip4
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:9%;
	z-index:100000;
	top:82%;
	width:auto;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.speechtip5
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:88%;
	z-index:100000;
	top:82%;
	width:auto;
	padding:5%;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}
.speechtip6
{
	font-family:subhead;
	font-size:100%;
	position:absolute;
	left:1%;
	z-index:100000;
	top:82%;
	width:auto;
	padding:5%;
	height:auto;	
	border-radius:8%;
	color:#fff;
	text-align:center;
	background:#000;
	opacity:0.9;
	padding:2% 1% 2% 1%;
	display:none;
}

.thumb_hbtn
{
	position:absolute;
	background:url(../images/tools/showthumbs.svg);
	background-size:100% 100%;
	width:2.6%;
    display:none;
	height:52%;
	top:24%;
	left:87%;
	cursor:pointer;
	
}
.thumb_hbtn:hover
{
	background:url(../images/tools/showthumbs_hover.svg);
	background-size:100% 100%;
}
.thumb_sbtn
{
	position:absolute;
	background:url(../images/tools/hidethumbs.svg);
	background-size:100% 100%;
	width:2.6%;
	height:52%;
	top:24%;
	left:87%;
	cursor:pointer;
	
}
.thumb_sbtn:hover
{
	background:url(../images/tools/hidethumbs_hover.svg);
	background-size:100% 100%;
}
.dialogue_hbtn
{
	position:absolute;
	background:url(../images/tools/showthumbs.svg);
	background-size:100% 100%;
	width:2.6%;

	height:52%;
	top:24%;
	left:88%;
	cursor:pointer;
	display:none;
}
.dialogue_hbtn:hover
{
	background:url(../images/tools/showthumbs_hover.svg);
	background-size:100% 100%;
}
.dialogue_sbtn
{
	position:absolute;
	background:url(../images/tools/hidethumbs.svg);
	background-size:100% 100%;
	width:2.6%;
	height:52%;
	top:24%;
	left:88%;
	cursor:pointer;
	
}
.dialogue_sbtn:hover
{
	background:url(../images/tools/hidethumbs_hover.svg);
	background-size:100% 100%;
}
.animleft
{
	background:url(../images/left-arrow.svg);
	background-size:100% 100%;
	opacity:0.7;
	position:absolute;
	left:0%;
	top:30%;
	width:5%;
	height:10%;
	cursor:pointer;
}
.animleftdummy
{
	opacity:0;
	position:absolute;
	left:0px;
	top:245px;
	width:50px;
	height:75px;
	background:#FFF;
	display:none;
}
.animleft:hover
{
	opacity:1;
}
.animright
{
	background:url(../images/right-arrow.svg);
	background-size:100% 100%;
	opacity:0.7;
	position:absolute;
	right:0%;
	top:30%;
	width:5%;
	height:10%;
	cursor:pointer;
}
.animrightdummy
{
	opacity:0;
	position:absolute;
	right:0px;
	top:245px;
	width:50px;
	height:75px;
	background:#FFF;
	display:none;
}
.animright:hover
{
	opacity:1;
}
.speechbubbles
{
	position:absolute;
	width:98%;
	height:71%;	
}
.defaultb
{
	width:170px;height:90px;
	text-align:center;	
	cursor:pointer;
	position:absolute;
}
#activityarrows{display:nonea;}
.txtclass
{
	width:160px;
	height:70px;
	border:1px solid red;
	margin:auto;
	position:absolute;	
	padding:5px;
}
#mo{width:100%;height:10%;}
#mo1{width:150%;height:10%;}
.frame1
{
	display:nonea;
}
.frame2
{
	display:none;
}
.frame3
{
	display:none;
}
.frame4
{
	display:none;
}
.frame5
{
	display:none;
}
.frame6
{
	display:none;
}
.frame7
{
	display:none;
}
.frame8
{
	display:none;
}
#framepara1
{
display:nonea;
}
#framepara2
{
display:none;
}
#framepara3
{
display:none;
}
#framepara4
{
display:none;
}
#framepara5
{
display:none;
}
#framepara6
{
display:none;
}
#framepara7
{
display:none;
}
#framepara8
{
display:none;
}
.speechtxtUP
{
	background:url(../images/scroll_up.png);
	background-size:100% 100%;
	width:3.2%;height:35%;
	position:absolute;
	right:0.8%;
	top:8%;
	cursor:pointer;
	opacity:0.1;
}
.speechtxtDOWN
{
	background:url(../images/scroll-down.png);
	background-size:100% 100%;
	width:3.2%;height:35%;
	position:absolute;
	right:0.7%;
	top:58%;
	cursor:pointer;
	opacity:0.1;
}
.commonpara
{
	font-family:subhead;
	font-size:140%;
	position:absolute;
	left:170%;
	width:1500%;
	height:10%;
	padding:5%;
	top:-8%;
	border-radius:0;	
}

#para11,#para12,#para13,#para14,#para15{width:1000%;}
#para21,#para22,#para23,#para24,#para25{width:1100%;}
#para31,#para32,#para33,#para34,#para35{width:1350%;}
#para41,#para42,#para43,#para44,#para45{width:1350%;}
#para51,#para52,#para53,#para54,#para55{width:1200%;}
#para61,#para62,#para63,#para64,#para65{width:1300%;}
#para71,#para72,#para73,#para74,#para75{width:1350%;}
#para81,#para82,#para83,#para84,#para85{width:700%;}
#para42,#para51,#para61,#para62,#para71{top:-11%;height:18%;padding:4%}
#para62{height:28%}
.txtSpan {
  display: table-cell;
  vertical-align: middle;
   line-height:130%;
}
.para11
{
	background:url(../images/bubbles/frame_11.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
	//cursor:pointer;
}
.para12
{
	background:url(../images/bubbles/frame_12.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
	//cursor:pointer;
}

.para13
{
	background:url(../images/bubbles/frame_13.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:50%;
}

.para21
{
	background:url(../images/bubbles/frame_21.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para22
{
	background:url(../images/bubbles/frame_22.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
	//cursor:pointer;
}

.para23
{
	background:url(../images/bubbles/frame_23.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:50%;
}
.para24
{
	background:url(../images/bubbles/frame_24.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:70%;
}
.para31
{
	background:url(../images/bubbles/frame_31.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para32
{
	background:url(../images/bubbles/frame_32.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
}
.para33
{
	background:url(../images/bubbles/frame_33.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:50%;
}
.para41
{
	background:url(../images/bubbles/frame_41.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para42
{
	background:url(../images/bubbles/frame_42.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
}

.para51
{
	background:url(../images/bubbles/frame_51.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para52
{
	background:url(../images/bubbles/frame_52.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
}

.para53
{
	background:url(../images/bubbles/frame_53.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:50%;
}
.para61
{
	background:url(../images/bubbles/frame_61.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para62
{
	background:url(../images/bubbles/frame_62.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:35%;
}

.para71
{
	background:url(../images/bubbles/frame_71.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para81
{
	background:url(../images/bubbles/frame_81.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:10%;
}
.para82
{
	background:url(../images/bubbles/frame_82.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:30%;
}
.para83
{
	background:url(../images/bubbles/frame_83.png);
	background-size:100% 100%;
	width:63%;height:100%;
	position:absolute;
	left:15%;
	top:50%;
}
.bubbleoff11{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff12{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff13{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff21{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff22{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff23{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff24{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff31{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff32{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff33{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff41{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff42{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff51{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff52{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff53{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff61{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff62{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff71{background:url(../images/textoff/char_icon_down.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.bubbleoff81{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff82{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}
.bubbleoff83{background:url(../images/textoff/char_icon_up.png);width:3%;height:8%;display:block;background-size:100% 100%;}

.globalicon
{
	position:absolute;
	width:2.8%;
	height:5.6%;
	background:url(../images/showaudio.png);
	background-size:100% 100%;
	display:none;
}
.bookmarkdiv
{
	margin:0 auto;
	position:absolute;
	height:20%;
	width:95%;	
	top:30%;
	left:0%;
	right:0%;
}
.bookmarkimg
{
	float:left;
	width:22%;
	margin-left:2.5%;
	margin-top:2%;
	cursor:pointer;
}
.bmarkhover
{
	background:#000;width:22%;height:97%;background-size:100% 100%;position:absolute;top:12.5%;opacity:0.6;display:none;
}
.b_mark
{
	position:absolute;
	right:4%;
	background:url('../images/thumbnails/bookmark_normal.png');
	background-size:100% 100%;
	width:15%;
	height:38%;
}
.b_mark:hover
{
	background:url('../images/thumbnails/parliamo_bookmark_hover.png');
	background-size:100% 100%;
}
.autoplaydummy
{
	position:absolute;
	background:rgba(153,153,153,0);
	width:90%;
	left:5%;	
	height:70%;
	display:none;
}
.blocktxtdummy
{position:absolute;width:100%;height:30%;top:64.2%;background:rgba(0,0,0,0);}
.scrolldiv{
	-webkit-appearance:none;
	-webkit-transform:translate3d(0,0,0);	
	}