@charset "UTF-8";
/* CSS Document */

.next li {width:70px; margin:30px 0 0;}
.next li a .btn_next, .btn_next_white {float:left;}
.next li a {font-family:"proxima-nova-condensed",sans-serif; color:#393939; font-weight:600; text-transform:uppercase; text-align:left; font-size:15px; text-decoration:none;}
.next li a:hover {color:#757575;}

/*** TOP LAYER ***/
#toplayer {position:fixed; z-index:900; width:100%;}
#toplayerwrapper {position:relative;width:960px;margin-left:auto;margin-right:auto;}

/*** SPLASH ***/

#splash {background:url(../images/bg/bg_splash.jpg); background-repeat:no-repeat; background-position:center; background-color:#251008; background-attachment:fixed; height:100%; width:100%; position:relative; color:#434343;}
#splash h1 {}
#splash h2 {font-size:17px; line-height:24px; margin:20px 0 10px;}
#splash .btn_down {bottom:45px; position:absolute; margin-left:-150px; left:50%; width:300px; height:50px;}
#splash .content {margin-top:270px; margin-left:55px;}
#splash .logo {background:url(../images/logo/logo_dark.png) no-repeat; width:238px; height:90px; display:block;}
#splash .tinke_whole {position:relative; left:95px; top:234px; }
#splash .hand_1 { /*margin-top:52px;*/ margin:0; display:block;  left:0px; }


/*** TAKE THE TOUR: INTRO ***/

#intro {background:url(../images/bg/bg_intro.jpg); background-position:center; background-repeat:repeat; background-attachment:fixed; height:100%; width:100%; position:relative;}
#intro .container_16 {position:absolute; margin-top:-150px; top:50%; margin-left:-480px; left:50%;}
#intro .content {display:block;}
#intro .logo {background:url(../images/logo/logo_light.png); background-repeat:no-repeat; width:99px; height:37px; float:left; margin:13px 10px 18px 0px; display:none;}
#intro h1 {font-size:40px; line-height:65px; float:left;}

/*** TAKE THE TOUR: PARAMETERS ***/

#para {background:url(../images/bg/bg_para.jpg) no-repeat center center; position:relative; height:1000px; width:100%; overflow:hidden; z-index:100; }
#para #para_container {position:relative; width:100%; }

#para .grid_5{ margin:0px;}

#para .front {height:1000px; width:100%; display:block;}
#para .front .hand_2 {position:absolute; bottom:-250px; margin-left:-110px; left:50%;}

.icon_cncmaking{
	background:url(../images/tour/parameters/icon_hr.png) no-repeat center center;
	width:58px; height:67px;
	margin:0 auto 10px;
}
.icon_cncapplication {
	background:url(../images/tour/parameters/icon_oxy.png) no-repeat center center;
	width:68px; height:63px;
	margin:0 auto;
}

#para .front h1 {font-size:25px; line-height:30px; margin:0 0 5px 0; float:left;}
#para .front .right h1{ float:left;}
#para .front .lines {
	background:url(../images/tour/parameters/lines.png) no-repeat;
	width:455px; height:400px;
	position:absolute;
	left:50%; top:-50px;
	margin-left:-22%;
}

#para .front a:hover h1 {color:#757575; }
#para .front a:hover .btn_more {}

#para .front .right {text-align:left; float:right;}
#para .front .container_16 {margin-left:-480px; margin-top:-252px; left:50%; top:50%; position:absolute;}
#para .front .more_default {margin:3px 0 0 10px; }
#para .front .more_cncapplication{ margin:3px 0 0 85px;}
#para .front .btn_more {float:left; }
#para .front .icon_cncmaking {display:block;}
#para .front .icon_cncapplication {}

/*** TAKE THE TOUR: PARAMETERS CONTENT***/

#para_content { position:absolute; height:1000px; overflow:hidden; width:100%; z-index:50;}
#para_content .scroll_wrapper { position:absolute; opacity:1.0; height:100px; left:100%; top:0px;}
#para_content a {text-decoration:none;}

#para_content #wrapper { overflow:hidden; position:absolute; background:url(../images/bg/bg_grid.jpg);background-color:#f9f9f9; background-repeat:repeat; background-position:center; height:1000px; width:100%; }

#para_content .main {height:1000px; width:25%; float:left; position:relative; margin-top:-75px;}
#para_content .container_12 {position:absolute; margin-top:-232px; top:55%; margin-left:-480px; left:50%;}
#para_content .grid_4 {max-height:380px; overflow:hidden;}
#para_content .icon {margin-right:20px; float:left;}
#para_content h1 {font-size:25px; font-weight:normal;}
#para_content h2 {font-size:16px; line-height:20px; margin-bottom:2px;}
#para_content h5 {font-size:40px; line-height:45px;}
#para_content .main li {list-style:disc; margin-left:15px;}

#cncmaking .grid_4{ margin:150px 0 0 85px;}
#cncapplication .grid_4{margin:150px 0 0 85px;}


#para_content .line_1 {background:#00AAD2; height:1px; width:20px; position:absolute;}
#para_content .number {background:url(../images/tour/parameters/number.png); background-repeat:no-repeat; width:40px; height:39px; position:absolute;}

#para_content .img_hr {background:url(../images/tour/parameters/bg.png) no-repeat; background-position:14px 16px; width:300px; height:170px; display:block; margin:0 auto 10px; display:none;}
#para_content .img_hr .heart {background:url(../images/tour/parameters/hr/heart.png) no-repeat; width:113px; height:103px; position:absolute; z-index:1; top:126px; left:345px;}
#para_content .img_hr .line_wrapper {width:275px; height:130px; position:absolute; overflow:hidden; top:83px; left:345px;}
#para_content .img_hr .line_wrapper2 {position:absolute;}
#para_content .img_hr .line {background:url(../images/tour/parameters/hr/line.png) no-repeat; width:275px; height:112px; position:absolute; top:19px; left:0px;}
#para_content .img_hr .text_1 {left:569px; top:87px;}
#para_content .img_hr .text_2 {left:569px; top:199px;}
#para_content .img_hr .line_1 {top:21px; left:137px; width:31px;}
#para_content .img_hr .number {top:0px; left:170px;}

#para_content .img_oxy {width:300px; height:170px; display:block; margin:0 auto 10px; display:none;}
#para_content .img_oxy .axis {background:url(../images/tour/parameters/oxy/axis.png); background-repeat:no-repeat; background-position:center; width:88px; height:74px; position:absolute; top:259px; left:330px;}
#para_content .img_oxy .chart {height:50px; width:51px; position:absolute; left:350px; top:275px;}
#para_content .img_oxy .pink {background:#cf0360; width:21px; height:50px; position:absolute; bottom:0; left:0;}
#para_content .img_oxy .blue {background:#00aad2; width:21px; height:35px; position:absolute; bottom:0; left:30px;}
#para_content .img_oxy .hand {background:url(../images/tour/parameters/oxy/hand.png); background-repeat:no-repeat; background-position:center; width:285px; height:56px; position:absolute; top:355px; left:335px;}
#para_content .img_oxy .oxygen {background:url(../images/tour/parameters/oxy/oxy.png); background-repeat:no-repeat; background-position:center; width:71px; height:90px; position:absolute; top:251px; left:442px;}
#para_content .img_oxy .text {background:url(../images/tour/parameters/oxy/text.png); background-repeat:no-repeat; background-position:center; width:67px; height:73px; position:absolute;top:255px; left:548px;}
#para_content .img_oxy .line_1 {position:absolute; height:38px; width:1px; background:#afafaf; top:343px; left:477px;}

#res, #hrv{ display:none;}


#para_content .btn_close {position:relative; margin-left:84px; left:50%; top:600px; z-index:1; }
#para_content #arrow_next {background:url(../images/tour/parameters/arrow_next.png) no-repeat; position:absolute; z-index:1; margin-top:-15px; top:50%; right:5%; width:95px; height:95px;}
#para_content #arrow_prev {background:url(../images/tour/parameters/arrow_prev.png) no-repeat; position:absolute; z-index:1; margin-top:-15px; top:50%; left:5%; width:95px; height:95px;}
			

/*** TAKE THE TOUR: CARDOVASCULAR MONITORING ***/

#cardio {
	background:url(../images/bg/design_bg.png) no-repeat center bottom , url(../images/bg/bg_polka_2.jpg) #fafafa;
	background-size:100% auto, auto;
	height:100%; width:100%;
	position:relative;
}

