*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Roboto;font-size:16px;line-height:150%;color:#333;transition: transform .4s;}
sup{font-size:10px;}
html{width:100%;height: 100%;overflow-x: hidden;}
body{width:100%;height: 100%;background-color:#fff;}

header{width:100%;}
main{}

#mainBackground{width:100%;height:1200px;position:fixed;top:0px;left:0px;z-index:-1;background-image:url('/design/image/labor.jpg');background-position: top center;background-repeat:no-repeat;background-size:cover;}

.header{width:100%;height:75px;position:fixed;top:0px;left:0px;z-index:5;background-position: center top;background-repeat:no-repeat;}
#hondroHeader{background-image:url('/design/image/mobilHeader.png');}
.headerContainer{width:100%;max-width:1240px;margin:0 auto;overflow:auto;}
.headerButton{float:right;border:2px solid transparent;margin:9px 10px;padding:1px;border-radius:16px;cursor:pointer;}
.headerButton:HOVER{border:2px solid #fff;}

#head{height:220px;overflow:hidden;position: relative;background-image:url('/design/image/whiteArcTop.png');background-position: bottom center;background-repeat:no-repeat;}
.headContainer{position:absolute;width:100%;top:0;left:0;text-align:center;}
.aniContainer{margin:0 auto;width:100%;text-align:center;margin:0 auto;}
.logo{position:relative;display:none;top:0px;margin:0 auto;}
.logo img{margin:30px 0;}

#products{background-color:#fff;overflow:auto;padding:20px 0;z-index:0;}
#products .container{margin:0 auto;overflow:auto;width:100%;padding:0 20px;}
.boxContainer{margin:-100px 0 0 0;}
.textBox{float:left;display:none;}
.textBox p{padding:20px 0;}
.textBox ul{list-style:none;margin:20px 0;}
.textBox ul li{padding:0px 20px 20px 40px;text-align:left;background-image:url('/design/image/iconCheck.png');background-position: left top;background-repeat:no-repeat;}
.bigImage{width:100%;margin:0 auto;}
#innovation{width:100%;text-align:center;position:relative;top:-120px;padding:20px;}
#innovation img{margin:0 auto;width:20%;}
#ep{clear:left;display:none;margin:20px 0 0 0;width:100%;text-align:center;}
#ep img{width:50%;max-width:300px}

#elderlyBackground{width:100%;height:1200px;position:fixed;top:0px;left:0px;z-index:-1;background-image:url('/design/image/kombihylanBackground.jpg');background-position: top center;background-repeat:no-repeat;background-size:250%;display:none;}
#elderly{padding-top: 100%;position: relative;background-image:url('/design/image/grayArcTop.png');background-position: bottom center;background-repeat:no-repeat;}
.elderlyContainer{position:absolute;width:100%;top:0;left:0;text-align:center;}
#elderlyInfo{background-color:#696969;overflow:auto;padding:0 0 50px 0;}
#elderlyInfo .container{width:auto;max-width:1240px;margin:0 auto;text-align:center;padding:40px 20px;}
#elderlyInfo .container p{margin-top:40px;clear:left;text-align:left;color:#fff;line-height:300%;}
#elderlyInfo .container b{color:#fff;}
#elderlyInfo .container sup{color:#fff;}
#elderlyInfo .container table{clear:left;margin:40px 0 0 0;width:100%}
#elderlyInfo .container td{padding:2px 10px;font-size:30px;color:#fff;border:1px solid #696969; background-color:#777;}
#elderlyInfo .container td img{width:100%;display:block;}
#elderlyInfo .container td sup{color:#fff;}
#elderlyInfo .container td.image{padding:0;}
#elderlyInfo .container td.head{writing-mode:vertical-lr;text-orientation:mixed;width:10%;font-size:13px;padding:10px;}
#elderlyInfo .container td.text{width:50%;font-size:15px;text-align:left;}
#elderlyInfo .container .textBox img{border-radius:20px;display:none;width:100%;}
#elderlyInfo .container p {font-size:15px;line-height:150%;padding:20px;text-align:left;}
#arthrosis{display:none;}

#doctorBackground{width:100%;height:1200px;position:fixed;top:0px;left:0px;z-index:-1;background-image:url('/design/image/doctorBackground.jpg');background-position: top center;background-repeat:no-repeat;background-size:240%;display:none;}
#doctor{padding-top: 150%;position: relative;background-image:url('/design/image/whiteArcTop.png');background-position: bottom center;background-repeat:no-repeat;}
.doctorContainer{position:absolute;width:100%;top:0;left:0;}
#doctorInfo{background-color:#fff;overflow:auto;padding:40px 0;}
#doctorInfo .container{width:auto;max-width:1240px;margin:0 auto;text-align:center;padding:0 20px 40px 20px;}
#doctorInfo .container p {margin:20px 0 40px 0;font-size:15px;line-height:150%;text-align:left;}
#doctorInfo .container .image{margin:40px auto 0 auto;height:400px;background-image:url('/media/image/product/tendonNaked.jpg');background-position:top center;background-repeat:no-repeat;}
#doctorInfo .container .image img{width:100%}
i.star{font-size:13px;line-height:150%;color:#999;}
p.disclaimer{margin:40px 0;padding:10px 20px;font-size:13px;text-align:left;font-style:italic;color:#999;border:1px solid #ccc;border-radius:20px;}

.spacer{height:220px;overflow:hidden;background-image:url('/design/image/labor.jpg');}
.spacer div{position:relative;text-align:center;z-index:1;background-image:url('/design/image/whiteArcInverted.png');background-position: top center;background-repeat:no-repeat;}
.spacer div.gray{position:relative;text-align:center;z-index:1;background-image:url('/design/image/grayArcBottom.png');background-position: top center;background-repeat:no-repeat;}
.spacer p{padding:80px 20px;position:relative;color:#fff;font-family:Roboto Condensed;font-size:36px;font-weight:900;line-height:100%;text-align:center;z-index:1;}
#spacer{display:none;position:relative;top:-380px;width:100%;}

footer{background-color:#fff;}
footer p{padding:60px;font-size:11px;font-style:italic;text-align:center;}

h1{padding:0 20px;font-family:Roboto Condensed;font-size:36px;font-weight:700;text-align:center;line-height:100%;}
h1 sup{font-family:Roboto Condensed;font-size:24px;}
h2{padding:20px;font-family:Roboto Condensed;font-size:24px;font-weight:100;text-align:center;color:#999;line-height:100%}
h3{clear:left;padding:20px;font-family:Roboto Condensed;font-size:28px;font-weight:700;text-align:center;color:#2477bc;line-height:100%}
.inno{position:relative;top:-100px;padding-bottom:30px;}
h3 sup{font-family:Roboto Condensed;font-size:18px;font-weight:700;text-align:center;color:#2477bc;}
h4{padding:20px 0;font-family:Roboto Condensed;font-size:24px;font-weight:700;text-align:left;color:#5ba3d9;line-height:100%}
h4 sup{font-family:Roboto Condensed;font-size:14px;font-weight:700;text-align:center;color:#5ba3d9;}
h5{padding:0 20px;font-family:Roboto Condensed;font-size:24px;font-weight:700;text-align:center;color:#5ba3d9;line-height:100%}
h5 sup{font-family:Roboto Condensed;font-size:14px;font-weight:700;text-align:center;color:#5ba3d9;}

@media only screen and (min-width:768px) {
	.mobileLogo{display:none;}
	.aniContainer{display:inline;}
	#hondroHeader{background-image:url('/design/image/asterionHeader.png');}
	.logo img{margin:0;}
	
	#products{padding:40px 0;}
	#products .container{margin:0 auto;overflow:auto;max-width:1240px;padding:0 20px;}
	.boxContainer{margin:-300px 0 0 0;}
  .textBox{float:left;width:33.33%;display:none;padding:10px;}
	.iconProductsBig{position:relative;display:none;top:-985px;left:0px;margin:0 auto;}
	#innovation{width:100%;text-align:right;position:relative;top:-350px;padding:20px;}
	#ep{margin:0;display:none;width:100%;text-align:center;}	
	
	#elderlyBackground{background-size:cover;}
	#elderly{padding-top: 42%;}
	#elderlyInfo .container .containerBox{float:left;margin:40px 0;padding:0 20px;width:33.33%;}
	#elderlyInfo .container td.head{writing-mode:horizontal-tb;width:10%;font-size:13px;}
	#elderlyInfo .container td{padding:5px 20px;font-size:30px;color:#fff;border:1px solid #696969; background-color:#777;}	
	#doctorBackground{background-size:cover;}
	#doctor{padding-top: 42%;}
	
	.spacer{height:360px;background:none;}
	#spacer{display:block;position:relative;top:-380px;width:100%;}
	.spacer p{font-size:64px;padding:140px 0}
	
	h1{padding:0;font-size:42px;}
	h2{padding:0}
	.inno{position:relative;top:-300px;padding-bottom:30px;}
	h3{padding:0}
	h4{padding:0}
	h5{padding:0}
}