/* css document 
 * create by : levietquangt@gmail.com 
*/

@viewport{
    zoom: 1.0;
    width: device-width;
}

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

input:required {
    box-shadow:none;
}

input:invalid {
    box-shadow:none;
}

/* Web front */
/*@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} 

@font-face { 
	font-family: Arial; 
	src: url('../font/Arial.otf'); 
} */

#tap-to-play
{
    position: absolute;
    left: 460px;
    top: 360px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #FFFFFF;
    z-index: 7;
}

#process
{
    position: absolute;
    left: 383px;
    top: 372px;
    width: 175px;
    height: 22px;
}

#process .border1
{
    width: 21px;
    height: 21px;
    position: absolute;
    border: #FFFFFF 1px solid;
    left: 0px;
    top: 0px;
}

#process .border1 .content
{
    width: 15px;
    height: 15px;
    position: absolute;
    left: 3px;
    top: 3px;
}
.fade-in
{
	transition:opacity 500ms ease;
	-moz-transition:opacity 500ms ease;
	-webkit-transition:opacity 500ms ease;
	-ms-transition:opacity 500ms ease;
	-o-transition:opacity 500ms ease;
	opacity:1 !important;
}

.fade-out
{
	transition:opacity 500ms ease;
	-moz-transition:opacity 500ms ease;
	-webkit-transition:opacity 500ms ease;
	-ms-transition:opacity 500ms ease;
	-o-transition:opacity 500ms ease;
	opacity:0 !important;
}

.snap 
{
	transition:left 500ms ease;
	-moz-transition:left 500ms ease;
	-webkit-transition:left 500ms ease;
	-ms-transition:left 500ms ease;
	-o-transition:left 500ms ease;
	-webkit-user-select:text;
}

.error
{
	border:rgba(255,0,0,1) 1px solid !important;
}

/*Email Feed Back */
#message-send
{
	position:absolute;
	width:1024px;
	height:768px;
	background-color:rgba(0,0,0,0.8);
}

#email-feedback
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:400px;
	height:150px;
	margin:auto;
	background-color:rgba(0,0,0,0.8);
	border:rgba(255,255,255,1) 2px solid;
	border-radius:5px;
}

#email-feedback h1.message
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align:center;
	font-size: 1.8em;
}

#email-feedback a.close-message
{
	display:block;
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align:center;
	font-size: 1.5em;
	padding:10px;
	border:rgba(255,255,255,1) 1px solid;
	border-radius:5px;
	width:60px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-decoration:none;
}

#email-feedback a.close-message:hover
{
	color:rgba(191,243,95,1);
	cursor:pointer;
}

/*Email Feed Back */
#message-send
{
	position:absolute;
	width:1024px;
	height:768px;
	background-color:rgba(0,0,0,0.8);
}

#email-feedback
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:400px;
	height:150px;
	margin:auto;
	background-color:rgba(0,0,0,0.8);
	border:rgba(255,255,255,1) 2px solid;
	border-radius:5px;
}

#email-feedback h1.message
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align:center;
	font-size: 1.8em;
}

#email-feedback a.close-message
{
	display:block;
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align:center;
	font-size: 1.5em;
	padding:10px;
	border:rgba(255,255,255,1) 1px solid;
	border-radius:5px;
	width:60px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-decoration:none;
}

#email-feedback a.close-message:hover
{
	color:rgba(191,243,95,1);
	cursor:pointer;
}

/* style css for PC screen*/

html, body
{
	width: 100%; height: 100%; overflow: hidden;
	margin: 0; padding: 0; position: relative; 
	letter-spacing: 0.5px;
}

body{
	/*zoom:0.85;*/
}

.clearfloat
{
	clear: both;
}

.hide
{
	display:none !important;
}

/** **/
#loading-video 
{
	position:relative;
	font-family:Arial;
	color:rgba(255,0,0,1);
	font-size:1.5em;
	text-align: center;
	margin-top: 370px;
}

#loading-video span
{
	transition:all 200ms linear;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	color:rgba(255,255,255,1);
}

.span-load
{
	color:rgba(0,0,255,1) !important;
	/*font-size:1.51em;*/
}

/* begin style for home page */
#wrapper
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: url(../img/si_background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	overflow:hidden;
}

#frame
{
	margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
	background-image:url(../img/ipad-frame.png);
	width: 1178px;
	height: 911px;
}

#ipad-frame
{
	position: absolute;
	top: 81px;
	left: 75px;
	width: 1024px;
	height: 768px;
	overflow: hidden;
}

#header
{
	position: absolute;
	left: 40px;
	top: 40px;
	width: 944px;
	height: 160px;
	z-index: 1;
}

#header a.logo
{
	display:block;
	float:right;
	font-family:Arial;
	color:rgba(255,255,255,0);
	font-size:2em;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	width:216px;
	height:23px;
	background-image:url(../img/logo.png);
}

#header a.logo:hover
{
	/*color:rgba(191,243,95,1);*/
	cursor:pointer;
}

#header h1.center-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: center;
	margin-top: 106px;
	font-size: 2.6em;
}

#home-center-content div
{
	position:absolute;
	z-index:5;
}

#home-page-round .button1
{
	left: 130px;
	top: 130px;
	width: 260px;
	height: 100px;
}

#home-page-round .button1 h1, #home-page-round .button1 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#home-page-round .button1 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 17px;
	margin-left: 84px;
}

#home-page-round .button1 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#home-page-round .button1 .dot
{
	display:block;
	float:right;
	width:45px;
	height:45px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
}

#home-page-round .button2
{
	left: 636px;
	top: 130px;
	width: 260px;
	height: 100px;
}

#home-page-round .button2 h1, #home-page-round .button2 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#home-page-round .button2 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 17px;
	margin-right: 67px;
}

#home-page-round .button2 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-right: 34px;
}


#home-page-round .button2 .dot
{
	display:block;
	float:left;
	width:45px;
	height:45px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
}

#home-page-round .button3
{
	left: 376px;
	top: 298px;
	width: 275px;
	height: 165px;
}

#home-page-round .button3 h1, #home-page-round .button3 h4
{
	color:rgba(255,255,255,1);
}

#home-page-round .button3 h1
{
	font-family:Arial;
	margin-bottom:0px;
	margin-top: 17px;
	margin-left: 4px;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

#home-page-round .button3 h4
{
	font-family: Arial;
	font-size: 1.1em;
	width: 100%;
	margin-top: -2px;
	text-align: center;
}


#home-page-round .button3 .dot
{
	display:block;
	width:45px;
	height:45px;
	margin-top: 25px;
	margin-left: 116px;
	background-image:url(../img/big_dot_white.png);
}

#home-page-round a.dot:hover
{
	background-image:url(../img/big_dot_green.png);
	cursor:pointer;
}

#footer
{
	position: absolute;
	left: 40px;
	bottom: 30px;
	width: 944px;
	height: 30px;
	z-index:3;
}

#footer ul.left-navi
{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 450px;
	height:30px;
}

#footer ul.left-navi li
{
	display: inline;
	list-style: none;
	margin-left: 5px;
	border-right-width: 2px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

#footer ul.left-navi li a
{
	margin-right: 5px;
	text-decoration: none;
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	cursor:pointer;
}

#footer ul.left-navi li a:hover
{
	color:rgba(191,243,95,1);
}

#footer ul.left-navi li[title="More about ISM"]
{
	border:none !important;
}

#footer ul.right-nav
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 125px;
	height:15px;
	background-image:url(../img/right_nav.png);
	background-size:cover;
}

#footer ul.right-nav li
{
	display: inline;
	list-style: none;
	width: 24px;
	height: 15px;
	float: left;
	position: relative;
	margin-right: 26px;
}


#footer ul.right-nav li[title="Back"]
{
	margin-right:0px;
}

#footer ul.right-nav li a
{
	height: 15px;
	width: 18px;
	display: block;
	cursor:pointer;
}


#footer ul.right-nav li a[title="Home"]
{
	background-image:url(../img/icon-home-normal.png);
}

#footer ul.right-nav li a[title="Home"]:hover
{
	background-image:url(../img/icon-home-forcus.png);
}

#footer ul.right-nav li a[title="Table Content"]
{
	background-image:url(../img/licon-list-normal.png);
}

#footer ul.right-nav li a[title="Table Content"]:hover
{
	background-image:url(../img/licon-list-forcus.png);
}

#footer ul.right-nav li a[title="Back"]
{
	background-image:url(../img/icon-back-normal.png);
}

#footer ul.right-nav li a[title="Back"]:hover
{
	background-image:url(../img/icon-back-forcus.png);
}

#home-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#home-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background-one.png);
	z-index:1;
}

.home-page-animate
{
	transition:opacity 1000ms linear;
	-moz-transition:opacity 1000ms linear;
	-webkit-transition:opacity 1000ms linear;
	-ms-transition:opacity 1000ms linear;
	-o-transition:opacity 1000ms linear;
}

#home-page a.showpage
{
	display:block;
	position:relative;
	z-index:9;
	width:1024px;
	height:768px;
	left:0px;
	top:0px;
	background-image:url(../img/startscreen.jpg);
}

#home-page a.showpage:hover{
	cursor:pointer;
}

#home-center-content
{
	position:absolute;
	left:15px;
	top:200px;
	height:463px;
	width:995px;
	background-color:rgba(255,255,255,0.3);
}

#home-center-shape
{
	position:absolute;
	left:317px;
	top:9px;
}



/********************************     explore    ********************************************/

#explore-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#explore-center-content
{
	position:absolute;
	left:15px;
	top:200px;
	height:463px;
	width:995px;
	background-color:rgba(255,255,255,0.3);
}

#explore-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/explore_background_one.png)
}

#explore-page-round .center-text
{
    position: absolute;
    left: 442px;
    top: 139px;
    font-family: arial;
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
	font-size: 2.8em;
	font-weight: 100;
}

.explore #header h1.left-tilte
{
	margin-left:10px;
}

.explore #header h4.sub-left-title
{
	margin-left:10px;
}

#explore-center-shape
{
	position: absolute;
	left: 319px;
	top: 12px;
}

#explore-center-content div
{
	position:absolute;
	z-index:5;
}

#explore-page-round a.dot:hover
{
	background-image:url(../img/big_dot_green.png);
	cursor:pointer;
}

.explore-page-round-a-dot-hover
{
	background-image:url(../img/big_dot_green.png) !important;
}

#explore-page-round .button1
{
	left: 598px;
	top: 15px;
	width: 380px;
	height: 100px;
}

#explore-page-round .button1 h1, #explore-page-round .button1 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#explore-page-round .button1 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 36px;
	margin-right: 103px;
	font-size: 1.5em;
}

#explore-page-round .button1 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#explore-page-round .button1 .dot
{
	display:block;
	float:left;
	width:56px;
	height:56px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#explore-page-round .button2
{
	left: 598px;
	top: 289px;
	width: 380px;
	height: 100px;
}

#explore-page-round .button2 h1, #explore-page-round .button2 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#explore-page-round .button2 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 45px;
	margin-right: 171px;
	font-size: 1.5em;
}

#explore-page-round .button2 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#explore-page-round .button2 .dot
{
	display:block;
	float:left;
	width:56px;
	height:56px;
	margin-top: 25px;
 	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}


#explore-page-round .button3
{
	left: 43px;
	top: 289px;
	width: 380px;
	height: 100px;
}