#cardio .container_16 {
	position: absolute;
	margin-left:-480px;
	left:50%; top:50%;
	margin-top:-256px;
}

#cardio .left {position:absolute; display:none;}

#cardio .top {margin-top:120px; display:block;}
#cardio .top .heart {background:url(../images/tour/cardio/heart.png); background-repeat:no-repeat; width:39px; height:32px; position:absolute; margin:17px;}
#cardio .top .circle {background:url(../images/tour/cardio/heart_circle.png); background-repeat:no-repeat; width:73px; height:64px; position:absolute;}
#cardio .top .content {background:url(../images/tour/cardio/content.png); background-repeat:no-repeat; width:80px; height:33px; position:absolute; margin:75px 0 0 0;}

#para_content .img_oxy .chart {height:50px; width:50px; position:absolute; left:350px; top:275px;}
#para_content .img_oxy .pink {background:#cf0360; width:20px; height:50px; position:absolute; bottom:0; left:0;}
#para_content .img_oxy .blue {background:#00aad2; width:20px; height:35px; position:absolute; bottom:0; left:30px;}

#cardio .bottom {display:block; margin-top:260px; display:none;}
#cardio .bottom .graphs {height:40px; width:79px; position:absolute;}
#cardio .bottom .graph_1 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:0;}
#cardio .bottom .graph_2 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:9px;}
#cardio .bottom .graph_3 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:18px;}
#cardio .bottom .graph_4 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:27px;}
#cardio .bottom .graph_5 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:36px;}
#cardio .bottom .graph_6 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:45px;}
#cardio .bottom .graph_7 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:54px;}
#cardio .bottom .graph_8 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:63px;}
#cardio .bottom .graph_9 {background:#999999; width:7px; height:30px; position:absolute; bottom:0; left:72px;}
#cardio .bottom .graph_bottom {background:url(../images/tour/cardio/graph_bottom.png); background-repeat:no-repeat; background-position:center; width:79px; height:1px; position:absolute; top:302px;}
#cardio .bottom .content {background:url(../images/tour/cardio/content.png); background-repeat:no-repeat; width:80px; height:25px; position:absolute; top:308px;}

