@charset 'utf-8';
@font-face {
	font-family: 'MyriadPro';
	src: url(../fonts/MyriadPro-Regular.otf) format("opentype"),
		 url(../fonts/MyriadPro-Regular.ttf) format("truetype"),
		 url(../fonts/MyriadPro-Regular.woff) format("woff");
	font-weight: normal;
}
@font-face {
	font-family: 'MyriadPro';
	src: url(../fonts/MyriadPro-Light.otf) format("opentype"),
		 url(../fonts/MyriadPro-Light.ttf) format("truetype"),
		 url(../fonts/MyriadPro-Light.woff) format("woff");
	font-weight: 300;
}
/* ---------- RESET ------------- */
	/*html,
	body{
		margin: 0;
		padding:0;
	}*/
	.product-aside{margin-bottom: -19px !important;}
	#hd{
		color: #000000;
		font-size: 16px !important;
		font-family: "MyriadPro", sans-serif;
	}
	#hd * {
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style-type: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		word-break: break-word;
	}
	#hd ::selection {
		background: #95999c;
		color: #ffffff;
	}
	#hd ::-moz-selection {
		background: #95999c;
		color: #ffffff;
	}
	#hd ul,
	#hd li{
		margin: 0;
		padding: 0;
	}
	#hd,
	#hd section{
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	#hd img {
		display: block;
		height: auto;
		border: none;
		max-width: 100% !important;
		margin: 0 auto;
	}
	#hd img.lazyLoad{
		opacity: 0;
		transition: opacity .3s ease-in;
	}
	#hd figure{
		user-select: none;
		-webkit-user-select: none;
	}
/* ---------- TXT --------------- */
	#hd h2,
	#hd h3,
	#hd h4,
	#hd h5,
	#hd p,
	#hd a,
	#hd li {
		font-family: "MyriadPro", sans-serif;
		margin: 0;
		line-height: 1.5;
		color: #000000;
	}
	#hd h2 {
		font-size: 3em;
		line-height: 1.125;
		font-weight: bold;
		color: #000000 !important;
		margin-bottom: 30px;
	}
	#hd h3 {
		font-size: 1.75em;
		font-weight: bold;
		margin: 20px 0 0;
	}
	#hd h4 {
		font-size: 1.25em;
		letter-spacing: 1px;
		font-weight: bold;
		line-height: 1.125;
		margin-bottom: 20px;
	}
	#hd h5 {
		font-size: 1.25em;
		font-weight: 400;
		line-height: 1.5;
	}
	#hd p {
		font-size: 18px;
		line-height: 1.25;
		font-weight: 300;
		letter-spacing: 1px;
		margin: 0;
		text-shadow: 0 0 0 #333;
	}
	_:-ms-fullscreen,
	:root #hd p{
		text-shadow: none;
	}
	#hd a{font-size: 16px;}
	#hd b{font-weight: bold;}
	#hd .txt-golden{
		display: inline-block;
		color:#f2c673 !important;
		background: #f2c673;
		background: -webkit-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: -o-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: -moz-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: linear-gradient(to right, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd .txt-golden{
	    background: transparent !important;
	}
	#hd .txt-highlight{
		font-weight: bold;
		font-style: italic;
		background: -webkit-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: -o-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: -moz-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: linear-gradient(to right, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#hd .txt-center{text-align: center; }
	#hd .txt-left{text-align: left; }
	#hd .txt-gold{color:#b4965a;}
	#hd .txt-red{color:#c60012; }
	#hd .txt-blue{color:#31b3f4;}
	#hd .txt-grey{color:#808080; }
	#hd .txt-bold{font-weight: bold;}
	#hd .txt-italic{font-style: italic; }

	#hd a.txt-blue.txt-bold:hover{opacity: .8; }
/* ---------- BTN --------------- */
	#hd .btn-golden{
		min-width: 350px;
		display: inline-block;
		padding:10px 20px;
		position: relative;
	}
	#hd .btn-golden:before{
		content:'';
		display: block;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		background: #f2c673;
		background-image: -webkit-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -o-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -moz-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: linear-gradient(to bottom, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-size: auto 150%;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		z-index: -1;
	}
	#hd .btn-golden:after{
		content:'';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #000000;
		z-index: 0;
	}
	#hd .btn-golden p{
		display:block;
		font-size: 1.5em;
		font-style: italic;
		letter-spacing: 0;
		color:#f2c673 !important;
		background: #f2c673;
		background-image: -webkit-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -o-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -moz-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: linear-gradient(to bottom, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
		background-size: auto 150%;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		font-weight: bold;
		position: relative;
		z-index: 2;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd .btn-golden p{
	    background: transparent !important;
	}
	#hd .btn-golden:hover p,
	#hd .btn-golden:hover:before{
		background-position: 0 50%;
	}
