@charset "utf-8";
.font-shade{text-shadow: 0 0 10px rgba(85,85,85,0.85);}

/*parallax*/
section.module:last-child {
  margin-bottom: 0;
}

section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
/*  padding: 40px 0;*/
}
section.module.parallax {
  width:100%;
  height:auto;
  background-position: 0 0;
  transition :  ease-out .5s;
}
.word-container{
	width:100%;
  line-height: 1;
  text-align:center;
}
.word-container p{margin-bottom:0 !important}
section.module.parallax p {
  line-height: 1em;
  text-align: center;
  text-shadow: 0 0 10px rgba(85,85,85,0.85);
}
.photoframe {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.scene2 {background:url("../images/bg_hinge.jpg") no-repeat;    background-size:cover;padding-top: 47%;padding-bottom:13%;margin-top:-12%}
.scene3 {background:url("../images/bg_richness.jpg") no-repeat; background-size:cover;padding-top: 44%;padding-bottom:13%;margin-top:-12%}
.scene4 {background:url("../images/bg_optmized.jpg") no-repeat; background-size:cover;padding-top: 45%;padding-bottom:19%;margin-top:-12%}

/**/

#box-productOverview-containter {
	position: relative;
	left: 50%;
	overflow: hidden;
	margin-top: 60px;
	font-size: 16px !important;
}

#sect-menu {
    z-index: 99998;
    margin:0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	
}


/*main*/
#main{width:100%; background:url("../images/main.jpg") no-repeat 50% 50%; background-size:cover; padding-bottom:51.45%; position:relative;background-position:50% 50%\9 !important; /*ie8*/}
.fullscreen {width:100%; min-height:100%;}
.box-scrolldown {width:100%; height:100%;min-height:100%;overflow:hidden;display:table;position:absolute;bottom:1.5%;}
.scrolldown {display:table-cell;position:relative;vertical-align:bottom;text-align:center; color:#FFFFFF;}
.scrollto1{ cursor:pointer;margin-bottom:1em}
.scrollto1 a{ color: #585858;}
.box-img-cent{ margin:0 auto;}
.downarrow{margin:0 auto;}
/*sec1*/
.sec1{width:100%;position: relative;}
.sec1 img {width:100%;max-width:1920px;}
.sec1-container{width:100%;}
.sec1-container-mobo{display:none}
.push-right{
	width: 50%;
	
	margin-left: 0%;
	display: inline-block;
    vertical-align: middle;
}
.box-right {
	display: inline-block;
	vertical-align: middle;
}
.box-sec1wording{width: 49%;}

.box-middle-wording {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.box-middle-wording-content {
	width: 80%;
	height: auto;
}
.icon-alloy{width:50%;}
.box-styletogo{width:94%}
.box-styletogo img{width:100%; max-width:1230px}

/*sec2*/
.gear{width:100%;}
.gear img{width:100%}
.gear-mobo{width:100%;display:none;}
.icon-hinge{max-width:214px;margin:0 auto}
.box-slim{width:50%; display:inline-block; margin:-2px;}


.box-right {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}
.box-gear-wording {width:45%;display:inline-block;vertical-align: middle;}
.box-middle-wording{text-align:right}

.hinge-ani {
	width: 54.599%;
	
	height: auto;
	margin-left: 0%;
	display: inline-block;
	position:relative;
	
	text-align: right;
}

.hinge-ani-mobo {
	width: 80%;
	max-width: 990px;
	height: auto;
	display: none;
}

.hinge-ani img {
	width: 100%;
	max-width: 990px;
}

.line-gear{width:30%; height:3px; border-bottom:1px solid #c9c9c9;position:absolute ;top:62%;left:5%}
.dot{ width:6px; height:6px; background-color:#C9C9C9; border-radius:100%;}
.gear-left{display:inline-block;width:70%; margin-top:3em}
.gear{width:10%;position:absolute;bottom:15%;left:-8%;}
.gear-right-mobo{ display:none; margin:0 auto;width:80%;}
.box-gear{width:100%; height:auto}
/*sec3*/
.icon-reduction{text-align:left}
.box-word-filter{display:inline-block;width:37.79%;margin:-2px; padding:0 5%; vertical-align:middle;}
.box-img-filters{display:inline-block;width:52.31%;margin:-2px;text-align:right;}
.box-img-filters img{width:100%; max-width:1000px;}


/*media query*/


@media screen and (max-width: 1100px){
.box-sec1wording{width: 80%; margin:0 auto; display:block;margin-top:2em;margin-bottom:10em;}
.wrap-gear {width: 52%  !important;margin-left:0}
.box-middle-wording-content {width: 100%;height: auto;}
.sec1-container{display:none}
.sec1-container-mobo{display:block}
.sec1{width:120%;}
.richness {width: 180%;margin-left: -60%;}

.box-gear-wording {
    width: 80%;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}
.hinge-ani {
    width: 80%;
    height: auto;
    display: block;
    position: relative;
    text-align: right;
    margin: 5% 0 0 20%;
}
}

@media all and (max-width:930px){
.box-right {width: 80%;display:block;margin:0 auto}
.wrap-gear {width: 90% !important;}
}

@media screen and (max-width:770px){
.gear {width: 15%;position: absolute;bottom: 15%;left: -17%;}
.line-gear {left:0}
}

@media screen and (max-width: 415px){
	
	richness {
		width: 225%;
		margin-left: -96%;
	}
	.scene4 {
		padding-top: 67%;
		padding-bottom: 26%;
		margin-top: -33%;
		}
	.frontview {
		width: 155%;
		margin-left: -28.1%;
	}
	.rslides_tabs { top: -8em;}
	.box-sec1wording { margin: 2em auto 1em;}
	.wrap-gear {
		width: 22% !important;
		margin-left: -1%;
		margin-top: -10em;
	}
	
	
	.hinge-ani {margin: 7% 0 0 32%;}
	.gear {width: 25%;left: -28%;}

}