#cardio .line {background:url(../images/tour/cardio/line.png) no-repeat; width:158px; height:20px; position:absolute; margin:152px 0 0 104px; display:none;}

#cardio .right {background:url(../images/tour/cardio/panel_right.png) no-repeat; width:80px; height:204px; position:absolute; margin:110px 0 0 392px; display:none;}

#cardio .running{background:url(../images/tour/cardio/graphic_bg.png); background-repeat:no-repeat; height:460px; width:461px; display:block; overflow:hidden;}
#cardio .running #man { position:absolute; margin-top:90px; margin-left:130px; width:219px; height:325px; overflow:hidden; }
#cardio .running ul { position:absolute;}
#cardio .running ul li img {}
#cardio h1 {
	font-size:40px; line-height:40px;
	margin-bottom:20px;
	height:1em;
	overflow:hidden;
}
#cardio h2 {
	font-size:16px; line-height:22px;
	height:2.5em;
	overflow:hidden;
}
#cardio .img{}
#cardio .slider{ float:right;}
.cardio_text{
	height:13.5em;
	overflow:hidden;
}

#service_img{ float:left; position:relative; width:460px; height:328px; }
#service_img li{
	position:absolute;
	width:100%;height:100%;
    opacity: 0;
	left:0;top:0;
	overflow:hidden;
}
#service_img li span{ position:relative; float:left; visibility:hidden; }
#service_img li span.play{
	opacity:0;
	 visibility:visible;
    -webkit-animation: pageTop 800ms ease both;
    -webkit-transform-origin: 50% 10%;
    -moz-animation: pageTop 800ms ease both;
    -moz-transform-origin: 50% 10%;
    -o-animation: pageTop 800ms ease both;
    -o-transform-origin: 50% 10%;
    animation: pageTop 800ms ease both;
    transform-origin: 50% 10%;
}