#explore-page-round .button3 h1, #explore-page-round .button3 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#explore-page-round .button3 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 46px;
	margin-left: 61px;
	font-size: 1.5em;
}

#explore-page-round .button3 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}

#explore-page-round .button3 .dot
{
	display:block;
	float:right;
	width:56px;
	height:56px;
	margin-top: 25px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#explore-page-round .button4
{
	left: 42px;
	top: 15px;
	width: 380px;
	height: 100px;
}

#explore-page-round .button4 h1, #explore-page-round .button4 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#explore-page-round .button4 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 41px;
	margin-left: 12px;
	font-size: 1.5em;
}

#explore-page-round .button4 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#explore-page-round .button4 .dot
{
	display:block;
	float:right;
	width:56px;
	height:56px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#explore-page-round .child-title
{
	font-family: Arial;
	font-size: 0.9em;
	color:rgba(255,255,255,1);
}

.explore-hide
{
	display:none !important;
}

#explore-page-round .child-dot
{
	width:39px;
	height:39px;
	display:block;
}

#explore-page-round .child-button1
{
	left: 718px;
	top: 90px;
	width: 200px;
	height: 40px;
}

#explore-page-round .child-button1 .child-dot
{
	float:left;
	background-image:url(../img/dot1_normal.png);
}

#explore-page-round .child-button1 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot1_hover.png);
}


#explore-page-round .child-button1 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#explore-page-round .child-button2
{
	left: 718px;
	top: 136px;
	width: 220px;
	height: 40px;
}

#explore-page-round .child-button2 .child-dot
{
	float:left;
	background-image:url(../img/dot2_normal.png);
}

#explore-page-round .child-button2 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot2_hover.png);
}

#explore-page-round .child-button2 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#explore-page-round .child-button3
{
	left: 720px;
	top: 366px;
	width: 220px;
	height: 40px;
}

#explore-page-round .child-button3 .child-dot
{
	float:left;
	background-image:url(../img/dot3_normal.png);
}

#explore-page-round .child-button3 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot3_hover.png);
}

#explore-page-round .child-button3 .child-dot:hover + #explore-page-round .child-button3 h1
{
	color:red;
}

#explore-page-round .child-button3 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#explore-page-round .child-button4
{
	left: 86px;
	top: 423px;
	width: 220px;
	height: 40px;
}

#explore-page-round .child-button4 .child-dot
{
	float:right;
	background-image:url(../img/dot4_normal.png);
}

#explore-page-round .child-button4 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot4_hover.png);
}

#explore-page-round .child-button4 .child-title
{
	margin-top: 14px;
	margin-left: 30px;
}

#explore-page-round .child-button5
{
	left: 46px;
	top: 372px;
	width: 260px;
	height: 40px;
}

#explore-page-round .child-button5 .child-dot
{
	float:right;
	background-image:url(../img/dot5_normal.png);
}

#explore-page-round .child-button5 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot5_hover.png);
}

#explore-page-round .child-button5 .child-title
{
	margin-top: 14px;
	margin-left: 10px;
}

#explore-page-round .child-button6
{
	left: 46px;
	top: 138px;
	width: 260px;
	height: 40px;
}

#explore-page-round .child-button6 .child-dot
{
	float:right;
	background-image:url(../img/dot6_normal.png);
}

#explore-page-round .child-button6 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot6_hover.png);
}

#explore-page-round .child-button6 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

#explore-page-round .child-button7
{
	left: 46px;
	top: 88px;
	width: 260px;
	height: 40px;
}

#explore-page-round .child-button7 .child-dot
{
	float:right;
	background-image:url(../img/dot7_normal.png);
}

#explore-page-round .child-button7 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot7_hover.png);
}

#explore-page-round .child-button7 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

/********************************     video player    ********************************************/

.video-control-hide
{
	display:none;
}

#videoplay-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-color:rgba(0,0,0,1);
}

#main-video
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-color:rgba(0,0,0,1);
	z-index:1;
}

#main-content
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	cursor:pointer;
	background-color:rgba(255,255,255,0.0);
	z-index:2;
}

#main-control
{
	width:487px;
	height:487px;
	position:absolute;
	left:268px;
	top:140px;
	background-image:url(../img/videocontrol.png);
}

#main-control a
{
	display:block;
	font-family:Arial;
	font-size:1.7em;
	color:rgba(255,255,255,1);
	position:absolute;
	text-decoration:none;
}

#main-control a.button1
{
	left: 170px;
	top: 40px;
	width: 100px;
	height: 100px;
	padding-top: 50px;
	padding-left: 50px;
}

#main-control a.button2
{
	left: 300px;
	top: 180px;
	width: 170px;
	height: 70px;
	padding-top: 50px;
	padding-left: 50px;
}

#main-control a.button3
{
	left: -16px;
	top: 180px;
	width: 170px;
	height: 70px;
	padding-top: 50px;
	padding-left: 50px;
}

#main-control a.button4
{
	left: 170px;
	top: 290px;
	width: 100px;
	height: 100px;
	padding-top: 80px;
	padding-left: 50px;
}

#main-control a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#main-control a.closeWatch
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	font-weight: 100;
	font-size: 2.2em;
	display: block;
	width: 42px;
	margin-left: 720px;
	margin-top: -120px;
	position: absolute;
}

#main-control a.closeWatch:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}


/********************************     intro    ********************************************/

#intro-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}

#intro-page .intro-video
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}


#main-intro-page
{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/startscreen.jpg);
	z-index:5;
}

#skip-intro
{
	font-family: Arial;
	font-size: 1.5em;
	position:absolute;
	right:20px;
	top:20px;
	color:rgba(255,255,255,1);
	z-index:4;
	cursor:pointer;
}

/*********************************** Evaluate *****************************************/


#evaluate-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-center-content
{
	position:absolute;
	left:15px;
	top:200px;
	height:442px;
	width:995px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/explore_background_one.png)
}

#evaluate-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-page-round .evaluate-text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	/* text-align: left; */
	position: absolute;
    left: 435px;
    top: 148px;
	font-size: 1.7em;
	text-align: center;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate #header h1.left-tilte
{
	margin-left:10px;
}


.evaluate #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-center-shape
{
	position:absolute;
	left:299px;
	top:32px;
}

#evaluate-center-content div
{
	position:absolute;
	z-index:5;
}

#evaluate-page-round a.dot:hover
{
	background-image:url(../img/big_dot_green.png);
	cursor:pointer;
}

.evaluate-page-round-a-dot-hover
{
	background-image:url(../img/big_dot_green.png) !important;
}

#evaluate-page-round .button1
{
	left: 620px;
	top: 150px;
	width: 380px;
	height: 100px;
}

#evaluate-page-round .button1 h1, #evaluate-page-round .button1 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#evaluate-page-round .button1 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 41px;
	margin-right: 57px;
	font-size: 1.5em;
}

#evaluate-page-round .button1 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-page-round .button1 .dot
{
	display:block;
	float:left;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-page-round .button2
{
	left: 599px;
	top: 290px;
	width: 380px;
	height: 100px;
}

#evaluate-page-round .button2 h1, #evaluate-page-round .button2 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#evaluate-page-round .button2 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 36px;
	margin-right: 171px;
	font-size: 1.5em;
}

#evaluate-page-round .button2 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-page-round .button2 .dot
{
	display:block;
	float:left;
	width:56px;
	height:56px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}


#evaluate-page-round .button3
{
	left: -6px;
	top: 150px;
	width: 380px;
	height: 100px;
}

#evaluate-page-round .button3 h1, #evaluate-page-round .button3 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#evaluate-page-round .button3 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 38px;
	margin-left: 136px;
	font-size: 1.5em;
}

#evaluate-page-round .button3 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-page-round .button3 .dot
{
	display:block;
	float:right;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-page-round .button4
{
	left: 43px;
	top: 15px;
	width: 380px;
	height: 100px;
}

#evaluate-page-round .button4 h1, #evaluate-page-round .button4 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#evaluate-page-round .button4 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 41px;
	margin-left: 21px;
	font-size: 1.5em;
}

#evaluate-page-round .button4 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-page-round .button4 .dot
{
	display:block;
	float:right;
	width:56px;
	height:56px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-page-round .child-title
{
	font-family: Arial;
	font-size: 0.9em;
	color:rgba(255,255,255,1);
}

.evaluate-hide
{
	display:none !important;
}

#evaluate-page-round .child-dot
{
	width:39px;
	height:39px;
	display:block;
}

#evaluate-page-round .child-button1
{
	left: 718px;
	top: 230px;
	width: 240px;
	height: 40px;
}

#evaluate-page-round .child-button1 .child-dot
{
	float:left;
	background-image:url(../img/small_dot_white.png);
	background-size:cover;
}

#evaluate-page-round .child-button1 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/small_dot_green.png);
}


#evaluate-page-round .child-button1 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-page-round .child-button2
{
	left: 718px;
	top: 276px;
	width: 240px;
	height: 40px;
}

#evaluate-page-round .child-button2 .child-dot
{
	float:left;
	background-image:url(../img/small_dot_white.png);
	background-size:cover;
}

#evaluate-page-round .child-button2 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/small_dot_green.png);
}

#evaluate-page-round .child-button2 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-page-round .child-button3
{
	left: 720px;
	top: 366px;
	width: 220px;
	height: 40px;
}

#evaluate-page-round .child-button3 .child-dot
{
	float:left;
	background-image:url(../img/dot3_normal.png);
}

#evaluate-page-round .child-button3 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot3_hover.png);
}

#evaluate-page-round .child-button3 .child-dot:hover + #evaluate-page-round .child-button3 h1
{
	color:red;
}

#evaluate-page-round .child-button3 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-page-round .child-button4
{
	left: 86px;
	top: 423px;
	width: 220px;
	height: 40px;
}

#evaluate-page-round .child-button4 .child-dot
{
	float:right;
	background-image:url(../img/dot4_normal.png);
}

#evaluate-page-round .child-button4 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot4_hover.png);
}

#evaluate-page-round .child-button4 .child-title
{
	margin-top: 14px;
	margin-left: 30px;
}

#evaluate-page-round .child-button5
{
	left: 46px;
	top: 372px;
	width: 260px;
	height: 40px;
}

#evaluate-page-round .child-button5 .child-dot
{
	float:right;
	background-image:url(../img/dot5_normal.png);
}

#evaluate-page-round .child-button5 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot5_hover.png);
}

#evaluate-page-round .child-button5 .child-title
{
	margin-top: 14px;
	margin-left: 10px;
}

#evaluate-page-round .child-button6
{
	left: 46px;
	top: 138px;
	width: 260px;
	height: 40px;
}

#evaluate-page-round .child-button6 .child-dot
{
	float:right;
	background-image:url(../img/dot6_normal.png);
}

#evaluate-page-round .child-button6 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot6_hover.png);
}

#evaluate-page-round .child-button6 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

#evaluate-page-round .child-button7
{
	left: 46px;
	top: 88px;
	width: 260px;
	height: 40px;
}

#evaluate-page-round .child-button7 .child-dot
{
	float:right;
	background-image:url(../img/dot7_normal.png);
}

#evaluate-page-round .child-button7 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot7_hover.png);
}

#evaluate-page-round .child-button7 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

/*********************************** Evaluate-Step1 *****************************************/

#evaluate-step1-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background.png);
}