/* ---------- BLOCK ------------- */
	#hd .w90{
		max-width: 1700px;
		width: 90%;
		margin:0 auto;
	    position: relative;
	}
	#hd .w80{
		max-width: 1500px;
		width: 80%;
		margin:0 auto;
	    position: relative;
	}
	#hd .w1000,
	#hd .w1200,
	#hd .w1300{
	    width: 80%;
	    max-width: 1200px;
	    margin: 0 auto;
	    position: relative;
	}
	#hd .w1000 {max-width: 1000px; }
	#hd .w1300 {max-width: 1300px; }
	#hd .col20,
	#hd .col25,
	#hd .col30,
	#hd .col40,
	#hd .col50,
	#hd .col55,
	#hd .col60,
	#hd .col70,
	#hd .col75{
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col20{width: 20%; }
	#hd .col25{width: 25%; }
	#hd .col30{width: 30%; }
	#hd .col40{width: 40%; }
	#hd .col50{width: 50%; }
	#hd .col55{width: 55%; }
	#hd .col60{width: 60%; }
	#hd .col70{width: 70%; }
	#hd .col75{width: 75%; }

	#hd .hd-cf:after {
		content:'';
		display: block;
		clear:both;
	}
	#hd .fleft {float: left; }
	#hd .fright {float: right; }

	#hd .hd-rtl{direction: rtl; }
	#hd .hd-rtl > div{direction: ltr; }
	#hd .w768-on{display: none;}

	#hd .txt-container{
		padding:50px 0;
	}

	#hd .scroll-padding{
		padding-top: 70px;
		margin-top: -70px;
		/*z-index: -1;*/
	}
/* ---------- sec_hidden -------- */
	#hd .hd-more{
		display: inline-block;
		padding:5px 40px 3px 20px ;
		margin:0 0 50px;
		background-color: #0c0507;
		color:#fafafa;
		border-radius: 20px;
		font-family: "MyriadPro", sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		cursor: pointer;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd .hd-more:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 6px 0 6px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		top: 1px;
		bottom: 0;
		right: 18px;
		margin:auto 0;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd .hd-more:hover{
		-webkit-transform: translateY(-2px);
		   -moz-transform: translateY(-2px);
		    -ms-transform: translateY(-2px);
		     -o-transform: translateY(-2px);
		        transform: translateY(-2px);
	}
	#hd .hd-more:active{
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
	}
	#hd .hd-more.hd-active:after{
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	#hd .hd-sec-hidden {display: none !important;}
	#hd .hd-sec-hidden.hd-active{
		display: block;
		display: flex !important;
		-webkit-animation: fadeIn .8s cubic-bezier(.5,.38,.22,.98) forwards;
		-o-animation: fadeIn .8s cubic-bezier(.5,.38,.22,.98) forwards;
		animation: fadeIn .8s cubic-bezier(.5,.38,.22,.98) forwards;
	}
	#hd .ie-middle .table-cell{width: 100%;}
	/* IE10 & 11 hack */
	_:-ms-input-placeholder, :root #hd .ie-middle {
		display: table;
		width: 100%;
	}
	_:-ms-input-placeholder, :root #hd .ie-middle .table-cell {
		display: table-cell;
		vertical-align: middle;
	}
