ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
}
b {
	font-weight: 700;
}
.clear {
    clear: both;
}
.icon {
    max-height: 20px;
    height: auto;
    width: auto;
    display: block;
	line-height: 20px;
}
.padding {
    padding: 30px 0;
}
.padding-top {
    padding-top: 40px;
}
#main {
    width: 86.8%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}
#head {
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 98.2%;
}
#head #first-navbar {
    padding-top: 60px;
    height: 37.5px;
    width: 100%;
    clear: both;
}
#head #first-navbar .logo {
    height: 30px;
    width: auto;
    float: left;
}
#head #first-navbar .logo img {
    height: 30px;
    width: auto;
}
#head #first-navbar .menu {
    float: right;
    height: 30px;
	margin-top: 7.5px;
	margin-bottom: 0;
}
#head #first-navbar .menu li {
    float: left;
    height: 30px;
    margin-left: 30px;
    display: block;
}
#head #first-navbar .menu li a {
    float: left;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #7a7d81;
    font-size: 16px;
    font-weight: 300;
}

#head .choose-lang {
    float: right;
    margin-left: 25px;
    margin-top: 7.5px;
}
#head .choose-lang div div {
    float: left;
    margin: 8px 2px 4px;
    height: 18px;
}
#head .choose-lang div div.INACT img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.8;
}

#head .choose-lang div div a; #head .choose-lang div div a img {
    display: block;
}

#head #second-navbar {
    padding-top: 52.5px;
    height: 50px;
    width: 100%;
    clear: both;
}
#head #second-navbar .menu.left {
    height: 50px;
    float: left;
    margin-bottom: 0;
}
#head #second-navbar .menu.left li {
    height: 50px;
    float: left;
    margin-right: 40px;
    display: block;
}
#head #second-navbar .menu li a {
    height: 50px;
    line-height: 50px;
    display: block;
    color: #7a7d81;
    font-weight: 300;
    font-size: 22px;
}
#head #second-navbar .menu.right {
    height: 50px;
    float: right;
    margin-bottom: 0;
}
#head #second-navbar .menu.right li {
    height: 50px;
    float: left;
    margin-left: 40px;
    display: block;
}
#head .lang img {
	height: 16px;
	padding: 7px 0;
	width: auto;
	opacity: 0.3;
}
#head #first-navbar .menu .lang.last {
	margin-left: 10px;
}
#head .lang.active img {
	opacity: 1;
}
/*.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #E6E6E6;
}
.slider div {
    width: 100%;
    position: relative;
}
.slider div img {
    width: 100%;
    height: auto;
}
.slider .sssprev, .slider .sssnext {
	display: none;
}*/
.slider div h2 {
    position: absolute;
    height: 35px;
    font-weight: 700;
    padding: 35px 0 20px;
    width: 35%;
    bottom: 16%;
    border-bottom: 22px solid #9d9594;
    color: #9d9594;
    background-image: url(../img/ci-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 35px;
    line-height: 35px;
}
.slider div h2.left {
    left: 8%;
	right: auto;
}
.slider div h2.right {
    right: 8%;
	left: auto;
}
#content {
    width: 100%;
    clear: both;
    padding-bottom: 50px;
    overflow: hidden;
}
#footer {
    height: 250px;
    margin-left: auto;
    margin-right: auto;
	width: 98.2%;
    clear: both;
}
#footer .menu {
    height: 30px;
    padding: 120px 0 100px;
    display: table;
    margin: 0 auto;
    text-align: center;
}
#footer .menu li {
    display: inline-block;
    line-height: 30px;
    margin: 0 8px;
    color: #7a7d81;
    font-size: 16px;
    font-weight: 300;
    height: 30px;
}
#footer .menu a {
    display: block;
    line-height: 30px;
    color: #7a7d81;
    font-size: 16px;
    font-weight: 300;
}
#breadcrumb {
    clear: both;
    height: 70px;
    line-height: 70px;
    color: #7a7d81;
    font-size: 16px;
    margin-left: 0.9%;
    margin-right: 0.9%;
}
#breadcrumb a {
    line-height: 70px;
    color: #7a7d81;
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
}
#content .left {
    float: left;
    width: 50%;
}
#content .left img {
    width: 100%;
}
#content .right {
    float: right;
    width: 45%;
}
/*#content h3 {
    background-image: url(../img/ci-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 50px;
    font-size: 18px;
    font-weight: 300;
    color: #7a7d81;
    margin-bottom: 20px;
}*/
#content ul {
    padding-left: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#content ul li {
    color: #9d9594;
    font-size: 14.5px;
    line-height: 19px;
	list-style-type: disc;
}
#content .detail-img-wrap {
    padding: 20px 0 0;
}
#content .detail-img-wrap a {
    display: block;
    width: 20%;
    margin-right: 3%;
    height: auto;
    float: left;
}
#content .detail-img-wrap a img {
    display: block;
    width: 100%;
    height: auto;
}
#content .main-content {
    padding-top: 75px;
}
#content .main-content p {
    max-width: 60%;
    margin-bottom: 75px;
}
#content .main-content .surface-product-overview {
    margin: 0 0 75px;
}
#content .main-content .surface-product-overview img {
    float: left;
    width: 11%;
    margin-right: 2%;
}
#content .main-content .surface-overview {
    width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