#evaluate-step1-center-content
{
	position:absolute;
	left:0px;
	top:131px;
	height:564px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-step1-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step1-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-step1-page-round .evaluate-step1-text
{
	display:block;
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: center;
	text-decoration:none;
	position: absolute;
	left: 484px;
	top: 287px;
	font-size: 2.5em;
	padding: 0;
	padding-top: 34px;
	width: 106px;
	height: 71px;
	background-color: rgba(93,151,122,0.7);
	border:rgba(255,255,255,1) 1px solid;
	border-radius: 55px;
}

#evaluate-step1-page-round .evaluate-step1-text:hover
{
	cursor:pointer;
	/*color:rgba(191,243,95,1);*/
	background-color: rgba(105,165,79,0.7);
}

#evaluate-step1-center-content p
{
	font-family:Arial;
	font-size:1em;
	color:rgba(255,255,255,1);
	margin-left: 50px;
	margin-right: 50px;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate-step1 #header h1.left-tilte
{
	margin-left:10px;
}

.evaluate-step1 #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-step1-center-shape
{
	position:absolute;
	left:343px;
	top:144px;
}

#evaluate-step1-center-content div
{
	position:absolute;
	z-index:5;
}

#evaluate-step1-page-round a.dot:hover
{
	background-image:url(../img/big_dot_green.png);
	cursor:pointer;
}

.evaluate-step1-page-round-a-dot-hover
{
	background-image:url(../img/big_dot_green.png) !important;
}

#evaluate-step1-page-round .button1
{
	left: 567px;
	top: 159px;
	width: 380px;
	height: 100px;
}

#evaluate-step1-page-round .button1 h1, #evaluate-step1-page-round .button1 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#evaluate-step1-page-round .button1 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 41px;
	margin-right: 51px;
	font-size: 1.5em;
}

#evaluate-step1-page-round .button1 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-step1-page-round .button1 .dot
{
	display:block;
	float:left;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-step1-page-round .button2
{
	left: 609px;
	top: 421px;
	width: 380px;
	height: 100px;
}

#evaluate-step1-page-round .button2 h1, #evaluate-step1-page-round .button2 h4
{
	color:rgba(255,255,255,1);
	float:right;
}

#evaluate-step1-page-round .button2 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 36px;
	margin-right: 164px;
	font-size: 1.5em;
}

#evaluate-step1-page-round .button2 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-step1-page-round .button2 .dot
{
	display:block;
	float:left;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-left: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}


#evaluate-step1-page-round .button3
{
	left: 106px;
	top: 417px;
	width: 380px;
	height: 100px;
}

#evaluate-step1-page-round .button3 h1, #evaluate-step1-page-round .button3 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#evaluate-step1-page-round .button3 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 38px;
	margin-left: 30px;
	font-size: 1.5em;
}

#evaluate-step1-page-round .button3 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-step1-page-round .button3 .dot
{
	display:block;
	float:right;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-step1-page-round .button4
{
	left: 78px;
	top: 157px;
	width: 380px;
	height: 100px;
}

#evaluate-step1-page-round .button4 h1, #evaluate-step1-page-round .button4 h4
{
	color:rgba(255,255,255,1);
	float:left;
}

#evaluate-step1-page-round .button4 h1
{
	font-family:Arial;
	margin-bottom: 0px;
	margin-top: 41px;
	margin-left: 15px;
	font-size: 1.5em;
}

#evaluate-step1-page-round .button4 h4
{
	font-family: Arial;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 24px;
}


#evaluate-step1-page-round .button4 .dot
{
	display:block;
	float:right;
	width:49px;
	height:49px;
	margin-top: 26px;
	margin-right: 21px;
	background-image:url(../img/big_dot_white.png);
	background-size:cover;
}

#evaluate-step1-page-round .child-title
{
	font-family: Arial;
	font-size: 0.9em;
	color:rgba(255,255,255,1);
}

.evaluate-step1-hide
{
	display:none !important;
}

#evaluate-step1-page-round .child-dot
{
	width:39px;
	height:39px;
	display:block;
}

#evaluate-step1-page-round .child-button1
{
	left: 718px;
	top: 230px;
	width: 220px;
	height: 40px;
}

#evaluate-step1-page-round .child-button1 .child-dot
{
	float:left;
	background-image:url(../img/small_dot_white.png);
	background-size:cover;
}

#evaluate-step1-page-round .child-button1 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/small_dot_green.png);
}


#evaluate-step1-page-round .child-button1 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-step1-page-round .child-button2
{
	left: 718px;
	top: 276px;
	width: 220px;
	height: 40px;
}

#evaluate-step1-page-round .child-button2 .child-dot
{
	float:left;
	background-image:url(../img/small_dot_white.png);
	background-size:cover;
}

#evaluate-step1-page-round .child-button2 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/small_dot_green.png);
}

#evaluate-step1-page-round .child-button2 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-step1-page-round .child-button3
{
	left: 720px;
	top: 366px;
	width: 220px;
	height: 40px;
}

#evaluate-step1-page-round .child-button3 .child-dot
{
	float:left;
	background-image:url(../img/dot3_normal.png);
}

#evaluate-step1-page-round .child-button3 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot3_hover.png);
}

#evaluate-step1-page-round .child-button3 .child-dot:hover + #evaluate-step1-page-round .child-button3 h1
{
	color:red;
}

#evaluate-step1-page-round .child-button3 .child-title
{
	margin-top: 14px;
	margin-left: 44px;
}

#evaluate-step1-page-round .child-button4
{
	left: 86px;
	top: 423px;
	width: 220px;
	height: 40px;
}

#evaluate-step1-page-round .child-button4 .child-dot
{
	float:right;
	background-image:url(../img/dot4_normal.png);
}

#evaluate-step1-page-round .child-button4 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot4_hover.png);
}

#evaluate-step1-page-round .child-button4 .child-title
{
	margin-top: 14px;
	margin-left: 30px;
}

#evaluate-step1-page-round .child-button5
{
	left: 46px;
	top: 372px;
	width: 260px;
	height: 40px;
}

#evaluate-step1-page-round .child-button5 .child-dot
{
	float:right;
	background-image:url(../img/dot5_normal.png);
}

#evaluate-step1-page-round .child-button5 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot5_hover.png);
}

#evaluate-step1-page-round .child-button5 .child-title
{
	margin-top: 14px;
	margin-left: 10px;
}

#evaluate-step1-page-round .child-button6
{
	left: 46px;
	top: 138px;
	width: 260px;
	height: 40px;
}

#evaluate-step1-page-round .child-button6 .child-dot
{
	float:right;
	background-image:url(../img/dot6_normal.png);
}

#evaluate-step1-page-round .child-button6 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot6_hover.png);
}

#evaluate-step1-page-round .child-button6 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

#evaluate-step1-page-round .child-button7
{
	left: 46px;
	top: 88px;
	width: 260px;
	height: 40px;
}

#evaluate-step1-page-round .child-button7 .child-dot
{
	float:right;
	background-image:url(../img/dot7_normal.png);
}

#evaluate-step1-page-round .child-button7 .child-dot:hover
{
	cursor:pointer;
	background-image:url(../img/dot7_hover.png);
}

#evaluate-step1-page-round .child-button7 .child-title
{
	margin-top: 14px;
	margin-left: 50px;
}

/*********************************** Evaluate-Step2 *****************************************/

#header .evaluate-title
{
	position: absolute;
	left: 10px;
	top: 70px;
	width: 924px;
	height: 120px;
}

#header .evaluate-title img
{
	width: 741px;
	margin: 49px auto;
	margin-top: 29px;
	display: block;
}

#header .evaluate-title p
{
	font-family:Arial;
	font-size:1em;
	color:rgba(255,255,255,1);
	margin-top: 25px;
	margin-bottom:5px;
	float: left;
}

#evaluate-step2-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-step2-center-content
{
	position:absolute;
	left:0px;
	top:230px;
	height:442px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-step2-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step2-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-step2-page-round .evaluate-step2-text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.2em;
	padding-left:50px;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate-step2 #header h1.left-tilte
{
	margin-left:10px;
}

#header h4.sub-left-title
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	margin: 0;
	font-size: 1em;
	width: 600px !important;
	margin-top: -34px;
	font-weight: 100;
}

.evaluate-step2 #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-step2-center-shape
{
	position:absolute;
	left:299px;
	top:32px;
}

#evaluate-step2-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#evaluate-step2-center-content form label
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 40px;
	margin-top: -21px;
}

#evaluate-step2-center-content form input[type="checkbox"]
{
	display:none;
}

#evaluate-step2-center-content form .question-border
{
	width:26px;
	height:26px;
	border:rgba(255,255,255,1) 1px solid;
}

#evaluate-step2-center-content form .question-border a
{
	display:block;
	width:22px;
	height:22px;
	margin-left:2px;
	margin-top:2px;
	background-color:transparent;
}

#evaluate-step2-center-content form .question-border a:hover 
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

#evaluate-step2-center-content form a.next-button
{
	position: absolute;
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/next-button.png);
	background-size: cover;
	text-decoration: none;
	
	left: 797px;
	top: 369px;
	width: 102px;
	height: 30px;
}

#evaluate-step2-center-content form a.prev-button
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	background-image:url(../img/prev-button.png);
	background-size:cover;
	text-decoration:none;
	position:absolute;
	left:50px;
	top:379px;
	width:73px;
	height:21px;
	display:none;
}


#evaluate-step2-center-content form a.next-button span
{
	margin-left: 29px;
	margin-top: 5px;
	display: block;
}

#evaluate-step2-center-content form a.prev-button span
{
	margin-left: 15px;
	margin-top: 3px;
	display: block;
}

#evaluate-step2-center-content form a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#evaluate-step2-center-content div.left
{
	position: relative;
	float: left;
	width: 250px;
	left: 114px;
	margin-bottom: 21px;
	margin-top: 30px;
}

#evaluate-step2-center-content div.right
{
	position: relative;
	float: left;
	width: 250px;
	left: 289px;
	margin-bottom: 20px;
	margin-top: 30px;
}

/*********************************** Evaluate-Step3 *****************************************/

#evaluate-step3-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-step3-center-content
{
	position:absolute;
	left:0px;
	top:230px;
	height:442px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-step3-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step3-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-step3-page-round .evaluate-step3-text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.2em;
	padding-left:50px;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate-step3 #header h1.left-tilte
{
	margin-left:10px;
}

.evaluate-step3 #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-step3-center-shape
{
	position:absolute;
	left:299px;
	top:32px;
}

#evaluate-step3-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#evaluate-step3-center-content form label
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 40px;
	margin-top: -21px;
}

#evaluate-step3-center-content form input[type="checkbox"]
{
	display:none;
}

#evaluate-step3-center-content form .question-border
{
	width:26px;
	height:26px;
	border:rgba(255,255,255,1) 1px solid;
}

#evaluate-step3-center-content form .question-border a
{
	display:block;
	width:22px;
	height:22px;
	margin-left:2px;
	margin-top:2px;
	background-color:transparent;
}

#evaluate-step3-center-content form .question-border a:hover 
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

#evaluate-step3-center-content form a.next-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/next-button.png);
	background-size: cover;
	text-decoration: none;
	position: absolute;
	left: 797px;
	top: 369px;
	width: 102px;
	height: 30px;
}

#evaluate-step3-center-content form a.prev-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/prev-button.png);
	background-size: cover;
	text-decoration: none;
	position: absolute;
	left:50px;
	top:369px;
	width: 102px;
	height: 30px;
}