/* ---------- SCROLLUP ---------- */
	#hd #scrollUp {
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 44px;
		height: 44px;
		cursor: pointer;
	    opacity: 0;
		border: 2px solid #ffe1ab;
		background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAGFBMVEUAAAD/oS3/oS3/oS3/oS3/oS3/oS3/oS0oC3AAAAAAB3RSTlMAW06Iang+n8TKMwAAAG9JREFUGNM9z6sSgCAQheHjNdusJq3O+AI2q81HICsw5/WFhd0/wDcEWCAdsDru5ode2ZO8q+fkWNgwd4o3cchsWZqSXfULjNQWOPMH2VZZUU6cecKofusjqDe3xUFfh07SZEebFrztF/DQLuzm4QfQiDe83rblowAAAABJRU5ErkJggg==') no-repeat 50% 50%;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#hd #scrollUp.hd-show {opacity: .7; }
	#hd #scrollUp:hover,
	#hd #scrollUp:active{opacity: 1; }
/* ---------- ANIMATIONS -------- */
	@-webkit-keyframes fadeInFromBottom{
		from{
			opacity: 0;
			-webkit-transform: translateY(8%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	@keyframes fadeInFromBottom{
		from{
			opacity: 0;
			   -moz-transform: translateY(8%);
				-ms-transform: translateY(8%);
				 -o-transform: translateY(8%);
					transform: translateY(8%);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateY(0);
				-ms-transform: translateY(0);
				 -o-transform: translateY(0);
					transform: translateY(0);
		}
	}
	@-webkit-keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}
	/* ---------- sensor -------- */
		@-webkit-keyframes pulsing{
			0%, 20%{
				-webkit-transform: scale(.9);
				   -moz-transform: scale(.9);
				    -ms-transform: scale(.9);
				     -o-transform: scale(.9);
				        transform: scale(.9);
			}
			100%{
				-webkit-transform: scale(1);
				   -moz-transform: scale(1);
				    -ms-transform: scale(1);
				     -o-transform: scale(1);
				        transform: scale(1);
			}
		}
		@keyframes pulsing{
			0%, 20%{
				-webkit-transform: scale(.9);
				   -moz-transform: scale(.9);
				    -ms-transform: scale(.9);
				     -o-transform: scale(.9);
				        transform: scale(.9);
			}
			100%{
				-webkit-transform: scale(1);
				   -moz-transform: scale(1);
				    -ms-transform: scale(1);
				     -o-transform: scale(1);
				        transform: scale(1);
			}
		}
		@-webkit-keyframes pulsing_bg-1{
			0%, 20%{opacity: 0; }
			90%{opacity: 1; }
			100%{opacity: 0;}
		}
		@keyframes pulsing_bg-1{
			0%, 20%{opacity: 0; }
			90%{opacity: 1; }
			100%{opacity: 0;}
		}
		@-webkit-keyframes pulsing_bg-2{
			0%, 20%{opacity: 0; }
			70%{opacity: 1; }
			80%, 100%{opacity: 0;}
		}
		@keyframes pulsing_bg-2{
			0%, 20%{opacity: 0; }
			70%{opacity: 1; }
			80%, 100%{opacity: 0;}
		}
		@-webkit-keyframes stripe{
			from{
				-webkit-transform: translateX(-80%);
				   -moz-transform: translateX(-80%);
				    -ms-transform: translateX(-80%);
				     -o-transform: translateX(-80%);
				        transform: translateX(-80%);
			}
			to{
				-webkit-transform: translateX(0);
				   -moz-transform: translateX(0);
				    -ms-transform: translateX(0);
				     -o-transform: translateX(0);
				        transform: translateX(0);
			}
		}
		@keyframes stripe{
			from{
				-webkit-transform: translateX(-80%);
				   -moz-transform: translateX(-80%);
				    -ms-transform: translateX(-80%);
				     -o-transform: translateX(-80%);
				        transform: translateX(-80%);
			}
			to{
				-webkit-transform: translateX(0);
				   -moz-transform: translateX(0);
				    -ms-transform: translateX(0);
				     -o-transform: translateX(0);
				        transform: translateX(0);
			}
		}
		@-webkit-keyframes blood{
			from{
				-webkit-transform: translateX(-50%);
				   -moz-transform: translateX(-50%);
				    -ms-transform: translateX(-50%);
				     -o-transform: translateX(-50%);
				        transform: translateX(-50%);
			}
			to{
				-webkit-transform: translateX(0);
				   -moz-transform: translateX(0);
				    -ms-transform: translateX(0);
				     -o-transform: translateX(0);
				        transform: translateX(0);
			}
		}
		@keyframes blood{
			from{
				-webkit-transform: translateX(-50%);
				   -moz-transform: translateX(-50%);
				    -ms-transform: translateX(-50%);
				     -o-transform: translateX(-50%);
				        transform: translateX(-50%);
			}
			to{
				-webkit-transform: translateX(0);
				   -moz-transform: translateX(0);
				    -ms-transform: translateX(0);
				     -o-transform: translateX(0);
				        transform: translateX(0);
			}
		}
/* ---------- intro --------------------- */
	#hd .hd-sec-intro{
		height: 0;
		padding-bottom: 42%;
		background-color: #e4e5e0;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: auto 100%;
		position: relative;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-intro .w90{
		position: absolute;
		top: 50%;right: 0;left: 0;
		margin:0 auto;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#hd .hd-sec-intro .txt-container{
		max-width: 550px;
	}
/* ---------- vid ----------------------- */
	#hd .hd-sec-vid{
		width: 100%;
		height: 0;
		padding-bottom: 55%;
		position: relative;
	}
	#hd .hd-sec-vid iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;left: 0;
	}
	#vid_cover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	#play_btn{
		width: 100%;
		height: 100%;
		background: center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		display: none;
	}
	#play_btn span{
		display: block;
		width: 80px;
		height: 80px;
		border-radius: 45px;
		border:2px solid #0fc4ff;
		background-color: #fff;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#play_btn span:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 0 20px 35px;
		border-color: transparent transparent transparent #0fc4ff;
		position: absolute;
		top: 2%;right: 0;bottom: 0;left: 15%;
		margin: auto;
	}