@-webkit-keyframes pageTop {
    0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); }
}

@-moz-keyframes pageTop {
    0% { opacity: 0; -moz-transform: perspective(400px) rotateX(90deg); }
    100% { opacity: 1; -moz-transform: perspective(400px) rotateX(0deg); }
}

@-o-keyframes pageTop {
    0% { opacity: 0; -o-transform: perspective(400px) rotateX(90deg); }
    100% { opacity: 1; -o-transform: perspective(400px) rotateX(0deg); }
}

@keyframes pageTop {
    0% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
    100% { opacity: 1; transform: perspective(400px) rotateX(0deg); }
}
/**/
#service_content{ position:relative; height:350px; float:right; opacity:0;}
#service_content .content{
	position:absolute;
	left:0;top:0;
	visibility:hidden;
}
#service_content .content.block{
	visibility:visible;
}
#cardio .grid_8{
	float:right;
	overflow:hidden;
	padding-left:180px;
	width:280px;
	margin-top:20px;
}
#abControls{}
#abControls li{ float:left; margin-right:12px;}
#abControls li a{ display:block; width:100%;height:100%; }
#abControls li span{ display:none; }
#abControls .abcontrol{
	background:url("../images/colors/icon_02.png") no-repeat scroll 0 0;
	width:11px; height:11px;
}
#abControls .abcontrol a:hover, #abControls .abcontrol a.click{
	background:url("../images/colors/icon_02over.png") no-repeat scroll 0 0;
}
#cardio .next{
}



/*** TAKE THE TOUR: ZEN INDEX/VITA INDEX ***/


#indexes {
	background: url(../images/bg/index_bg.jpg) no-repeat center top #ff7300;
	height:1000px; width:100%;
	position:relative;
}
.indexes_bg {
	background:url(../images/tour/indexes/line.png) no-repeat center top;
	background-size: contain 80%;
	width:100%; height:100%;
}
#indexes .container_16 {position:absolute; margin-left:-480px; left:50%; margin-top:-338px; top:40%;}
#indexes .glow_1 {background:url(../images/tour/indexes/glow_1.png) no-repeat top center; width:699px; height:653px; position:absolute; left:50%; margin-left:-349px; margin-top:50px;}
#indexes .glow_2 {background:url(../images/tour/indexes/glow_2.png) no-repeat center 80px; width:603px; height:538px; position:absolute; left:50%; margin-left:-269px; margin-top:10px; z-index:0;}
#indexes .dial {width:221px; height:237px; position:absolute; left:50%; margin-left:-110px; margin-top:230px; z-index:9998;}
#indexes .dial .bg {background:url(../images/tour/indexes/knob_bg.png); background-repeat:no-repeat; width:221px; height:237px; position:absolute; }
#indexes .dial #polar {width:220px; height:237px; position:absolute; }
#indexes .dial .top {background:url(../images/tour/indexes/knob_top.png); background-repeat:no-repeat; width:221px; height:237px; position:absolute; }
#indexes .dial .number { width:219px; position: absolute; left:0px; top:0px; padding-top:45px;}
#indexes h4 {font-weight:600; font-size:80px; text-align:center; }
#indexes h1:hover {color:#c6f4ff;}

#indexes .content {margin-top:520px; color:#FFFFFF;}
#indexes h1 {font-size:27px; color:#FFFFFF; display:block; margin-bottom:30px; line-height:24px;}
#indexes .btn_more {margin:10px auto 0;}