#evaluate-step3-center-content form a.next-button span
{
	margin-left: 29px;
	margin-top: 5px;
	display: block;
}

#evaluate-step3-center-content form a.prev-button span
{
	margin-left: 27px;
	margin-top: 5px;
	display: block;
}

#evaluate-step3-center-content form a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#evaluate-step3-center-content div.col1
{
	position: relative;
	float: left;
	width: 150px;
	left: 114px;
	margin-bottom: 21px;
	margin-top: 30px;
}

#evaluate-step3-center-content div.col2
{
	position: relative;
	float: left;
	width: 150px;
	left: 169px;
	margin-bottom: 20px;
	margin-top: 30px;
}

#evaluate-step3-center-content div.col3
{
	position: relative;
	float: left;
	width: 150px;
	left: 259px;
	margin-bottom: 20px;
	margin-top: 30px;
}

#evaluate-step3-center-content div.col4
{
	position: relative;
	float: left;
	width: 150px;
	left: 289px;
	margin-bottom: 20px;
	margin-top: 30px;
}

/*********************************** Evaluate-Step4 *****************************************/

#evaluate-step4-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-step4-center-content
{
	position:absolute;
	left:0px;
	top:230px;
	height:442px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-step4-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step4-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-step4-page-round .evaluate-step4-text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.2em;
	padding-left:50px;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate-step4 #header h1.left-tilte
{
	margin-left:10px;
}


.evaluate-step4 #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-step4-center-shape
{
	position:absolute;
	left:299px;
	top:32px;
}

#evaluate-step4-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#evaluate-step4-center-content form a.next-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/next-button.png);
	background-size: cover;
	text-decoration: none;
	position: absolute;
	left: 797px;
	top: 369px;
	width: 102px;
	height: 30px;
}

#evaluate-step4-center-content form a.prev-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	text-decoration:none;
	background-image:url(../img/prev-button.png);
	background-size:cover;
	position:absolute;
	left:50px;
	top:369px;
	width: 102px;
	height: 30px;
}


#evaluate-step4-center-content form a.next-button span
{
	margin-left: 29px;
	margin-top: 5px;
	display: block;
}

#evaluate-step4-center-content form a.prev-button span
{
	margin-left: 26px;
	margin-top: 5px;
	display: block;
}

#evaluate-step4-center-content form a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}


#evaluate-step4-center-content div.row
{
	position: relative;
	float: left;
	width: 994px;
	left: 15px;
	margin-bottom: 20px;
	margin-top: 30px;
}

#evaluate-step4-center-content div.row h4
{
	float:left;
	width:353px;
	font-family: Arial;
	font-size: 0.8em;
	color: rgba(255,255,255,1);
}

#evaluate-step4-center-content .question-slider h4
{
	font-size: 0.6em !important; 
}

#evaluate-step4-center-content .question-slider
{
	position: relative;
	left: 360px;
	top: 0px;
	
}

.question-slider
{
	width:550px !important;
	height:100px !important;
}

.question-slider .line
{
	position:absolute;
	top:45px;
	left:15px;
	width:520px;
	height:9px;
	background-image:url(../img/slider.png);
	background-size:cover;
	z-index:4;
	
}

.question-slider .move-bar
{
	display:block;
	position:absolute;
	left:262px;
	top:17px;
	width:26px;
	height:65px;
	background-image:url(../img/move-bar-normal.png);
	background-size:cover;
	z-index:5;
}

.question-slider .move-bar:hover
{
	background-image:url(../img/move-bar-focus.png);
}

.move-bar-hover
{
	background-image:url(../img/move-bar-focus.png);
}

.question-slider h4.left-content
{
	position: absolute;
	top: 48px;
	left: 16px;
}

.question-slider h4.right-content
{
	position: absolute;
	top: 48px;
	right: 14px;
	width: auto !important;
}

/*********************************** Evaluate-Step5 *****************************************/

#evaluate-step5-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-step5-center-content
{
	position:absolute;
	left:0px;
	top:230px;
	height:442px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#evaluate-step5-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step5-page-round .center-text
{
	position: absolute;
	left: 451px;
	top: 168px;
}

#evaluate-step5-page-round .evaluate-step5-text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.2em;
	padding-left:50px;
}

#header h1.left-tilte
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	margin-top: 27px;
}

.evaluate-step5 #header h1.left-tilte
{
	margin-left:10px;
}

.evaluate-step5 #header h4.sub-left-title
{
	margin-left:10px;
}

#evaluate-step5-center-shape
{
	position:absolute;
	left:299px;
	top:32px;
}

#evaluate-step5-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#evaluate-step5-center-content form a.next-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/next-button.png);
	background-size: cover;
	text-decoration: none;
	position: absolute;
	left: 808px;
	top: 379px;
	width: 102px;
	height: 30px;
}

#evaluate-step5-center-content form a.prev-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	text-decoration:none;
	background-image:url(../img/prev-button.png);
	background-size:cover;
	position:absolute;
	left:50px;
	top:379px;
	width: 102px;
	height: 30px;
}


#evaluate-step5-center-content form a.next-button span
{
	margin-left: 29px;
	margin-top: 5px;
	display: block;
}

#evaluate-step5-center-content form a.prev-button span
{
	margin-left: 27px;
	margin-top: 5px;
	display: block;
}

#evaluate-step5-center-content form a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}


#evaluate-step5-center-content div.row
{
	position: relative;
	float: left;
	width: 994px;
	left: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}

#evaluate-step5-center-content div.row h4
{
	float:left;
	width:353px;
	font-family: Arial;
	font-size: 0.8em;
	color: rgba(255,255,255,1);
}

#evaluate-step5-center-content .question-slider h4
{
	font-size: 0.6em !important; 
}

#evaluate-step5-center-content .question-slider
{
	position: relative;
	left: 360px;
	top: 0px;
	
}


/*********************************** Evaluate-Step8 *****************************************/

#evaluate-step8-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#evaluate-step8-center-content
{
	position:absolute;
	left:0px;
	top:130px;
	height:492px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
	overflow:hidden;
}

#evaluate-step8-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#evaluate-step8-center-content #scroll-content
{
	position:absolute;
	width:896px;
	height:454px;
	left:69px;
	top:18px;
	overflow:hidden;
}

#evaluate-step8-center-content #inner-content
{
	position:absolute;
	width:896px;
	left:0px;
	top:0px;
	height:auto;
}

#evaluate-step8-center-content #inner-content h1
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 1.4em;
	padding-left: 50px;
	width: 896px;
	padding: 0;
	font-weight:100;
}

#evaluate-step8-center-content #inner-content h4
{
	font-family:Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 0.9em;
	padding-left: 50px;
	width: 888px;
	padding: 0;
	font-weight:100;
}

#evaluate-step8-center-content #inner-content h4.next-step
{
    margin-top: 70px;
    font-size: 1.2em;
}

#evaluate-step8-center-content #inner-content h4.left
{
	width:395px;
	float:left;
	position:relative;
	left:0px;
    top: 30px;
}

#evaluate-step8-center-content #inner-content h4.right
{
	width:375px;
	float:left;
	position:relative;
	left:10px;
    top: 30px;
}

#evaluate-step8-center-content #inner-content h2
{
	font-family:Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1em;
	padding-left: 50px;
	padding: 10px;
	width:780px;
	background-color:rgba(0,0,0,0.3);
	font-weight:100;
}

#evaluate-step8-center-content #inner-content img
{
	position:absolute;
	left:779px;
	top:226px;
}

#evaluate-step8-center-content #inner-content h1.green
{
	font-size:1.6em;
	color:rgba(191,243,95,1);
}

#evaluate-step8-page a
{
    -webkit-appearance: none;
	font-family: Arial;
	text-decoration: none;
	color: rgba(255,255,255,1);
	font-size: 1.1em;
	display: block;
	position: absolute;
	top: 596px;
	font-weight: 100;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 30px;
	padding-bottom: 6px;
	background-color: rgba(72,162,65,1);
	background-image: url(../img/right-arrow.png);
	background-repeat: no-repeat;
	background-position: 223px 14px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 25px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 25px 0px rgba(50, 50, 50, 0.75);
}

#evaluate-step8-page a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
	background-color: rgba(72,162,65,0.8);
}

/*********************************** requeststep1 *****************************************/

#request-step1-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#request-step1-center-content
{
	position:absolute;
	left:0px;
	top:153px;
	height:492px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#request-step1-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#request-step1-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#request-step1-center-content form a.next-button
{
	font-family: Arial;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	display: block;
	background-image: url(../img/next-button.png);
	background-size: cover;
	text-decoration: none;
	position: absolute;
	left: 415px;
	top: 339px;
	width:102px;
	height: 30px;
}

#request-step1-center-content form a.next-button span
{
	margin-left: 25px;
	margin-top: 5px;
	display: block;
}

#request-step1-center-content form a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#request-step1-center-content form h1
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.8em;
	width: 930px;
	margin-top: 0px;
	margin-left: 10px;
}

#request-step1-center-content form input.left
{
	float:left;
	width:100px;
	margin-left: 10px;
	margin-top: 0px;
}

#request-step1-center-content form input.right
{
	float:left;
	width:270px;
	margin-left:10px;
	margin-top:0px;
}

#request-step1-center-content form input.row
{
	display:block;
	margin-top:20px;
	margin-left:10px;
	width: 394px;
}

#request-step1-center-content form div.right-form
{
	position: absolute;
	left: 450px;
	top: 5px;
	width: 490px;
	height: 442px;
}

#request-step1-center-content form div.right-form .question-border
{
	width: 26px;
	height: 26px;
	border: rgba(255,255,255,1) 1px solid;
}

#request-step1-center-content form div.right-form .question-border a
{
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: transparent;
}

#request-step1-center-content form div.right-form .question-border a:hover
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

#request-step1-center-content form div.right-form label
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 40px;
	margin-top: -21px;
}

#request-step1-center-content form div.right-form textarea
{
	width: 423px;
}

#request-step1-center-content form div.right-form .row
{
	margin-left: 10px;
}

form input[type="text"], form input[type="email"], form input[type="tel"], form select
{
	background-color: transparent;
	border: rgba(255,255,255,1) 2px solid;
	height: 30px;
	border-radius: 3px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
	padding: 2px 0px 0px 10px;
}

form input[type="checkbox"]
{
	display:none;
}

.input-forcus
{
	border: rgba(191,243,95,1) 2px solid !important;
	color:rgba(191,243,95,1) !important;
}

form input[type="submit"], form button
{
    -webkit-appearance: none;
    border-radius: 0px;
	border: none;
	width: 90px;
	height: 40px;
	background-color: rgba(166,223,43,0.4);
	font-family: Arial;
	font-size: 1.1em;
	color: rgba(255,255,255,1);
	padding-top: 5px;
}

form input[type="submit"]:hover, form button:hover
{
	color:rgba(166,223,43,1);
	background-color: rgba(255,255,255,0.4);
	cursor:pointer;
}

form textarea
{
	background-color: transparent;
	border: rgba(255,255,255,1) 2px solid;
	height: 90px;
	width:494px;
	border-radius: 3px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
	padding: 2px 0px 0px 10px;
}

form textarea:focus
{
	border: rgba(191,243,95,1) 2px solid !important;
	color:rgba(191,243,95,1) !important;
}

form div.border
{
	width: 90px;
	height: 40px;
	border: rgba(166,223,43,0.4) 1px solid;
	padding: 4px;
}