/* ---------- pressure ------------------ */
	#hd .hd-sec-pressure{
		background-color: #cadee5;
		position: relative;
		overflow: hidden;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: flex-end;
	}
	#hd .hd-sec-pressure .txt-container{
		padding-right: 5%;
		padding-bottom: 15%;
	}
	#bp-img{
		position: relative;
		overflow: hidden;
		padding-right: 2%;
		padding-left: 2%;
		vertical-align: bottom !important;
	}
	#bp-img img{
		width: 100%;
		visibility: visible !important;
	}
	#bp-img ul,
	#bp-img li{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#bp-img .hd-gif,
	#bp-img .hd-screen{
		width: 44.5%;
		top: 34%;
		left: 35.5%;
	}
	#bp-img .hd-gif img,
	#bp-img .hd-screen img,
	#bp-img .hd-element img{
		width: 100%;
		padding-right: 4%;
		padding-left: 4%;
	}
	#bp-img .hd-gif+img{
		position: relative;
		z-index: 2;
	}
	#bp-img .hd-element{z-index: 3; }
	#bp-img .finger,
	#bp-img .light,
	#bp-img .result{opacity: 0; }
	#bp-img .result.hd-active{opacity: 1; }

	#bp-img.hd-animated .finger{
		-webkit-animation: finger 9s .8s forwards;
		   -moz-animation: finger 9s .8s forwards;
		    -ms-animation: finger 9s .8s forwards;
		     -o-animation: finger 9s .8s forwards;
		        animation: finger 9s .8s forwards;
	}
	#bp-img.hd-animated .light{
		-webkit-animation: light 5s 2.8s forwards;
		   -moz-animation: light 5s 2.8s forwards;
		    -ms-animation: light 5s 2.8s forwards;
		     -o-animation: light 5s 2.8s forwards;
		        animation: light 5s 2.8s forwards;
	}
	#bp-img.hd-animated .slideFromRight{
		-webkit-animation: slideFromRight .8s forwards;
		   -moz-animation: slideFromRight .8s forwards;
		    -ms-animation: slideFromRight .8s forwards;
		     -o-animation: slideFromRight .8s forwards;
		        animation: slideFromRight .8s forwards;
	}
	@-webkit-keyframes slideFromRight{
		from{
			-webkit-transform: translateX(20%);
		}
		to  {
			-webkit-transform: translateX(0);
		}
	}
	@keyframes slideFromRight{
		from{
			   -moz-transform: translateX(20%);
				-ms-transform: translateX(20%);
				 -o-transform: translateX(20%);
					transform: translateX(20%);
		}
		to  {
			   -moz-transform: translateX(0);
				-ms-transform: translateX(0);
				 -o-transform: translateX(0);
					transform: translateX(0);
		}
	}
	@-webkit-keyframes finger{
		0%{
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
		10%, 80%{
			opacity: 1;
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
		90%{
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
		100%{
			opacity: 0;
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
	}
	@keyframes finger{
		0%{
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
		10%, 80%{
			opacity: 1;
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
		90%{
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
		100%{
			opacity: 0;
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			     -o-transform: translateY(100%);
			        transform: translateY(100%);
		}
	}
	@-webkit-keyframes light{
		10%, 80%{
			opacity: 1;
		}
	}
	@keyframes light{
		10%, 80%{
			opacity: 1;
		}
	}
/* ---------- sensor -------------------- */
	#hd .hd-sec-sensor{
		background-color: #040404;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-sensor h4,
	#hd .hd-sec-sensor h2,
	#hd .hd-sec-sensor h3,
	#hd .hd-sec-sensor p{
		color:#fafafa !important;
	}
	#sensor-img{
		position: relative;
		padding: 80px 5% 50px 0;
	}
	#sensor-img > img{width: 100%; }
	#sensor-img .hd-element{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#sensor-img .heart{
		width: 20%;
		height: 0;
		padding-bottom: 20%;
		position: absolute;
		left: 66%;
		top: 21%;
	}
	#sensor-img .heart img,
	#sensor-img .stripe{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#sensor-img .heart-1{
		-webkit-animation: pulsing 2s -.2s ease infinite;
		   -moz-animation: pulsing 2s -.2s ease infinite;
		    -ms-animation: pulsing 2s -.2s ease infinite;
		     -o-animation: pulsing 2s -.2s ease infinite;
		        animation: pulsing 2s -.2s ease infinite;
	}
	#sensor-img .heart-2{
		-webkit-animation: pulsing_bg-1 2s ease infinite;
		   -moz-animation: pulsing_bg-1 2s ease infinite;
		    -ms-animation: pulsing_bg-1 2s ease infinite;
		     -o-animation: pulsing_bg-1 2s ease infinite;
		        animation: pulsing_bg-1 2s ease infinite;
	}
	#sensor-img .heart-3{
		-webkit-animation: pulsing_bg-2 2s .5s ease infinite;
		   -moz-animation: pulsing_bg-2 2s .5s ease infinite;
		    -ms-animation: pulsing_bg-2 2s .5s ease infinite;
		     -o-animation: pulsing_bg-2 2s .5s ease infinite;
		        animation: pulsing_bg-2 2s .5s ease infinite;
	}
	#sensor-img .heart .stripe{
		width: 40%;
		height: 0;
		padding-bottom: 100%;
		left: auto;
		right: 0;
		overflow: hidden;
	}
	#sensor-img .heart .stripe div{
		width: 800%;
		height: 100%;
		background-size: auto 100%;
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		left: -29%;
		-webkit-animation: stripe 5s linear infinite;
		   -moz-animation: stripe 5s linear infinite;
		    -ms-animation: stripe 5s linear infinite;
		     -o-animation: stripe 5s linear infinite;
		        animation: stripe 5s linear infinite;
	}
	#sensor-img .blood{
		width: 20%;
		height: 0;
		padding-bottom: 6.5%;
		position: absolute;
		left: 65.7%;
		top: 68%;
		overflow: hidden;
	}
	#sensor-img .blood img{
		height: 100%;
		max-width: none !important;
		position: absolute;
		left: 0;
		-webkit-animation: blood 5s cubic-bezier(.38,.62,.5,.67) infinite;
		   -moz-animation: blood 5s cubic-bezier(.38,.62,.5,.67) infinite;
		    -ms-animation: blood 5s cubic-bezier(.38,.62,.5,.67) infinite;
		     -o-animation: blood 5s cubic-bezier(.38,.62,.5,.67) infinite;
		        animation: blood 5s cubic-bezier(.38,.62,.5,.67) infinite;
	}