#indexes #vita_content { height:60px; overflow:hidden; text-align:right; width:100%; float:right; z-index:9999;}
#indexes #vita h1 { text-align:right; float:right;}
#indexes #vita .btn_more {margin:0 0 20px; float:right; width:370px;  background-position:right top; padding-right:30px;}

#indexes #zen_content { height:60px; overflow:hidden; text-align:left; }
#indexes #zen h1 {text-align:right; float:left;}
#indexes #zen .btn_more {margin:0 0 20px; float:left; width:100%; background-position:left top; padding-left:30px;}
#indexes #zen .btn_more:hover {background-position:left -24px;}

#indexes .next li {margin:60px auto 0; z-index:1000;}
#indexes .next li a .btn_next_white {width:30px;}
#indexes .next li a {display:block; height:20px; padding:20px 0; margin-left:20px;}
#indexes .next li a:hover {}
#indexes .grid_7{ position:relative; z-index:1;}
.transition {
	background:url(../images/contact/contact_bg.png) no-repeat center top, url(../images/bg/bg_polka.png) repeat center fixed;
	background-size:100% 20%, auto auto;
	height:100%; width:100%;
	position:relative;
	text-align:center;
}
.transitionfix {background:url(../images/bg/bg_polka.png); background-repeat:repeat; background-attachment:fixed; background-position:center; height:1000px; width:100%; position:relative; text-align:center;}

/*** TAKE THE TOUR: LESS IS MORE ***/

#design {
	height:1000px; width:100%;
	position:relative;
	text-align:center;
}
#design .container_16 {position:absolute; margin-left:-480px; margin-top:-200px; top:50%; left:50%}
#design .content {margin-bottom:50px;}
#design h1 {font-size:36px; text-align:center; margin:80px auto 20px;}
#design h4 {font-size:17px; text-align:center; margin:30px auto 20px; line-height:23px;} 
#design .btn_more {
	background:url(../images/common/btn_more2.png) no-repeat center center;
	width:24px; height:24px;
	margin:0 auto;
}
#design .next {margin:20px auto 0; width:30px;}

#design .icon {display:block; margin:0 auto;}
#design .batt {background:url(../images/tour/design/icon_batt.png); background-repeat:no-repeat; width:35px; height:64px;}
#design .scn {background:url(../images/tour/design/icon_scn.png); background-repeat:no-repeat; width:70px; height:64px;}
#design .clip {background:url(../images/tour/design/icon_clip.png); background-repeat:no-repeat; width:86px; height:64px;}

/*#design .less_rollover { position:relative; width:100%; }*/
/*#design .less_rollover .btn_more { position:absolute; left:50%; margin-left:-10px; top:0px; }*/

#contact{
	background:url(../images/contact/contact_bg2.png) repeat center top;
	width:100%; height:1000px;
	position:relative;
}
#contact .container_16 {position:absolute; margin-left:-480px; margin-top:-220px; top:50%; left:50%}
#contact .left{
	float:left;
	width:450px;
}
#contact .right{
	float:right;
	width:390px;
}
#contact form{
	color:#3e3e3e;
}
#contact label{
	display:block;
}
#contact input[type="text"], #contact textarea{
	padding:5px 5px;
	margin:0 0 15px 0;
	border:#d9d9d9 1px solid;
	width:350px;
}
#contact textarea{ height:5em;}
#contact input:focus, #contact textarea:focus{
	border:#ff8400 1px solid;
}

.btn_send{
	background:url(../images/contact/btn_send.png) no-repeat left top;
	width:96px; height:34px;
	text-indent: 110%;  
	white-space: nowrap;  
	overflow: hidden;
	border:none;
	clear: right;
}
.btn_re-fill{
	background:url(../images/contact/btn_re-fill.png) no-repeat left top;
	width:96px; height:34px;
	text-indent: 110%;  
	white-space: nowrap;  
	overflow: hidden;
	border:none;
}