#content .main-content .surface-overview-wrapper h3 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #9d9594;
}
#content .main-content .surface-overview div {
    width: 11%;
    margin-right: 1%;
    margin-bottom: 10px;
    float: left;
    height: auto;
	min-width: 140px;
}
#content .main-content .surface-overview div .surface-img {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 5px;
	min-width: 140px;
	height: auto;
}
#content .main-content .surface-overview div .icon {
	height: 15px;
	width: auto;
	vertical-align: bottom;
	display: inline;
	margin-left: 1px;
	padding-bottom: 2px;
}
#content .main-content .surface-overview div p.icon {
	margin-bottom: 0;
	font-size: 14.5px;
	color: #747c87;
	max-width: none;
}
#content .main-content .dimensions-img {
    float: right;
    max-width: 50%;
    margin-left: 5%;
    padding-bottom: 10px;
}
#content .legende {
    color: #9d9594;
	margin: 30px 0 60px;
	padding-left: 0;
}
#content .main-content .legende {
	margin: 0 0 60px;
}
#content .legende .icon {
    display: inline;
    line-height: 25px;
    padding: 2px 5px 3px 0;
    vertical-align: middle;
}
#content .legende li {
    vertical-align: middle;
    line-height: 25px;
    color: #9d9594;
    font-size: 16.5px;
	list-style-type: none;
}
#content .main-content .column-25 {
    margin-top: 20px;
    margin-bottom: 30px;
}
#content .main-content .column-25:nth-child(4n) {
    margin-right: 0;
}
#content .column-25 h3 {
    margin-bottom: 0;
}
#content .column-25 p.title {
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 700;
    max-width: none;
}
#content .column-25 p {
    max-width: none;
}
#content .column-25 p.space-right {
	width: 80%;
}
#content .main-content .column-25 img {
    width: 100%;
}



/*#content .column-33{
    width: 30%;
    box-sizing: border-box;
    float: left;
    margin-top: 75px;
    margin-right: 5%;
}
#content .column-33.last {
    margin-right: 0;
}
#content .column-33 .inner {
    width: 100%;
    height: auto;
    clear: both;
}
#content .column-33 .inner h4 {
    font-size: 16px;
	color: #9D9594;

}
#content .column-33 .inner h3 {
    background-image: url(../img/ci-line.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 50px;
	padding: 0 0 30px;
	margin-bottom: 30px;
}
#content .column-33 .inner h3 b {
    font-weight: 700;
}*/
#content .column-3 .inner img {
    width: 100%;
    clear: both;
}
/*#content .column-33 h3 {
    margin-bottom: 0;
}
#content .column-33 p.title {
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 700;
    max-width: none;
}
#content .column-33 p {
    max-width: none;
}
#content .column-33 p.space-right {
	width: 80%;
}
#content .main-content .column-33 img {
    width: 100%;
}*/
#content .blog-first-entry {
    clear: both;
    padding: 20px 0;
}
#content .blog-first-entry .left {
    width: 40%;
}
#content .blog-first-entry .left .date {
    margin-bottom: 10px;
    color: #7a7d81;
}
.blog-first-entry .right img {
    width: 100%;
}
#content .blog-first-entry .read-on {
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    display: inline-block;
    color: #9d9594;
}
#content .navigate-entries {
    width: 100%;
    padding: 50px 0;
}
#content .navigate-entries a {
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    display: inline-block;
    color: #9d9594;
}
#content .navigate-entries .back {
    float: left;
}
#content .navigate-entries .forward {
    float: right;
}
.img-banner {
    width: 100%;
    height: auto;
}
.img-banner img {
    width: 100%;
    height: auto;
    margin-bottom: 1.8%;
}
#content .fat-link {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    display: block;
    color: #9D9594;
}
#content .fat-link.clean {
    margin-top: 0;
}
#content .company-content .left {
    padding: 20px 0;
}
#content .company-content .right {
    width: 45.5%;
}
#content .company-content .right img {
    width: 100%;
}
#content .main-content.clean {
    margin: 0;
    padding-top: 10px;
}
#content .main-content.clean p {
    margin: 0;
}