/*********************************** requeststep2 *****************************************/

#request-step2-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#request-step2-center-content
{
	position:absolute;
	left:0px;
	top:153px;
	height: 472px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#request-step2-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#request-step2-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#request-step2-center-content form h1
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.8em;
	width: 930px;
	margin-top: 0px;
	margin-left: 10px;
}

#request-step2-center-content form .question-border
{
	width: 26px;
	height: 26px;
	border: rgba(255,255,255,1) 1px solid;
}

#request-step2-center-content form .question-border a:hover 
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

#request-step2-center-content form .question-border a
{
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: transparent;
}

#request-step2-center-content form input[type="checkbox"]
{
	display: none;
}

#request-step2-center-content form label
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 40px;
	margin-top: -21px;
}

#request-step2-center-content form .row
{
	margin-left: 10px;
	margin-top: 25px;
}

/********************************     calculator    ********************************************/

#calculator-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#calculator-center-content
{
	position:absolute;
	left:0px;
	top: 213px;
	height: 472px;
	width:1024px;
	background-color:rgba(0,0,0,0.2);
}

#calculator-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#calculator-center-content .mainmettle
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 930px;
	height: 410px;
	background-color:transparent;
}

#calculator-center-content #page1 {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 930px;
	height: 410px;
	transition: 600ms;
}

#calculator-center-content #page2 {
   position:absolute;
	left: 0px;
	top: 0px;
	width: 930px;
	height: 410px;
	transition: 600ms;
	display:none;
}

#calculator-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#p1_lb1 {
    position: absolute;
	left: 10px;
	top: 40px;
	width: 250px;
	height: 60px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
}

#p1_lb2 {
    position: absolute;
    left: 390px;
    top: 64px;
	width: 250px;
	height: 60px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
}

#p1_lb3 {
    position: absolute;
    left: 10px;
	top: 227px;
	width: 300px;
	height: 60px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
}


#p1_lb4 {
    position: absolute;
    left: 10px;
    top: 277px;
    width: 250px;
    height: 60px;
    font-family: Arial;
    color: #ffffff;
    font-size: 1.1em;
}

#p1_editor {
    left: 10px;
    top: 0px;
    width: 910px;
    height: 400px;
    position: absolute;
}

#selectCustom {
    left: 215px;
	top: 218px;
	width: 110px;
	position: absolute;
	background: url(../img/calculator/page1/green-arrow1.png) no-repeat;
	background-position: 87px 12px;
	overflow: hidden;
	background-color: transparent;
	border: rgba(255,255,255,1) 2px solid;
	height: 30px;
	border-radius: 3px;
	
}

#p1_text1 {
	text-align:right;
	left: 0px;
	top: 97px;
	position: absolute;
	width: 300px;
	padding: 2px 10px 0px 10px;
}

#p1_text2 {
   text-align:right;
    left: 380px;
    top: 98px;
   position: absolute;
   width: 300px;
   padding: 2px 10px 0px 10px;
}

#p1_text3 {
	text-align:right;
	left: 0px;
	top: 218px;
	width: 180px;
	padding: 2px 10px 0px 10px;
	position: absolute;
}

#p1_text4 {
    text-align:right;
    left: 0px;
    top: 277px;
    width: 382px;
    padding: 2px 10px 0px 10px;
    position: absolute;
}

#currency {
    border: none;
    background: transparent;
    -webkit-appearance: none;
	-moz-appearance: none;
	-moz-user-select: none;
	appearance: none;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
	padding: 2px 0px 0px 10px;
    left: 20px;
	top: 6px;
    width: 140px;
    height: 22px;
    position: absolute;
	outline:none;
}

#btncalculate {
	width: 101px;
	height: 33px;
}

#p2_lb1 {
    left: 10px;
    top: 47px;
    font-family: Arial;
	color: #ffffff;
	font-size: 1.4em;
}

#p2_lb2 {
    left: 594px;
    top: 47px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.4em;
}

#p2_lb3 {
    left: -12px;
	top: 326px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.3em;
}

#p2_lb4 {
    left: 201px;
	top: 326px;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.3em;
}

#p2_chart {
    left: 10px;
	bottom: 91px;
	width: 350px;
	height: 200px;
	position: absolute;
	font-size: 16px;
	overflow: hidden;
}

.tbl1 {
  	left: 596px;
	top: 120px;
	width: 230px;
	height: 200px;
	position: absolute;
	border: 1px solid rgba(255,255,255,1);
	text-align: center;
	font-family: Arial;
	color: #ffffff;
	font-size: 1.8em;
}

#btnPlay{
    left: 444px;
    top: 175px;
    width: 66px;
    height: 66px;
    position: absolute;
    background: url(../img/calculator/page2/button1.png) no-repeat;
    opacity:0;
    transition: 700ms;
}

#p2_spanhours{
    font-family: Arial;
	color: #ffffff;
	font-size: 1.1em;
}

#btncheckagain
{
	width: 180px;
	height: 33px;
}

#infoLeft, #infoRight
{
	font-family: Arial;
}

#calculator-page form .col1 .question-border a:hover
{
    cursor:pointer;
    background-color:rgba(191,243,95,1);
}
/********************************     contact    ********************************************/

#contact-page
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/home-background.jpg);
}

#contact-center-content
{
	position: absolute;
	left: 0px;
	top: 113px;
	height: 577px;
	width: 1024px;
	background-color: rgba(0,0,0,0.2);
}

#contact-page-round
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background-image:url(../img/evaluate-step1-background-one.png)
}

#contact-center-content form
{
	position:absolute;
	left: 50px;
	top: 15px;
	width: 930px;
	height: 410px;
}

#contact-center-content form h1
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.8em;
	width: 930px;
	margin-top: 0px;
	margin-left: 10px;
}

#contact-center-content form h3
{
	font-family:Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1em;
}

#contact-center-content form h3.title1
{
	position: absolute;
	left: 12px;
	top: 30px;
}

#contact-center-content form h3.title2
{
	position: absolute;
	left: 12px;
	top: 137px;
}

#contact-center-content form div.right
{
	position:absolute;
	width:725px;
	height:436px;
	top: 50px;
	left:190px;
}

#contact-center-content form h4
{
	font-family:Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 0.9em;
	margin-top: 10px;
}

#contact-center-content form .ques-left
{
	position:absolute;
	left:0px;
	top:152px;
	width:227px;
	height:295px;
}

#contact-center-content form .ques-left .row 
{
	position:absolute;
}

#contact-center-content form .ques-left .row .col1
{
	position:absolute;
	left:0px;
	top:0px;
}

#contact-center-content form .ques-left .row .col2
{
	position: absolute;
	left: 64px;
	top: 0px;
}

#contact-center-content form .ques-left .row .col3
{
	position:absolute;
	left: 126px;
	top: 0px;
}

#contact-center-content form .question-border {
	width: 26px;
	height: 26px;
	border: rgba(255,255,255,1) 1px solid;
}

#contact-center-content form .question-border a {
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: transparent;
}

#contact-center-content form .question-border a:hover 
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

.contact-choice
{
	cursor:pointer;
	background-color:rgba(191,243,95,1) !important;
}

.binding-field
{
	border:rgba(255,0,0,0.4) 1px solid !important;
}

#contact-center-content form label
{
	font-family: Arial;
	font-size: 0.9em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 2px;
	margin-top: -21px;
}

#contact-center-content form label.check {
	font-family: Arial;
	font-size: 0.9em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 31px;
	margin-top: -12px;
}

#contact-center-content form .ques-right
{
	position:absolute;
	width:467px;
	height:321px;
	top:115px;
	left:257px;
}

#contact-center-content form .ques-right .row 
{
	position:absolute;
}

#contact-center-content form .ques-right .row .col1
{
	position:absolute;
	left:0px;
	top:0px;
}

#contact-center-content form .ques-right .row .col1 input
{
	width:114px;
}

#contact-center-content form .ques-right .row .col2
{
	position:absolute;
	left: 153px;
	top:0px;
}

#contact-center-content form .ques-right .row .col2 input
{
	width:88px;
}

#contact-center-content form .ques-right .row .col3
{
	position:absolute;
	left: 282px;
	top:0px;
}

#contact-center-content form .ques-right .row .col3 input
{
	width:215px;
}

#contact-center-content form input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0px;
	border: none;
	width: 80px;
	height: 30px;
	background-color: rgba(166,223,43,0.4);
	font-family: Arial;
	font-size: 1.1em;
	color: rgba(255,255,255,1);
	padding-top: 5px;
}

#contact-center-content form div.border {
	width: 80px;
	height: 30px;
	border: rgba(166,223,43,0.4) 1px solid;
	padding: 4px;
}

/********************************     table-content    ********************************************/

#table-content-page{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	background-image: url(../img/home-background.jpg);
}

#table-content-center-content
{
    position: absolute;
    left: 0px;
    top: 129px;
    height: 560px;
    width: 1024px;
    background-color: rgba(0,0,0,0.2);
    background-image: url(../img/table-content.png);
    background-repeat: no-repeat;
    background-position: 56px 15px;
}

#table-content-center-content a
{
    display: block;
    position: absolute;
    font-family: Arial;
    font-size:1em;
    color:grba(255,255,255,1);
    color:#fff;
    text-decoration:none;
}

#table-content-center-content a.intro
{
    width: 130px;
    height: 100px;
    left: 60px;
    top: 214px;
}

#table-content-center-content a:hover img
{
    opacity: 0.5;
}

#table-content-center-content a.home
{
    width: 130px;
    height: 100px;
    left: 222px;
    top: 206px;
}

#table-content-center-content a.evaluate
{
    width: 160px;
    height: 120px;
    left: 222px;
    top: 20px;
}

#table-content-center-content a.evaluate-tool
{
    width: 120px;
    height: 90px;
    left: 72px;
    top: 43px;
}

#table-content-center-content a.calculator2
{
    width: 140px;
    height: 100px;
    left: 415px;
    top: 40px;
}

#table-content-center-content a.calculator
{
    width: 130px;
    height: 90px;
    left: 563px;
    top: 40px;
}

#table-content-center-content a.contact
{
    width: 130px;
    height: 90px;
    left: 96px;
    top: 428px;
}

#table-content-center-content a.impressum
{
    width: 130px;
    height: 90px;
    left: 244px;
    top: 428px;
}

#table-content-center-content a.moreism
{
    width: 130px;
    height: 90px;
    left: 388px;
    top: 428px;
}

#table-content-center-content a.explore
{
    width: 130px;
    height: 90px;
    left: 609px;
    top: 204px;
}

#table-content-center-content a.watch
{
    width: 130px;
    height: 90px;
    left: 609px;
    top: 394px;
}

#table-content-center-content a.video1
{
    width: 130px;
    height: 90px;
    left: 801px;
    top: 15px;
}

 #table-content-center-content a.video2
 {
     width: 130px;
     height: 90px;
     left: 801px;
     top: 91px;
 }

#table-content-center-content a.video3
{
    width: 130px;
    height: 90px;
    left: 801px;
    top: 165px;
}

#table-content-center-content a.video4
{
    width: 130px;
    height: 90px;
    left: 800px;
    top: 240px;
}

#table-content-center-content a.video5
{
    width: 130px;
    height: 90px;
    left: 800px;
    top: 314px;
}

#table-content-center-content a.video6
{
    width: 130px;
    height: 90px;
    left: 800px;
    top: 389px;
}