/* ---------- health -------------------- */
	#hd .hd-sec-health{
		background-color: #95999c;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-health .txt-container{
		padding-left: 5%;
		padding-right: 2.5%;
	}
	/*#hd .hd-sec-health p{font-size: 1.25em; }*/
	#hd .hd-sec-health .hd-filter{margin:50px 0;}
	#hd .hd-sec-health .hd-filter li{
		vertical-align: top;
		cursor: pointer;
		position: relative;
	}
	#hd .hd-sec-health .hd-filter img{
		width: 60%;
		max-width: 100px;
		margin:0 auto 10px;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd .hd-sec-health .hd-filter img:nth-child(2){
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		-webkit-transition: opacity .25s ease;
		   -moz-transition: opacity .25s ease;
		    -ms-transition: opacity .25s ease;
		     -o-transition: opacity .25s ease;
		        transition: opacity .25s ease;
	}
	#hd .hd-sec-health .hd-filter li:hover img{
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	#hd .hd-sec-health .hd-filter li:hover img:nth-child(2){opacity: .5; }
	#hd .hd-sec-health .hd-filter li.hd-active img:nth-child(2){opacity: 1; }
	#hd .hd-sec-health .hd-filter p{
		font-weight: bold;
		margin:5px 0 0;
		padding:0 5px;
		color:#555555;
	}
	#hd .hd-sec-health .hd-filter li.hd-active p{
		color:#090103;
	}
	#hd .hd-sec-health .hd-content{
		display: flex;
		align-items:center;
		justify-content:center;
		min-height: 160px;
		padding:30px;
		background-color: #979798;
		box-shadow: 0 5px 20px rgba(0,0,0,.1) inset;
		border-radius: 10px;
	}
	#hd .hd-sec-health .hd-content li{
		display: none;
	}
	#hd .hd-sec-health .hd-content li.hd-active{
		display: block;
		-webkit-animation: fadeIn .5s forwards;
		   -moz-animation: fadeIn .5s forwards;
		    -ms-animation: fadeIn .5s forwards;
		     -o-animation: fadeIn .5s forwards;
		        animation: fadeIn .5s forwards;
	}