#content .wood-top {
    clear: both;
    padding: 0 0 20px;
	overflow: hidden;
}
#content .wood-top .left {
    width: 45%;
}
#content .wood-top .right {
    width: 50%;
}
#content .wood-top .right img {
    width: 100%;
}

#content .left-product {
    float: left;
    width: 55%;
}
#content .right-product {
    float: right;
    width: 40%;
}


.menu-button {
    display: none;
}

.contact-left {
    width: 20%;
    float: left;
}
.contact-right {
    width: 60%;
    float: right;
}

.button {
    line-height: 18px;
    height: 30px;
    background-color: #9D9594;
    color: #FFF;
    text-align: left;
    padding: 1px 5px;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-family: "Open Sans Condensed", sans-serif;
    border: none;
    cursor: pointer;
}
.text-input {
    line-height: 18px;
    height: 30px;
    color: #9D9594;
    padding: 1px 5px;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #9d9594;
    display: block;
    font-family: "Open Sans Condensed", sans-serif;
}
textarea {
    line-height: 18px;
    color: #9D9594;
    padding: 1px 5px;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #9d9594;
    display: block;
    font-family: "Open Sans Condensed", sans-serif;
    height: 200px;
    min-height: 200px;
    resize: vertical;
}
.radioset, .checkboxset {
    line-height: 25px;
    font-size: 15px;
    color: #9D9594;
    margin: 10px 0;
}
.radioset .radio-label.ui-button, .checkboxset .check-label.ui-button {
    width: 16px;
    height: 16px;
    border: 1px solid #9d9594;
    background: #FFF;
    margin: 3px 7px 2px 0;
}
.radioset .radio-label.ui-state-active, .checkboxset .check-label.ui-state-active {
    background: #9d9594;
    box-shadow: inset -1px -1px 0 #FFF, inset 1px 1px 0 #FFF;
}