#table-content-center-content a.video7
{
    width: 130px;
    height: 90px;
    left: 800px;
    top: 464px;
}


#table-content-center-content h4
{
    display: block;
    position: absolute;
    font-family: Arial;
    font-size:0.7em;
    font-weight: normal;
    color:grba(255,255,255,1);
    color:#fff;
    text-decoration:none;
}

#table-content-center-content h4.intro
{
    left: 57px;
    top: 303px;
}

#table-content-center-content h4.evaluate-tool
{
    left: 70px;
    top: 122px;
}

#table-content-center-content h4.home
{
    left: 217px;
    top: 316px;
}

#table-content-center-content h4.evaluate
{
    left: 218px;
    top: 134px;
}

#table-content-center-content h4.calculator2
{
    left: 411px;
    top: 123px;
}

#table-content-center-content h4.calculator
{
    left: 562px;
    top: 123px;
}


#table-content-center-content h4.explore
{
    left: 606px;
    top: 319px;
}

#table-content-center-content h4.contact
{
    left: 94px;
    top: 510px;
}


#table-content-center-content h4.impressum
{
    left: 241px;
    top: 510px;
}

#table-content-center-content h4.moreism
{
    left: 386px;
    top: 510px;
}

#table-content-center-content h4.watch
{
    left: 606px;
    top: 510px;
}

#table-content-center-content h4.video1
{
    width: 98px;
    left: 896px;
    top: 0px;
}

#table-content-center-content h4.video2
{
    width: 98px;
    left: 896px;
    top: 75px;
}

#table-content-center-content h4.video3
{
    width: 98px;
    left: 896px;
    top: 151px;
}

#table-content-center-content h4.video4
{
    width: 98px;
    left: 896px;
    top: 226px;
}

#table-content-center-content h4.video5
{
    width: 98px;
    left: 896px;
    top: 302px;
}

#table-content-center-content h4.video6
{
    width: 98px;
    left: 896px;
    top: 375px;
}

#table-content-center-content h4.video7
{
    width: 98px;
    left: 896px;
    top: 451px;
}

#table-content-page-round
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	background-image: url(../img/evaluate-step1-background-one.png);
}

#table-content-center-content .row1
{
	position:absolute;
	width:320px;
	height:495px;
	top:30px;
	left:55px;
	border-right:#FFF 1px solid;
}

#table-content-center-content .row1 h1
{
	font-family: Arial;
	font-size:1.8em;
	color:grba(255,255,255,1);
	color:#fff;
}

#table-content-center-content .row1 a
{
	font-family: Arial;
	font-size:1em;
	color:grba(255,255,255,1);
	color:#fff;
	text-decoration:none;
}

#table-content-center-content .row1 a.row h4
{
	font-family: Arial;
	font-size:1em;
	color:grba(255,255,255,1);
	color:#fff;
	display:block;
	position:relative;
	margin-left: 33px;
	margin-bottom: 25px;
	margin-top: -18px;
}

#table-content-center-content .row1 a.row:hover h4
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#table-content-center-content .row1 a.row div.play-button
{
	display:block;
	position:relative;
	width:20px;
	height:20px;
	background-image:url(../img/play-button.png);
	margin-left:0px;
	margin-top:2px;
}

#table-content-center-content .row1 a.row:hover div.play-button
{
	background-image:url(../img/play-button-hover.png);
}

#table-content-center-content .row2
{
	position:absolute;
	width:300px;
	height:495px;
	top:30px;
	left:395px;
	border-right:#FFF 1px solid;
}

#table-content-center-content .row2 h1
{
	font-family: Arial;
	font-size:1.8em;
	color:grba(255,255,255,1);
	color:#fff;
}

#table-content-center-content .row2 a
{
	text-decoration:none;
}

#table-content-center-content .row2 a.row h4
{
	font-family: Arial;
	font-size:1em;
	color:grba(255,255,255,1);
	color:#fff;
	display:block;
	position:relative;
	margin-left: 0px;
	margin-bottom: 25px;
	margin-top: 10px;
	text-decoration:none;
}

#table-content-center-content .row2 a.row:hover h4
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#table-content-center-content .row3
{
	position:absolute;
	width:300px;
	height:495px;
	top:30px;
	left:715px;
}

#table-content-center-content .row3 h1
{
	font-family: Arial;
	font-size:1.8em;
	color:#fff;
}

#table-content-center-content .row3 a
{
	text-decoration:none;
}

#table-content-center-content .row3 a.row h4
{
	font-family: Arial;
	font-size:1em;
	color:#fff;
	display:block;
	position:relative;
	margin-left: 0px;
	margin-bottom: 25px;
	margin-top: 10px;
	text-decoration:none;
}

#table-content-center-content .row3 a.row:hover h4
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

/********************************     Impressum & Disclaimer    ********************************************/
#impressum-page{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	background-image: url(../img/home-background.jpg);
}

#impressum-center-content
{
	position: absolute;
	left: 0px;
	top: 144px;
	height: 540px;
	width: 1024px;
	background-color: rgba(0,0,0,0.2);
}

#impressum-page-round
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	background-image: url(../img/evaluate-step1-background-one.png);
}

#impressum-center-content .row1
{
	position:absolute;
	width:320px;
	height:495px;
	top:0px;
	left:55px;
}

#impressum-center-content .row1 h1
{
	font-family: Arial;
	font-size:1.4em;
	color:grba(255,255,255,1);
	color:#fff;
}

#impressum-center-content .row1 p
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1em;
	line-height:20px;
	padding-left: 50px;
	width: 896px;
	padding: 0;
}

#impressum-center-content .row2
{
	position:absolute;
	width:300px;
	height:495px;
	top:0px;
	left:395px;
}

#impressum-center-content .row2 p
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1em;
	line-height:20px;
	padding-left: 50px;
	width: 896px;
	padding: 0;
}

#impressum-center-content .row2 p a, #impressum-center-content .row3 p a
{
	color:rgba(255,255,255,1);
	text-decoration:none;
}

#impressum-center-content .row2 p a:hover, #impressum-center-content .row3 p a:hover
{
	cursor:pointer;
	color:rgba(191,243,95,1);
}

#impressum-center-content .row2 h1
{
	font-family: Arial;
	font-size:1.4em;
	color:grba(255,255,255,1);
	color:#fff;
}

#impressum-center-content .row3
{
	position:absolute;
	width:300px;
	height:495px;
	top:0px;
	left:715px;
}

#impressum-center-content .row3 p
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1em;
	line-height:20px;
	padding-left: 50px;
	width: 896px;
	padding: 0;
}

#impressum-center-content .row3 h1
{
	font-family: Arial;
	font-size:1.4em;
	color:grba(255,255,255,1);
	color:#fff;
}

#impressum-center-content #content-text
{
	position:absolute;
	top:322px;
	left:40px;
	width:942px;
	height:217px;
	background-color:rgba(0,0,0,0.3);
	overflow:hidden;
}

#impressum-center-content #content-text #inner-content-text
{
	position:absolute;
	top:10px;
	left:15px;
	width:928px;
	height:196px;
	overflow:hidden;
}

#impressum-center-content .scroll-content-text
{
	position:absolute;
	left:0px;
	top:0px;
	width:890px;
	height:auto;
}

#impressum-center-content .scroll-content-text p
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	text-align: left;
	font-size: 1.1em;
	line-height:20px;
	width:870px;
	padding-left: 50px;
	padding: 0;
}

/****************************************      more-about-ism    ********************************************/


#more-about-ism
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	z-index:1;
    background-color: rgba(0,0,0,0.6);
	transition:all 500ms linear;
	-webkit-transition:all 500ms linear;
	-ms-transition:all 500ms linear;
	-o-transition:all 500ms linear;
}

#more-about-ism .main-content
{
	/*width:572px;
	height:402px;*/
    width: 752px;
    height: 642px;
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	margin:auto;
	background-color:rgba(0,0,0,0.68);
	border:rgba(255,255,255,1) 2px solid;
}

#more-about-ism .main-content h1.title
{
	font-family:Arial;
	font-size:2.2em;
	color:rgba(255,255,255,1);
	font-weight:100;
    padding-left: 50px;
	padding-top:0px;
	padding-bottom:0px;
}

#more-about-ism .main-content a.close
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	font-weight: 100;
	font-size: 2.2em;
	display: block;
	width: 42px;
    margin-left: 710px;
	margin-top: 10px;
	position:absolute;
}

#more-about-ism .main-content a.close:hover
{
	color:rgba(166,223,43,1);
	cursor:pointer;
}

#more-about-ism .main-content a.row
{
	font-family:Arial;
	color:rgba(255,255,255,1);
	font-weight:100;
	display:block;
    width: 178px;
    margin-left: 40px;
    margin-right: 30px;
	float:left;
	text-decoration:none;
}

#more-about-ism .main-content a.row img
{
	transform-origin:center center;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	-o-transform-origin:center center;
	transition:all 300ms linear;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
}

#more-about-ism .main-content a.active:hover img
{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

#more-about-ism .main-content a.row:hover h3
{
	color:rgba(166,223,43,1);
}

#more-about-ism .main-content a.row h3
{
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    width: 178px;
	margin-top: 10px;
	text-decoration:none;
}

#more-about-ism .main-content a.send-data
{
	font-family:Arial;
	color:rgba(255,255,255,1);
	font-weight:100;
	font-size:1.3em;
	width:241px;
	height:61px;
	display:block;
	border:rgba(166,223,43,0.4) 1px solid;
    margin-left: 458px;
    margin-top: 230px;
	text-decoration:none;
}

#more-about-ism .main-content a.send-data span
{
	display: block;
	width: 230px;
	height: 35px;
	background-color: rgba(166,223,43,0.4);
	margin-left: 5px;
	margin-top: 5px;
	padding-top: 15px;
	text-align: center;
}

#more-about-ism .main-content a.send-data:hover span
{
	color:rgba(255,255,255,0.3);
	cursor:pointer;
}

/********************************     loadding video   ********************************************/

#loading-video .text
{
	font-family: Arial;
	color: rgba(255,255,255,1);
	font-size: 1.2em;
	text-align: center;
	font-style:normal;
	font-weight:100;
}

#loading-video .border
{
	width:300px;
	height:20px;
	border-radius:10px;
	border:rgba(255,255,255,1) 1px solid;
	margin:10px auto;
}

#loading-video .content-move
{
	height:14px;
	border-radius:7px;
	background-color:rgba(166,232,43,0.4);
	margin-top:3px;
	margin-left:3px;
	transition:all 4000ms linear;
	-webkit-transition:all 4000ms linear;
	-ms-transition:all 4000ms linear;
	-o-transition:all 4000ms linear;
}


/********************************     calculator 2   ********************************************/
#mettle #page1 #p1_lb1
{
    width: 300px;
}

#mettle #page1 #p1_lb3
{
    top: 179px;
}


#mettle #page1 #p1_editor .col1
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#mettle #page1 #p1_editor .col2
{
	position: absolute;
	left: 100px;
	top: 0px;
}

#mettle #page1 #p1_editor .question-border a
{
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: transparent;
}

#mettle #page1 #p1_editor label.check
{
	font-family: Arial;
	font-size: 1em;
	color: rgba(255,255,255,1);
	display: block;
	margin-left: 33px;
	margin-top: -15px;
}

#mettle #page1 #p1_editor .question-border
{
	width: 26px;
	height: 26px;
	border: rgba(255,255,255,1) 1px solid;
}

#mettle #page1 #p1_editor .question-border a:hover
{
	cursor:pointer;
	background-color:rgba(191,243,95,1);
}

/********************************     calculator-step2-chart  ********************************************/

#testBut
{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background-color:blue;
	z-index:9999;
}

#calculator-step2-chart
{
	position: absolute;
	left: 60px;
	top: 10px;
	width: 910px;
	height: 390px;
	transition:opacity 500ms linear;
	-webkit-transition:opacity 500ms linear;
	-moz-transition:opacity 500ms linear;
	-ms-transition:opacity 500ms linear;
	-o-transition:opacity 500ms linear;
}

#calculator-step2-chart img
{
	position:absolute;
	left: 420px;
	top: 140px;
}

#calculator-step2-chart h4.content
{
	padding: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: #333D96;
	font-size: 0.9em;
	height: 18px;
	width: 157px;
	text-align: center;
	font-family:Arial;
	transition:opacity 500ms linear;
	-webkit-transition:opacity 500ms linear;
	-moz-transition:opacity 500ms linear;
	-ms-transition:opacity 500ms linear;
	-o-transition:opacity 500ms linear;
}

#calculator-step2-chart #left-col
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 440px;
	height: 390px;
}