/* ---------- UI-SET -------------------- */
	#hd .ui-set{
		position: relative;
		margin:30px 0;
		pointer-events: none;
	}
	#hd .ui-set img{margin-left: 0;}
	#hd .ui-set ul{
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd .ui-set .zenFone,
	#hd .ui-set .vivowatch{
		width: 85%;
	}
	#hd .ui-set .zenFone{
		position: relative;
		z-index: 2;
	}
	#hd .ui-set .vivowatch{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	#hd .ui-set .ui-phone,
	#hd .ui-set .ui-watch,
	#hd .ui-set figure li{
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd .ui-set .ui-phone{
		width: 54.5%;
		left: 2.5%;
		top: 6.5%;
	}
	#hd .ui-set .ui-watch{
		width: 23.5%;
		top: 64.25%;
		left: 51.5%;
		z-index: 3;
	}
	#hd .ui-set figure li{
		width: 100%;
		height: 100%;
	}
	#hd .ui-set li{display: none; }
	#hd .ui-set li.hd-active{display: block; }
/* ---------- healthAI ------------------ */
	#hd .hd-sec-healthAI{
		background-color: #c2d1ca;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-healthAI .txt-container{
		padding:30px 0 100px;
	}
	#hd .hd-sec-healthAI .txt-container a{
		display: inline-block;
		vertical-align: top;
		margin:30px 15px 0 0 ;
	}
	#ai-img{
		position: relative;
		margin:30px 0;
		-webkit-transform: translateX(10%);
		   -moz-transform: translateX(10%);
		    -ms-transform: translateX(10%);
		     -o-transform: translateX(10%);
		        transform: translateX(10%);
	}
	#ai-img .zenFone{
		width: 64%;
		position: relative;
		z-index: 2;
		margin:0 0 0 auto;
	}
	#ai-img .ui{
		width: 41%;
		position: absolute;
		top: 6%;
		left: 38%;
	}