@media all and (max-width: 920px) {
   /* #content .column-25 {
        width: 49%;
        box-sizing: border-box;
        float: left;
        margin-top: 75px;
        margin-right: 2%;
    }
    #content .column-25.last {
        margin-right: 0;
    }
    #content .column-25:nth-child(2n) {
        margin-right: 0;
    }*/
    #content > .left, #content > .right, #content .main-content > .left, #content .main-content > .right, #content .blog-first-entry .left, #content .blog-first-entry .right, #content .wood-top .right, #content .wood-top .left, #content .company-content .right, #content .company-content .left, #content .left-product, #content .right-product {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
	#content .right-product {
		padding-top: 20px;
	}
    #content .main-content .surface-product-overview img {
        width: 22%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    #content .main-content p {
        max-width: none;
        margin-bottom: 75px;
    }
    #content .main-content .dimensions-img {
        max-width: 100%;
        margin-left: 0;
    }
    
    #head {
        height: auto;
    }
    #head #first-navbar {
        height: auto;
    }
    #head #second-navbar {
        height: auto;
        padding-top: 0;
        padding-bottom: 15px;
    }
    #head .menu-button {
        display: block;
        float: right;
        font-weight: 700;
        color: #7a7d81;
        font-size: 20px;
        line-height: 30px;
        height: 30px;
        background: #f0f0f0;
        padding: 0 8px;
        cursor: pointer;
    }
    #head .menu {
        display: none;
        border-bottom: 1px solid #d3d3d3;
        clear: both;
        padding: 10px 0;
    }

    #head #first-navbar .menu {
        float: none;
        height: auto;
        padding-top: 25px;
    }
    #head #first-navbar .menu li {
        float: none;
        margin-left: 0;
    }
    #head #first-navbar .menu li a {
        float: none;
    }
	#head #first-navbar .menu li.lang {
		height: 30px;
		margin-left: 0;
		margin-right: 5px;
		display: inline-block;
	}
	#head #second-navbar .menu.left {
        height: auto;
        float: none;
    }
    #head #second-navbar .menu.left li {
        float: none;
        margin-right: 0;
    }
    #head #second-navbar .menu.right {
        height: auto;
        float: none;
    }
    #head #second-navbar .menu.right li {
        float: none;
        margin-left: 0;
    }
    
    #head #first-navbar .menu li {
        height: 45px;
    }
    #head #first-navbar .menu li a {
        height: 45px;
        line-height: 45px;
        display: block;
        color: #7a7d81;
        font-weight: 300;
        font-size: 24px;
    }
    #head #second-navbar .menu.left li, #head #second-navbar .menu.right li {
        height: 45px;
    }
    #head #second-navbar .menu li a {
        height: 45px;
        line-height: 45px;
        font-size: 24px;
    }

}
@media all and (max-width: 550px) {
	#content .main-content .surface-overview div {
		min-width: 110px;
	}
	#content .main-content .surface-overview div .surface-img {
		min-width: 110px;
	}
   /* #content .column-25 {
        width: 100%;
        box-sizing: border-box;
        float: left;
        margin-top: 75px;
        margin-right: 0;
    }
    #content .column-25:nth-child(1n)  {
        margin-right: 0;
    }
    #content.start .column-25 {
        width: 49%;
        box-sizing: border-box;
        float: left;
        margin-top: 40px;
        margin-right: 2%;
    }
    #content.start .column-25.last {
        margin-right: 0;
    }
    #content.start .column-25:nth-child(1n)  {
        margin-right: 2%;
    }
    #content.start .column-25:nth-child(2n) {
        margin-right: 0;
    }
	#content.start .column-25 .inner h3 {
		font-size: 16px;
	}*/
    /*#content .column-33 {
        width: 100%;
        box-sizing: border-box;
        float: left;
        margin-top: 75px;
        margin-right: 0;
    }
    #content .column-33:nth-child(1n)  {
        margin-right: 0;
    }*/
    #content .detail-img-wrap a {
        display: block;
        width: 47%;
        margin-right: 6%;
        height: auto;
        float: left;
    }
    #content .detail-img-wrap a:nth-child(2n) {
        margin-right: 0;
    }
    #content .main-content .surface-product-overview img {
        width: 46%;
        margin-right: 8%;
        margin-bottom: 8%;
    }
    #content .main-content .surface-overview div {
        width: 46%;
        margin-right: 8%;
    }
    #content .main-content .surface-product-overview img:nth-child(2n), #content .main-content .surface-overview div:nth-child(2n) {
        margin-right: 0;
    }
}
@media all and (max-width: 820px) {
    .slider div h2 {
        position: absolute;
        width: 50%;
        left: 5% !important;
        bottom: 10%;
        right: auto !important;
        border-bottom: none;
		font-size: 20px;
		line-height: 20px;
		padding: 8px 0 0;
		height: 20px;
    }
}
/**
 * 	to top
 */
#to-top {
    background: url("../img/to-top.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 20px;
    color: #444;
    cursor: pointer;
    display: block;
    height: 10px;
    padding: 10px;
    position: fixed;
    right: 40px;
    text-align: center;
    text-decoration: none;
    width: 13px;
    display: none;
}
@media all and (max-width: 920px) {
	bottom: 10px;
	right: 5px;
}
@media all and (max-width: 550px) {
	#to-top{
		display: none !important;
	}
}