#calculator-step2-chart h1.title
{
	font-size: 1.4em;
	text-align: center;
	color:#fff;
	font-family:Arial;
	font-weight:100;
}

#calculator-step2-chart #left-col #chart1, #calculator-step2-chart #right-col #chart3
{
	position:absolute;
	width:157px;
	height:157px;
	left:59px;
	bottom:130px;
	background-color:#CCCCCC;
	-webkit-box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
}


#calculator-step2-chart #left-col #chart2, #calculator-step2-chart #right-col #chart4
{
	position:absolute;
	width:157px;
	height:157px;
	left:225px;
	bottom:130px;
	overflow:hidden;
	-webkit-box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 1px 8px 0px rgba(0,0,0,0.5);
}

#calculator-step2-chart #left-col #chart2 #pie1, #calculator-step2-chart #right-col #chart4 #pie3
{
	position:absolute;
	width:157px;
	height:125px;
	left:0px;
	bottom:32px;
	background-color:#CCFF99;
	border-bottom:rgba(0,255,0,0.1) 1px solid;
}

#calculator-step2-chart #left-col #chart2 #pie2, #calculator-step2-chart #right-col #chart4 #pie4
{
	position:absolute;
	width:157px;
	height:32px;
	left:0px;
	bottom:0px;
	background-color:#CCFFFF
}


#calculator-step2-chart #left-col #chart1:hover, #calculator-step2-chart #left-col #chart2:hover, #calculator-step2-chart #right-col #chart3:hover, #calculator-step2-chart #right-col #chart4:hover
{
	opacity:0.85;
}

#calculator-step2-chart #right-col
{
	position: absolute;
	left: 470px;
	top: 0px;
	width: 440px;
	height: 390px;

}

#calculator-step2-chart #left-col #description1, #calculator-step2-chart #right-col  #description2
{
	position:absolute;
	width:321px;
	height:100px;
	bottom:10px;
	left:59px;
	border: 1px solid #ccc;
}

#calculator-step2-chart a
{
	display:block;
	position:absolute;
	height:12px;
	width:280px;
}

#calculator-step2-chart a .dot
{
	width: 22px;
	height: 22px;
	margin-left: 55px;
	border-color: rgb(204, 204, 204);
	background-color: rgb(204, 204, 204);
	margin-right:10px;
}

#calculator-step2-chart a h4
{
	margin-left: 90px;
	margin-top: -20px;
	color:#fff;
	font-family:Arial;
	font-size: 0.95em;
	font-weight: normal;
}


/********************************     requests for demo    ********************************************/

#requestsfordemo-center-content form h1 {
    font-family: Arial;
    color: rgba(255,255,255,1);
    text-align: left;
    font-size: 1em;
    width: 710px;
    margin-top: 0px;
    margin-left: 10px;
    font-weight: normal;
}

#requestsfordemo-center-content form {
    position: absolute;
    left: 50px;
    top: 25px;
    width: 700px;
    height: 270px;
}

#requestsfordemo-center-content form input.left {
    float: left;
    width: 100px;
    margin-left: 10px;
    margin-top: 10px;
}

#requestsfordemo-center-content form input.right {
    float: left;
    width: 270px;
    margin-left: 10px;
    margin-top: 10px;
}

#requestsfordemo-center-content form input.row {
    display: block;
    margin-top: 20px;
    margin-left: 10px;
    width: 394px;
}

#requestsfordemo-page input[type="submit"] {
    font-family: Arial;
    text-decoration: none;
    color: rgba(255,255,255,1);
    font-size: 1.1em;
    display: block;
    position: absolute;
    top: 596px;
    font-weight: 100;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 30px;
    padding-bottom: 6px;
    background-color: rgba(72,162,65,1);
    background-image: url(../img/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 223px 14px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
}

#requestsfordemo-page input[type="submit"]:hover
{
    cursor:pointer;
    color:rgba(191,243,95,1);
}

#requestsfordemo-page-round {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1024px;
    height: 768px;
    background-image: url(../img/evaluate-step1-background-one.png);
}


#requestsfordemo-page {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1024px;
    height: 768px;
    background-image: url(../img/home-background.jpg);
}

#requestsfordemo-center-content {
    position: absolute;
    left: 0px;
    top: 253px;
    height: 342px;
    width: 1024px;
    background-color: rgba(0,0,0,0.2);
}

/********************************     requestsforreport for demo    ********************************************/

#requestsforreport-center-content form h1 {
    font-family: Arial;
    color: rgba(255,255,255,1);
    text-align: left;
    font-size: 1em;
    width: 440px;
    margin-top: 0px;
    margin-left: 10px;
    font-weight: normal;
}

#requestsforreport-center-content form {
    position: absolute;
    left: 50px;
    top: 25px;
    width: 700px;
    height: 270px;
}

#requestsforreport-center-content form input.left {
    float: left;
    width: 100px;
    margin-left: 10px;
    margin-top: 10px;
}

#requestsforreport-center-content form input.right {
    float: left;
    width: 270px;
    margin-left: 10px;
    margin-top: 10px;
}

#requestsforreport-center-content form input.row {
    display: block;
    margin-top: 20px;
    margin-left: 10px;
    width: 394px;
}

#requestsforreport-page input[type="submit"] {
    font-family: Arial;
    text-decoration: none;
    color: rgba(255,255,255,1);
    font-size: 1.1em;
    display: block;
    position: absolute;
    top: 596px;
    font-weight: 100;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 30px;
    padding-bottom: 6px;
    background-color: rgba(72,162,65,1);
    background-image: url(../img/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 223px 14px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
}

#requestsforreport a.close-message
{
    display: block;
    font-family: Arial;
    color: rgba(255,255,255,1);
    text-align: center;
    font-size: 1.5em;
    padding: 10px;
    border: rgba(255,255,255,1) 1px solid;
    border-radius: 5px;
    width: 60px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -520px;
    margin-left: 160px;
    text-decoration: none;
}

#requestsforreport-page-round {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1024px;
    height: 768px;
    background-image: url(../img/evaluate-step1-background-one.png);
}


#requestsforreport-page {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1024px;
    height: 768px;
    background-image: url(../img/home-background.jpg);
}

#requestsforreport-center-content {
    position: absolute;
    left: 0px;
    top: 153px;
    height: 502px;
    width: 1024px;
    background-color: rgba(0,0,0,0.2);
}

#requestsforreport-center-content form .row label
{
    font-family: Arial;
    font-size: 1em;
    color: rgba(255,255,255,1);
    display: block;
    margin-left: 40px;
    margin-top: -21px;
}


#requestsforreport-page a {
    font-family: Arial;
    text-decoration: none;
    color: rgba(255,255,255,1);
    font-size: 1.1em;
    display: block;
    position: absolute;
    top: 596px;
    font-weight: 100;
    padding-top: 9px;
    padding-left: 7px;
    padding-right: 30px;
    padding-bottom: 6px;
    background-color: rgba(72,162,65,1);
    background-image: url(../img/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 223px 14px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
}

#requestsforreport-page input[type="submit"]:hover
{
    cursor:pointer;
    color:rgba(191,243,95,1);
}