/* ---------- connect ------------------- */
	#hd .hd-sec-connect{
		background-color: #f0f1f6;
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-connect .w80{
		position: absolute;
		top: 50%;right: 0;left: 0;
		margin:0 auto;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#hd .hd-sec-connect .txt-container{
		display: block;
		max-width: 700px;
		margin-left: auto;
		margin-right: 0;
	}
/* ---------- fitness ------------------- */
	#hd .hd-sec-fitness{
		background-color: #fff8de;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: auto 100%;
		position: relative;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-fitness .ui-set{
		-webkit-transform: translateX(-5%);
		   -moz-transform: translateX(-5%);
		    -ms-transform: translateX(-5%);
		     -o-transform: translateX(-5%);
		        transform: translateX(-5%);
	}
	#hd .hd-sec-fitness .txt-container{
		padding-right: 7.5%;
		-webkit-transform: translateX(-10%);
		   -moz-transform: translateX(-10%);
		    -ms-transform: translateX(-10%);
		     -o-transform: translateX(-10%);
		        transform: translateX(-10%);
	}
	/*#hd .hd-sec-fitness p{font-size: 1.25em; }*/
	#hd .hd-sec-fitness .hd-filter{margin:50px 0;}
	#hd .hd-sec-fitness .hd-filter li{
		vertical-align: top;
		cursor: pointer;
	}
	#hd .hd-sec-fitness .hd-filter img{
		opacity: .6;
		width: 50%;
		max-width: 100px;
		margin:0 auto 10px;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd .hd-sec-fitness .hd-filter li:hover img{
		opacity: .7;
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	#hd .hd-sec-fitness .hd-filter li.hd-active img{
		opacity: 1;
	}
	#hd .hd-sec-fitness .hd-filter p{
		font-weight: bold;
		padding:0 5px;
		margin:5px 0 0;
		color:#555555;
	}
	#hd .hd-sec-fitness .hd-filter li.hd-active p{
		color:#090103;
	}
	#hd .hd-sec-fitness .hd-content{
		min-height: 175px;
		padding:50px 30px;
		background-color: rgba(255,248,222,.5);
		box-shadow: 1px 3px 10px rgba(0,0,0,.1) inset;
		border-radius: 10px;
	}
	#hd .hd-sec-fitness .hd-content li{display: none; }
	#hd .hd-sec-fitness .hd-content li.hd-active{
		display: block;
		-webkit-animation: fadeIn .5s forwards;
		   -moz-animation: fadeIn .5s forwards;
		    -ms-animation: fadeIn .5s forwards;
		     -o-animation: fadeIn .5s forwards;
		        animation: fadeIn .5s forwards;
	}
/* ---------- battery ------------------- */
	#hd .hd-sec-battery{
		height: 0;
		padding-bottom  : 42%;
		background-color: #dcdcdc;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: auto 100%;
		position: relative;
		min-height: calc(100vh - 56px);
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-battery .w90{
		position: absolute;
		top: 50%;right: 0;left: 0;
		margin:0 auto;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#hd .hd-sec-battery .txt-container{
		max-width: 610px;
		padding-right: 5%;
	}
/* ---------- terms --------------------- */
	#hd .hd-sec-terms{
		padding:50px 0;
		display: flex;
		align-items: center;
	}
	#hd .hd-sec-terms li{margin-bottom: 10px;}