@media screen and (max-height: 900px) {
	
	#frame
	{
		/*zoom:0.85;*/
		transform:scale(0.85,0.85) translateY(-8.5%);
		-webkit-transform:scale(0.85,0.85);      
		-moz--transform:scale(0.85,0.85);
		-ms-transform:scale(0.85,0.85);
		-o-transform:scale(0.85,0.85);
	}
	
	#calculator-center-content
	{
		top: 183px;
	}
	
	#mettle #page1 #p1_editor .col1 
	{
		top:-1px;
	}
	
	#mettle #page1 #p1_editor .col2
	{
		top:-1px;
	}
	
	#evaluate-step1-center-content p
	{
		font-size:1.1em;
	}
	
	#header .evaluate-title p
	{
		font-size:1.1em;
	}
	
	#header .evaluate-title p.t1
	{
		margin-left: 48px !important;
	}
	
	#header .evaluate-title p.t2
	{
		margin-left: 90px !important;
	}
	
	#header .evaluate-title p.t3
	{
	}
	
	#header .evaluate-title p.t4
	{
	}
	
	#evaluate-page-round .button3 h1
	{
		margin-bottom: 0px;
		margin-top: 40px;
		margin-left: 136px;
		font-size: 1.4em;
	}
	
	#explore-page-round .button3 h1
	{
		margin-left: 52px;
	}
	
	#explore-page-round .child-button7 .child-title
	{
		margin-top: 14px;
		margin-left: 30px;
	}
	
	#explore-page-round .child-button5
	{
		left: 46px;
		top: 372px;
		width: 280px;
		height: 40px;
	}
	
	#explore-page-round .child-button4
	{
		width: 240px;
	}
	
	#explore-page-round .child-button6 .child-title
	{
		margin-left:30px;
	}
	
	#explore-page-round .button1 h1
	{
		margin-right: 96px;
	}
	
	#explore-page-round .child-button1
	{
		width: 220px;
	}
	
	#explore-page-round .child-button2
	{
		width: 240px;
	}#main-control a
	
	#evaluate-page-round .button1 h1 {
		font-family: Arial;
		margin-bottom: 0px;
		margin-top: 41px;
		margin-right: 57px;
		font-size: 1.4em;
	}
	
	#evaluate-step2-center-content form label
	{
		font-size:1.1em;
	}
	
	#evaluate-step2-center-content div.right
	{
		width:290px;
	}
	
	#evaluate-step3-center-content form label
	{
		font-size:1.1em;
	}
	
	#evaluate-step4-center-content div.row h4, #evaluate-step5-center-content div.row h4
	{
		font-size:1.1em;
	}
	
	#evaluate-step4-center-content form a.prev-button, #evaluate-step5-center-content form a.prev-button
	{
		left: 14px;
	}
	
	#evaluate-step4-center-content .question-slider h4, #evaluate-step5-center-content .question-slider h4
	{
		font-size: 1em !important;
	}
	
	#evaluate-step5-center-content form
	{
		top:-16px;
	}
	
	#evaluate-step5-center-content form a.prev-button, #evaluate-step5-center-content form a.next-button
	{
		top: 415px;
	}
	
	#evaluate-step5-center-content div.row
	{
		margin-top: 5px;
	}
	
	#header h4.sub-left-title 
	{
		font-size:0.9em;
	}
	
	/******************************************* Home ***********************************************/
	#home-page-round .button1 h1
	{
		margin-top: 17px;
		margin-left: 56px;
	}
	
	#home-page-round .button1 h4
	{
		margin-top: 0px;
		margin-left: 2px;
	}
	
	#home-page-round .button2 h1
	{
		margin-top: 17px;
		margin-right: 39px;
	}
	
	#home-page-round .button2 h4
	{
		margin-top: 0px;
		margin-right: 14px;
	}
	
	/******************************************* Explore ***********************************************/
	
	#explore-page-round .button1 h1
	{
		margin-right: 66px;
	}
	
	#explore-page-round .button2 h1
	{
		margin-right: 151px;
	}
	
	#explore-page-round .button4 h1
	{
		margin-left: -18px;
	}
	
	#explore-page-round .button3 h1
	{
		margin-left: 22px;
	}
	
	#explore-page-round .child-button1, #explore-page-round .child-button2, #explore-page-round .child-button3
	{
		width: 250px;
	}
	
	#explore-page-round .child-button5 .child-title
	{
		margin-left:0px;
	}
	
	#explore-page-round .child-button6, #explore-page-round .child-button7
	{
		width: 280px;
	}
	
	#explore-page-round .child-button6 .child-title, #explore-page-round .child-button7 .child-title
	{
		margin-left: 40px;
	}
	
	/******************************************* Play Video ***********************************************/
	
	#main-control a.button1
	{
		left: 160px;
		top: 30px;
	}
	
	#main-control a.button3
	{
		left: -26px;
		top: 180px;
		font-size: 1.5em;
	}
	
	#main-control a.button2
	{
		left: 300px;
		top: 180px;
		font-size: 1.4em;
	}
	
	#main-control a.button4
	{
		left: 160px;
		top: 300px;
	}
	
	/******************************************* Evaluate ***********************************************/
	
	#evaluate-page-round .button3 h1
	{
		margin-bottom: 0px;
		margin-top: -34px;
		margin-left: 126px;
		width: 200px;
	}
	
	#evaluate-page-round .button1 h1
	{
		margin-bottom: 0px;
		margin-top: 41px;
		margin-right: -3px;
		width: 300px;
	}
	
	/******************************************* Evaluate Step1 ***********************************************/
	#header .evaluate-title
	{
		top:68px;
	}
	
	#evaluate-step1-page-round .button1
	{
		left: 597px;
	}
	
	#evaluate-step1-page-round .button2
	{
		left: 629px;
	}
	
	#evaluate-step1-page-round .button3
	{
		left: 76px;
	}
	
	#evaluate-step1-page-round .button4 h1
	{
		margin-left: -15px;
	}
	
	#evaluate-step2-center-content div.left
	{
		left: 116px;
		margin-bottom: 22px;
		margin-top: 30px;
	}
	
	/******************************************* Evaluate Step2 ***********************************************/
	
	#header .evaluate-title p.t1
	{
		margin-left: 37px !important;
	}
	
	#header .evaluate-title p.t2
	{
		margin-left: 70px !important;
	}
	
	#header .evaluate-title p.t3
	{
		margin-left: 60px !important;
	}
	
	#header .evaluate-title p.t4
	{
		margin-left: 35px !important;
	}
	
	#evaluate-step2-center-content div.left
	{
		width: 260px;
	}
	
	#evaluate-step2-center-content div.right
	{
		width: 320px;
	}
	
	/******************************************* Evaluate Step3 ***********************************************/
	#evaluate-step3-page-round .evaluate-step3-text
	{
		font-size: 1.2em;
		padding-left: 37px;
		font-weight: 100;
	}
	
	#evaluate-step3-center-content form a.prev-button span
	{
		margin-left: 17px;
	}
	
	#evaluate-step3-center-content div.col1 
	{
		left: 115px;
		margin-bottom: 22px;
	}
	
	/******************************************* Evaluate Step4 ***********************************************/
	
	#evaluate-step4-center-content div.row h4
	{
		font-weight:100;
	}
	
	#evaluate-step4-center-content form a.prev-button span
	{
		margin-left: 16px;
	}
	
	/******************************************* Evaluate Step5 ***********************************************/
	#evaluate-step5-center-content div.row h4
	{
		font-weight:100;
	}
	
	#evaluate-step5-center-content form a.prev-button span
	{
		margin-left: 17px;
	}
	
	/******************************************* Evaluate Step8 ***********************************************/
	
	#evaluate-step8-center-content #inner-content h1, #evaluate-step8-center-content #inner-content h2, #evaluate-step8-center-content #inner-content h4.left, #evaluate-step8-center-content #inner-content h4.right
	{
		font-weight: 100;
	}
	
	#evaluate-step8-center-content #inner-content h4
	{
		font-size: 1em;
		font-weight: 100;
	}
	
	/******************************************* tablecontent ***********************************************/
	
	#table-content-center-content .row1 a.row h4, #table-content-center-content .row2 a.row h4, #table-content-center-content .row3 a.row h4
	{
		font-weight:100;
	}
	
	#more-about-ism .main-content a.send-data
	{
		font-size:1.1em;
	}
	
	/******************************************* Request ***********************************************/
	
	#request-step1-center-content form div.right-form .row 
	{
		margin-left: 20px;
		padding-top: 2px;
	}
	
	#contact-center-content form .ques-left .row .col2 
	{
		left: 65px;
	}
	
	#contact-center-content form div.border 
	{
		height:29px;
		top: 512px !important;
	}
	
	#request-step1-center-content form div.right-form label
	{
		font-size:0.95em;
	}

    .pro-step5
    {
        top: 415px !important;
    }

    .pro-step6
    {
        top: 415px !important;
    }

    .pro-step7
    {
        top: 415px !important;
    }
}

@media screen and (max-height: 800px)
{

}


    /* For IE */
.pro-step5
{
    top: 415px !important;
}

.pro-step6
{
    top: 415px !important;
}

.pro-step7
{
    top: 415px !important;
}


@media screen and (min-height: 900px) {
	
	#header h4.sub-left-title
	{
		font-size:0.95em;
	}

    .pro-step5
    {
        top: 380px !important;
    }

    .pro-step6
    {
        top: 380px !important;
    }

    .pro-step7
    {
        top: 380px !important;
    }
	
	/******************************************* Home ***********************************************/
	#home-page-round .button1 h1
	{
		margin-left: 54px;
	}
	
	#home-page-round .button1 h4
	{
		margin-left: 0px;
	}
	
	#home-page-round .button2 h1
	{
		margin-right: 45px;
	}
	
	#home-page-round .button2 h4
	{
		margin-right: 20px;
	}
	
	/******************************************* Home ***********************************************/
	#explore-page-round .button1 h1
	{
		margin-top: 42px;
		margin-right: 73px;
	}
	
	#explore-page-round .button2 h1
	{
		margin-top: 46px;
		margin-right: 151px;
	}
	
	#explore-page-round .button4 h1
	{
		margin-left: -11px;
	}
	
	#explore-page-round .button3 h1
	{
		margin-top: 36px;
		margin-left: 31px;
	}
	
	#explore-page-round .button3 .dot
	{
		margin-top: 26px;
		margin-right: 20.5px;
	}
	
	#explore-page-round .child-button1, #explore-page-round .child-button2, #explore-page-round .child-button3, #explore-page-round .child-button4
	{
		width:250px;
	}
	
	#explore-page-round .child-button5, #explore-page-round .child-button6, #explore-page-round .child-button7
	{
		left: 26px;
		width:290px;
	}
	
	/******************************************* Evaluate ***********************************************/
	#evaluate-page-round .button3 h1
	{
		margin-left: 106px;
	}
	
	#evaluate-page-round .button1 h1
	{
		margin-right: 17px;
	}
	
	#more-about-ism .main-content a.send-data
	{
		font-size:1.1em;
	}
	
	#evaluate-page-round .child-button1
	{
		width:240px;
	}
	
	/******************************************* evaluatestep1 ***********************************************/
	
	#evaluate-step1-page-round .button1
	{
		left: 597px;
	}
	
	#evaluate-step1-page-round .button2
	{
		left: 626px;
	}
	
	#evaluate-step1-page-round .button3
	{
		left: 76px;
	}
	
	#evaluate-step1-page-round .button4
	{
		left: 48px;
	}
	
	#header .evaluate-title p.t1
	{
		margin-left: 38px !important;
	}
	
	#header .evaluate-title p.t2
	{
		margin-left: 81px !important;
	}
	
	#header .evaluate-title p.t3
	{
		margin-left: 80px !important;
	}
	
	#header .evaluate-title p.t4
	{
		margin-left: 70px !important;
	}
	
	#header .evaluate-title
	{
		top:71px;
	}
	
	/******************************************* evaluatestep2 ***********************************************/
	
	#evaluate-step2-center-content div.right
	{
		width: 290px;
	}
	
	/******************************************* evaluatestep3 ***********************************************/
	#evaluate-step3-page-round .evaluate-step3-text
	{
		font-weight: 100;
		font-size: 1.1em;
	}
	
	#evaluate-step3-center-content form a.prev-button span
	{
		margin-left: 17px;
	}
	
	/******************************************* evaluatestep4 ***********************************************/
	
	#evaluate-step4-center-content div.row h4
	{
		font-size: 1em;
		font-weight: 100;
	}
	
	#evaluate-step4-center-content .question-slider h4
	{
		font-size: 0.8em !important;
		font-weight: 100;
	}
	
	#evaluate-step4-center-content form a.prev-button span
	{
		margin-left: 16px;
	}
	
	#evaluate-step4-center-content form a.prev-button
	{
		left:20px;
	}
	
	/******************************************* evaluatestep5 ***********************************************/
	
	#evaluate-step5-center-content div.row h4
	{
		font-size: 1em;
		font-weight: 100;
	}
	
	#evaluate-step5-center-content .question-slider h4
	{
		font-size: 0.8em !important;
		font-weight: 100;
	}
	
	#evaluate-step5-center-content form a.prev-button span
	{
		margin-left: 16px;
	}
	
	#evaluate-step5-center-content form a.prev-button
	{
		left:20px;
	}
	
	.page2label
	{
		width:260px;
	}
}

/* ipad style */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
	
	#wrapper
	{
		overflow:hidden;
	}
	#frame{
		-webkit-transform:scale(0.7,0.7);
        left: -100px;
	}
}


@media screen and (max-height: 700px) {
	#frame
	{
		/*zoom:0.85;*/
		transform:scale(1.0,1.0);
		-webkit-transform:scale(1.0,1.0);
		-moz--transform:scale(1.0,1.0);
		-ms-transform:scale(1.0,1.0);
		-o-transform:scale(1.0,1.0);

	}

    #wrapper
    {
        overflow: scroll;
    }

    #frame
    {
        position: absolute;
        left: 10px;
        top: 10px;
    }
}

/*@media screen and (max-height: 500px) {
	#frame
	{
		transform:scale(0.85,0.85) translateY(-8.5%);
		-webkit-transform:scale(0.85,0.85);      
		-moz--transform:scale(0.85,0.85);
		-ms-transform:scale(0.85,0.85);
		-o-transform:scale(0.85,0.85);
	}
}*/