@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);
body{font-family:Montserrat,sans-serif;font-size:13px;color:#202020;margin:0;background-color:#fff;font-weight:400;position:relative;line-height:1.7;scroll-behavior:smooth}
@media (min-width:577px){body{font-size:13px}
}
@media (min-width:768px){body{font-size:14px;line-height:1.8}
}
@media (min-width:992px){body{font-size:15px}
}
@media (min-width:1200px){body{font-size:16px}
}
.h1,h1{font-size:2em;line-height:1.15}
.h2,h2{font-size:1.666666em;line-height:1.2}
.h3,h3{font-size:1.333333em;line-height:1.4}
.h4,h4{font-size:1em}
.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6{font-weight:700}
.font-tit,.h2-tit{line-height:1.3}
html{scroll-behavior:smooth}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
main{display:block}
h1{font-size:2em;margin:0}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:600}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub{bottom:-.25em}
sup{top:-.5em;display:inline-block;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
img{border-style:none}
iframe{border:0;height:100%;width:100%}
p{margin:5px 0 15px}
.region--page a{color:#a97d56;text-decoration:underline}
.region--page a:hover{text-decoration:none}
.text-white-space{white-space:nowrap}
.breadcrumbs--img,.img--100,.img--1044,.img--133-3,.img--141,.img--18-33,.img--1996,.img--24,.img--25,.img--33-3,.img--36,.img--36458,.img--3657,.img--42-88,.img--4733,.img--50,.img--50-56,.img--56-25,.img--56-3,.img--5989,.img--60,.img--6666,.img--70,.img--75,.img--9285,.owlimg--00 .item,.img--40,.img--163,.img--30,.img--12,.img--150,.img--8,.img--15,.item-pic,.img--130{position:relative;width:100%;overflow:hidden;display:block;background:url(/img/logo.svg) no-repeat center center;background-color:#f9f9f9;background-size:30% 30%}
.img--5989{padding-bottom:5.989%}
.img--8{padding-bottom:8%}
.img--12{padding-bottom:12%}
.img--15{padding-bottom:15%}
.img--1996{padding-bottom:19.96%}
.img--18-33{padding-bottom:18.33%}
.img--24{padding-bottom:24%}
.img--25{padding-bottom:25%}
.img--30{padding-bottom:30%}
.img--33-3{padding-bottom: 33.333333%;}
.img--36{padding-bottom: 36%;}
.img--36458{padding-bottom:36.458%}
.img--3657{padding-bottom:36.57%}
.img--40{padding-bottom:40%}
.img--4733{padding-bottom:47.33%}
.img--42-88{padding-bottom:42.88%}
.img--50{padding-bottom:50%}
.img--50-56{padding-bottom:50.56%}
.img--56-3{padding-bottom:56.3%}
.img--56-25{padding-bottom:56.25%}
.img--60{padding-bottom:60%}
.img--9285{padding-bottom:92.85%}
.img--1044{padding-bottom:10.44%}
.img--6666{padding-bottom:66.666%}
.img--70{padding-bottom:70%}
.img--75,.owlimg--00 .item{padding-bottom:75%}
.img--100{padding-bottom:100%}
.img--133-3{padding-bottom:133.333%}
.img--130{padding-bottom: 130%;}
.img--141{padding-bottom:141%}
.img--150{padding-bottom:150%}
.img--163{padding-bottom:163%}
.breadcrumbs--img{padding-bottom:15.625%}
.breadcrumbs--img img,.img--100 img,.img--1044 img,.img--133-3 img,.img--141 img,.img--18-33 img,.img--1996 img,.img--24 img,.img--25 img,.img--33-3 img,.img--36 img,.img--36458 img,.img--3657 img,.img--42-88 img,.img--4733 img,.img--50 img,.img--50-56 img,.img--56-25 img,.img--56-3 img,.img--5989 img,.img--60 img,.img--6666 img,.img--70 img,.img--75 img,.img--9285 img,.owlimg--00 .item img,.img--40 img,.img--163 img,.img--30 img,.img--12 img,.img--150 img,.img--8 img,.img--15 img,.item-pic img,.img--130 img{position:absolute;top:50%;left:50%;max-width:100%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#fff}
.img--100 a[data-lightbox],.img--1044 a[data-lightbox],.img--133-3 a[data-lightbox],.img--141 a[data-lightbox],.img--1996 a[data-lightbox],.img--36458 a[data-lightbox],.img--3657 a[data-lightbox],.img--42-88 a[data-lightbox],.img--4733 a[data-lightbox],.img--50 a[data-lightbox],.img--50-56 a[data-lightbox],.img--56-25 a[data-lightbox],.img--56-3 a[data-lightbox],.img--5989 a,.img--6666 a[data-lightbox],.img--70 a[data-lightbox],.img--75 a[data-lightbox],.owlimg--00 .item a,.img--40  a[data-lightbox][data-lightbox]{position:initial}
.lazyload{z-index:-1;visibility: hidden;}
.lazyload.loaded{z-index:0;visibility: visible;}
.text-center{text-align:center}
.gray{background-color:#e8e8e8}
@media (max-width:575px){a[data-lightbox]{cursor:not-allowed;pointer-events:none}
.drawings-img-a a[data-lightbox]{cursor:pointer;pointer-events:initial}
}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.25;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
:after,:before{font-style:normal}
:focus{outline:0}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a{text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:hover{background-color:transparent;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
button{background:0 0;border:0;padding:0}
.region{display:block;width:100%;max-width:1920px;margin:0 auto;padding:0}
.region--top{display:none;position:fixed;top:0;left:0}
.region--bottom{display:none;position:fixed;left:0;bottom:0}
.stage{width:100%;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
.maxw--1400{width: 100%;max-width: 1400px;margin: 0 auto;}
@media (min-width:576px){.stage{max-width:540px}
}
@media (min-width:768px){.stage{max-width:720px}
}
@media (min-width:992px){.stage{max-width:960px}
}
@media (min-width:1200px){.stage{max-width:1160px}
}
@media (min-width:1480px){.stage{max-width:1440px}
}
.paddingTB-80{padding:80px 0}
.paddingTB-120{padding:120px 0}
.paddingT-80{padding:80px 0 0 0}
.paddingB-80{padding:0 0 80px 0}
.paddingTB-60{padding:60px 0}
.paddingB-60{padding:0 0 60px 0}
.paddingT-60{padding:60px 0 0}
.paddingT20-B60{padding:20px 0 60px}
.paddingT40-B60{padding:40px 0 60px}
.paddingT80B50{padding: 80px 0 50px;}
.marginT-30{margin: 30px 0 0;}
.marginT-50{margin: 50px 0 0;}

@media (max-width:1479px){.paddingTB-80{padding:60px 0}
.paddingTB-120{padding:80px 0}
.paddingTB-60{padding:50px 0}
.paddingT-80{padding:60px 0 0 0}
.paddingB-80{padding:0 0 60px 0}
.paddingT-60{padding:50px 0 0}
.paddingB-60{padding:0 0 50px 0}
.paddingT20-B60{padding:20px 0 50px}
.paddingT40-B60{padding:40px 0 50px}
.paddingT80B50{padding: 60px 0 40px;}
.marginT-50{margin: 40px 0 0;}
}
@media (max-width:1199px){.paddingTB-80{padding:50px 0}
.paddingTB-120{padding:70px 0}
.paddingTB-60{padding:40px 0}
.paddingT-80{padding:50px 0 0 0}
.paddingB-80{padding:0 0 50px 0}
.paddingT-60{padding:40px 0 0}
.paddingB-60{padding:0 0 40px 0}
.paddingT20-B60{padding:15px 0 40px}
.paddingT40-B60{padding:30px 0 40px}
.paddingT80B50{padding: 50px 0 30px;}
.marginT-50{margin: 30px 0 0;}
}
@media (max-width:767px){.paddingTB-80{padding:40px 0}
.paddingTB-120{padding:50px 0}
.paddingT-80{padding:40px 0 0 0}
.paddingB-80{padding:0 0 40px 0}
.paddingTB-60{padding:30px 0}
.paddingT-60{padding:30px 0 0}
.paddingB-60{padding:0 0 30px 0}
.paddingT20-B60{padding:10px 0 30px}
.paddingT40-B60{padding:20px 0 30px}
.paddingT80B50{padding: 40px 0 25px;}
.marginT-30{margin: 20px 0 0;}
.marginT-50{margin: 20px 0 0;}
}
@media (max-width:575px){.paddingTB-80{padding:20px 0}
.paddingTB-120{padding:30px 0}
.paddingTB-60{padding:20px 0}
.paddingT-80{padding:20px 0 0 0}
.paddingB-80{padding:0 0 20px 0}
.paddingT-60{padding:20px 0 0}
.paddingB-60{padding:0 0 20px 0}
.paddingT20-B60{padding:10px 0 20px}
.paddingT40-B60{padding:10px 0 20px}
.paddingT80B50{padding: 20px 0 20px;}
.marginT-30{margin: 15px 0 0;}
}

.cell,.grid{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.grid{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;-ms-flex-align:stretch;-webkit-box-align:stretch;align-items:stretch;margin:0;padding:0;list-style:none;margin-top:30px}
.cell{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;width:100%;max-width:100%;margin:0;border-width:1px!important;border-color:#ebebeb;border-style:none}
.cell:last-child{margin-right:0!important}
.grid.gridcenter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.grid--border{padding-top:1px}
.grid.grid--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.grid--border>.cell{border-style:solid;margin:0 0 -1px -1px}
.grid--gutter{padding-top:0}
.grid--gutter>.cell{margin:0 0 20px 0}
.grid--center>.cell{text-align:center}
.grid--auto>.cell{width:0;max-width:none;min-width:100%}
.gridB-0{margin-bottom:-10px}
@media (min-width:576px){.cell{max-width:50%;margin:0}
.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.cell:nth-child(2n){margin-right:0}
.grid--auto>.cell{max-width:none;min-width:50%}
.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
}
@media (min-width:768px){.cell{max-width:33.333333%;margin:0}
.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.cell:nth-child(3n){margin-right:0}
.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
}
.grid--1>.cell{max-width:100%;margin:0}
.grid--1.grid--border>.cell{margin:-1px 0 0}
.grid--1.grid--gutter>.cell{margin:0 0 20px}
.grid--2>.cell{max-width:50%;margin:0}
.grid--2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--2.grid--gutter>.cell{max-width:calc(50% - 5px);margin:0 10px 10px 0}
.grid--2>.cell:nth-child(2n){margin-right:0}
.grid--2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--3>.cell{max-width:33.333333%;margin:0}
.grid--3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--3>.cell:nth-child(3n){margin-right:0}
.grid--3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--4>.cell{max-width:25%;margin:0}
.grid--4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--4>.cell:nth-child(4n){margin-right:0}
.grid--4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--5>.cell{max-width:20%;margin:0}
.grid--5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--5>.cell:nth-child(5n){margin-right:0}
.grid--5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--6>.cell{max-width:16.666667%;margin:0}
.grid--6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--6>.cell:nth-child(6n){margin-right:0}
.grid--6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
@media (min-width:576px){.grid--sm-1>.cell{max-width:100%;margin:0}
.grid--sm-1.grid--border>.cell{margin:-1px 0 0}
.grid--sm-1.grid--gutter>.cell{margin:0 0 20px}
.grid--sm-2>.cell{max-width:50%;margin:0}
.grid--sm-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--sm-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--sm-2>.cell:nth-child(2n){margin-right:0}
.grid--sm-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--sm-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--sm-3>.cell{max-width:33.333333%;margin:0}
.grid--sm-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--sm-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--sm-3>.cell:nth-child(3n){margin-right:0}
.grid--sm-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--sm-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--sm-4>.cell{max-width:25%;margin:0}
.grid--sm-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--sm-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--sm-4>.cell:nth-child(4n){margin-right:0}
.grid--sm-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--sm-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--sm-5>.cell{max-width:20%;margin:0}
.grid--sm-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--sm-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--sm-5>.cell:nth-child(5n){margin-right:0}
.grid--sm-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--sm-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--sm-6>.cell{max-width:16.666667%;margin:0}
.grid--sm-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--sm-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--sm-6>.cell:nth-child(6n){margin-right:0}
.grid--sm-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--sm-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
}
@media (min-width:768px){.grid--md-1>.cell{max-width:100%;margin:0}
.grid--md-1.grid--border>.cell{margin:-1px 0 0}
.grid--md-1.grid--gutter>.cell{margin:0 0 20px}
.grid--md-2>.cell{max-width:50%;margin:0}
.grid--md-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--md-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--md-2>.cell:nth-child(2n){margin-right:0}
.grid--md-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--md-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--md-3>.cell{max-width:33.333333%;margin:0}
.grid--md-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--md-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--md-3>.cell:nth-child(3n){margin-right:0}
.grid--md-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--md-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--md-4>.cell{max-width:25%;margin:0}
.grid--md-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--md-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--md-4>.cell:nth-child(4n){margin-right:0}
.grid--md-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--md-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--md-5>.cell{max-width:20%;margin:0}
.grid--md-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--md-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--md-5>.cell:nth-child(5n){margin-right:0}
.grid--md-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--md-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--md-6>.cell{max-width:16.666667%;margin:0}
.grid--md-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--md-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--md-6>.cell:nth-child(6n){margin-right:0}
.grid--md-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--md-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.content{padding:0}
}
@media (min-width:992px){.grid--lg-1>.cell{max-width:100%;margin:0}
.grid--lg-1.grid--border>.cell{margin:-1px 0 0}
.grid--lg-1.grid--gutter>.cell{margin:0 0 20px}
.grid--lg-2>.cell{max-width:50%;margin:0}
.grid--lg-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--lg-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--lg-2>.cell:nth-child(2n){margin-right:0}
.grid--lg-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--lg-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--lg-3>.cell{max-width:33.333333%;margin:0}
.grid--lg-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--lg-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--lg-3>.cell:nth-child(3n){margin-right:0}
.grid--lg-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--lg-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--lg-4>.cell{max-width:25%;margin:0}
.grid--lg-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--lg-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--lg-4>.cell:nth-child(4n){margin-right:0}
.grid--lg-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--lg-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--lg-5>.cell{max-width:20%;margin:0}
.grid--lg-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--lg-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--lg-5>.cell:nth-child(5n){margin-right:0}
.grid--lg-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--lg-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--lg-6>.cell{max-width:16.666667%;margin:0}
.grid--lg-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--lg-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--lg-6>.cell:nth-child(6n){margin-right:0}
.grid--lg-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--lg-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
.content{padding:0 30px}
}
@media (min-width:1200px){.grid--xl-1>.cell{max-width:100%;margin:0}
.grid--xl-1.grid--border>.cell{margin:-1px 0 0}
.grid--xl-1.grid--gutter>.cell{margin:0 0 20px}
.grid--xl-2>.cell{max-width:50%;margin:0}
.grid--xl-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--xl-2.grid--gutter>.cell{max-width:calc(50% - 10px);margin:0 20px 20px 0}
.grid--xl-2>.cell:nth-child(2n){margin-right:0}
.grid--xl-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--xl-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--xl-3>.cell{max-width:33.333333%;margin:0}
.grid--xl-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--xl-3.grid--gutter>.cell{max-width:calc(33.333333% - 13.333px);margin:0 20px 20px 0}
.grid--xl-3>.cell:nth-child(3n){margin-right:0}
.grid--xl-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--xl-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--xl-4>.cell{max-width:25%;margin:0}
.grid--xl-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--xl-4.grid--gutter>.cell{max-width:calc(25% - 15px);margin:0 20px 20px 0}
.grid--xl-4>.cell:nth-child(4n){margin-right:0}
.grid--xl-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--xl-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--xl-5>.cell{max-width:20%;margin:0}
.grid--xl-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--xl-5.grid--gutter>.cell{max-width:calc(20% - 16px);margin:0 20px 20px 0}
.grid--xl-5>.cell:nth-child(5n){margin-right:0}
.grid--xl-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--xl-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--xl-6>.cell{max-width:16.666667%;margin:0}
.grid--xl-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--xl-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--xl-6>.cell:nth-child(6n){margin-right:0}
.grid--xl-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--xl-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
}
@media (min-width:1480px){.grid--xxl-1>.cell{max-width:100%;margin:0}
.grid--xxl-1.grid--border>.cell{margin:-1px 0 0}
.grid--xxl-1.grid--gutter>.cell{margin:0 0 20px}
.grid--xxl-2>.cell{max-width:50%;margin:0}
.grid--xxl-2.grid--border>.cell{max-width:calc(50% + .5px);margin:-1px -1px 0 0}
.grid--xxl-2.grid--gutter>.cell{max-width:calc(50% - 20px);margin:0 40px 40px 0}
.grid--xxl-2>.cell:nth-child(2n){margin-right:0}
.grid--xxl-2.grid--auto>.cell{max-width:none;min-width:50%}
.grid--xxl-2.grid--auto.grid--gutter>.cell{min-width:calc(50% - 10px)}
.grid--xxl-3>.cell{max-width:33.333333%;margin:0}
.grid--xxl-3.grid--border>.cell{max-width:calc(33.333333% + .67px);margin:-1px -1px 0 0}
.grid--xxl-3.grid--gutter>.cell{max-width:calc(33.333333% - 26.666px);margin:0 40px 40px 0}
.grid--xxl-3>.cell:nth-child(3n){margin-right:0}
.grid--xxl-3.grid--auto>.cell{max-width:none;min-width:33.333333%}
.grid--xxl-3.grid--auto.grid--gutter>.cell{min-width:calc(33.333333% - 13.333px)}
.grid--xxl-4>.cell{max-width:25%;margin:0}
.grid--xxl-4.grid--border>.cell{max-width:calc(25% + .75px);margin:-1px -1px 0 0}
.grid--xxl-4.grid--gutter>.cell{max-width:calc(25% - 30px);margin:0 40px 40px 0}
.grid--xxl-4>.cell:nth-child(4n){margin-right:0}
.grid--xxl-4.grid--auto>.cell{max-width:none;min-width:25%}
.grid--xxl-4.grid--auto.grid--gutter>.cell{min-width:calc(25% - 15px)}
.grid--xxl-5>.cell{max-width:20%;margin:0}
.grid--xxl-5.grid--border>.cell{max-width:calc(20% + .8px);margin:-1px -1px 0 0}
.grid--xxl-5.grid--gutter>.cell{max-width:calc(20% - 32px);margin:0 40px 40px 0}
.grid--xxl-5>.cell:nth-child(5n){margin-right:0}
.grid--xxl-5.grid--auto>.cell{max-width:none;min-width:20%}
.grid--xxl-5.grid--auto.grid--gutter>.cell{min-width:calc(20% - 16px)}
.grid--xxl-6>.cell{max-width:16.666667%;margin:0}
.grid--xxl-6.grid--border>.cell{max-width:calc(16.666667% + .83px);margin:-1px -1px 0 0}
.grid--xxl-6.grid--gutter>.cell{max-width:calc(16.666667% - 16.67px);margin:0 20px 20px 0}
.grid--xxl-6>.cell:nth-child(6n){margin-right:0}
.grid--xxl-6.grid--auto>.cell{max-width:none;min-width:16.666667%}
.grid--xxl-6.grid--auto.grid--gutter>.cell{min-width:calc(16.666667% - 16.67px)}
}
/*! nav*/.region--nav{left:0;z-index:150;width:100%;max-width:100%;-webkit-transition:height .5s,padding .5s;-webkit-transition:all .5s;-o-transition:height .5s,padding .5s;transition:height .5s,padding .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-ms-transition:height .5s,padding .5s;-ms-transition:all .5s;top:-100px}
.region--nav.navtop{position:fixed;top:0;-webkit-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out;border-bottom:1px solid #d5d5d5}
.region--nav ul{margin:0;padding:0}
.region--nav ul li{list-style-type:none}
.region--nav-re{height:100px;background:url(/img/top-bg.png) repeat center center;background-color:#fff;-webkit-box-shadow:0 0 20px rgba(24,24,24,.1);box-shadow:0 0 20px rgba(24,24,24,.1)}
.menu--main{position:fixed;left:0;z-index:110;visibility:hidden;padding-left:0;width:100%;background-color:#fff;border-top:1px solid #d5d5d5;-webkit-box-shadow:0 40px 40px rgba(24,24,24,.1);box-shadow:0 40px 40px rgba(24,24,24,.1);opacity:0;-webkit-transition:all .2s .2s;-o-transition:all .2s .2s;transition:all .2s .2s;top:140px;}
.nav-main>ul>li:hover .menu--main{visibility:visible;opacity:1;-webkit-transition:all .2s .2s;-o-transition:all .2s .2s;transition:all .2s .2s;background-color:#fff}
.nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1350px;margin:auto}
.nav-main>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-main>ul>li>a{height:100px;padding: 0 5px; -webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.nav-main>ul>li{position:relative;width: 25%; display: flex;justify-content: center;}
.nav-main>ul>li>a{text-align: center;}
.nav-main>ul>li:after{content:"";height:3px;background-color:#a97d56;bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.nav-main>ul>li:hover:after{width:60px}
.nav--ul-3 .is-highlight>a,.nav-main>ul>li.is-highlight>a{color:#a97d56}
.nav-main>ul>li.is-highlight:before{content:"";width:15px;height:9px;background:url(/img/logo-top.svg);position:absolute;top:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.nav-main>ul>li:hover>a{color:#a97d56}
.nav-menu{display:none}
.nav-logo{margin:0 50px;height:70px}
.nav-logo img{width:auto;height:100%}
.region--nav a{color:#202020;font-weight:500}
.region--nav a:hover{color:#a97d56}
.region--nav a span{line-height: 1.4;}
.nav-main>ul{width:calc(50% - 87.5px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.nav-main>ul:last-child{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.menu--con{width:1300px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}
.menu--left{width:62%;padding:45px 45px 5px 0}
.menu--right{width:38%;position:relative;padding:45px;padding-right:0}
.menu--left ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.menu--left ul li{width:48%;margin-bottom:40px}
.menu--right:after{content:"";position:absolute;height:120px;width:1px;background-color:#d2baa6;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.menu--left a{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.menu--left a:after{content:"\e60b";font-size:14px;font-family:iconfont;cursor:pointer;padding-right:5px;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH}
.menu--left .is-highlight a{color:#a97d56}
.menu--left i{font-size:30px;color:#966743;padding-right:15px;line-height:1}
.menu--tit{line-height:1.4;padding-top:20px;font-weight:500;position:relative;margin-bottom:20px}
.menu--tit:after{content:"";position:absolute;height:3px;width:20px;background-color:#a97d56;left:0;top:0}
.menu--right p+p{color:#969696;font-size:14px}
.menu--right a{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5px}
.menu--right a:after{content:"\e617";font-size:14px;font-family:iconfont;cursor:pointer;padding-left:5px;color:#a97d56}
.bac--gate{background:url(/img/spc-flooring-factory-gate-bg.jpg) no-repeat right center;background-size:auto 100%}
.bac--line{background:url(/img/spc-flooring-extrusion-line-bg.jpg) no-repeat right center;background-size:auto 100%}
.navtop .nav-main>ul>li>a,.navtop .region--nav-re{height:60px}
.navtop .nav-logo{height:50px}
.navtop .nav-main>ul>li .menu--main{top:60px}
.menu--con.stage{padding:0}
.app-mail,.app-nav-logo{display:none}
.app--multiple {display: none;}
@media (max-width:1479px){.menu--con,.nav-main{width:1120px}
.nav-main>ul>li>a{padding:0}
.nav-main>ul:last-child{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.nav-main>ul:first-child>li:first-child>a{padding-left:0}
.nav-main>ul:last-child>li:last-child>a{padding-right:0}
.nav-main>ul{width:calc(50% - 54.2px)}
.menu--con.stage{padding:0 20px}
}
@media (max-width:1199px){.menu--con,.nav-main{width:920px}
.nav-logo{margin:0 10px;height:50px}
.nav-main>ul>li>a{padding:0 5px;font-size:14px}
.menu--left a{font-size:13px}
.menu--left ul li{margin-bottom:30px}
.menu--left{width:65%;padding:40px 40px 5px 0}
.menu--right{width:35%;padding:40px;padding-right:0}
.menu--right p+p{font-size:13px}
.menu--tit{padding-top:15px;margin-bottom:20px}
}
@media (max-width:991px){.menu--con,.nav-main{width:100%}
.nav-main>ul>li>a,.navtop .nav-main>ul>li>a,.navtop .region--nav-re,.region--nav-re{height:50px}
.nav-main>ul>li.dropdown{flex-direction: column;}
.menu--left a{ justify-content: space-between;}
.navtop .nav-main>ul>li:hover .menu--main{top:50px}
.app .nav-logo,.app-mail,.app-nav-logo{display:block}
.app-nav-logo{position:absolute;height:40px;margin-top:5px;left:20px}
.app-nav-logo img{height:40px;width:auto}
.app-mail{position:absolute;right:80px;top:10px}
.app-mail i{font-size:30px;line-height:1}
.app-mail span{display:none}
.app-nav{position:absolute;top:10px;right:20px}
.app-nav .app-nav1{line-height:1;font-size:30px}
.app-nav .app-nav1:before{display:block;content:"\e6c1";vertical-align:middle;font-size:30px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal}
.region--nav-top .stage{position:relative}
.app-nav.nav-module-trigger.nav-opened-1 .app-nav1:before{content:"\e6c2"}
.menu--right{display:none}
.menu--left{width:100%;padding:0}
.nav-logo{display:none}
.nav-main{display:none;position:fixed;left:0;top:51px;width:100%;background-color:#fff;padding:0 20px;height:calc(100vh - 50px);overflow:auto;padding-bottom:30px;z-index:9999}
.region--nav.navtop .nav-main{top: 51px;}
.nav-main>ul,.nav-main>ul:last-child{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.nav-main>ul>li,.nav-main>ul>li>a{width:100%}
.nav-main>ul>li>a{padding:5px;padding-left:0;padding-right:40px;border-bottom:1px solid #f1f1f1}
.nav-main>ul>li>a,.navtop .nav-main>ul>li>a{height:40px}
.nav-main>ul>li.is-highlight:before,.nav-main>ul>li:after{display:none}
.nav-main>ul>li .menu--main,.navtop .nav-main>ul>li{visibility:visible;opacity:1}
.bac--gate,.bac--line{background-image:unset}
.nav-main>ul>li .menu--main,.nav-main>ul>li:hover .menu--main,.navtop .nav-main>ul>li:hover .menu--main{display:none;position:initial;-webkit-box-shadow:none;box-shadow:none}
.region--nav{border-bottom:1px solid #d5d5d5}
.nav-main ul li i{width:100%;height:40px;position:absolute;left:0;top:0;display:block;cursor:pointer}
.menu--main{position:inherit;visibility:visible;opacity:1;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s;border-top-width:0}
.menu--left a:after{font-size:12px}
.nav-main ul li a i{display:none}
.menu--left ul li{margin-bottom:0;width:100%;background-color:#fefefe;padding:8px 10px}
.menu--left ul li+li{border-top:solid 1px #eee}
.nav-menu:after{display:block;content:"\e6c3";vertical-align:middle;font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;right:10px;top:10px;position:absolute}
.nav-menu.nav-opened:after{content:"\e6c4"}
}
@media (max-width:757px){.nav-main>ul>li>a{font-size:13px}
.nav-main>ul>li>a,.navtop .nav-main>ul>li>a{height:36px}
.menu--left a{font-size:12px}
.menu--left ul li{padding:6px 10px}
.nav-main ul li i{height:36px}
}
@media (max-width:575px){.nav-main>ul>li>a{font-size:12px}
.app-mail,.app-nav{top:12px}
.app-mail i,.app-nav .app-nav1:before{font-size:26px}
.app-mail{right:70px}
.nav-menu:after{font-size:17px}
}
/*! lightbox*/html.lb-disable-scrolling{position:fixed;overflow:hidden;width:100vw;height:100vh}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8}
.lightbox{position:absolute;left:0;z-index:10000;width:100%;text-align:center;font-weight:400;line-height:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border:4px solid #fff;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;margin:0 auto;width:250px;height:250px;border-radius:4px;background-color:#fff}
.lb-outerContainer:after{clear:both;display:table;content:""}
.lb-loader{position:absolute;top:43%;left:0;width:100%;height:25%;text-align:center;line-height:0}
.lb-cancel{display:block;margin:0 auto;width:32px;height:32px;background:url(../images/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url('data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}
.lb-next,.lb-prev{display:block;height:100%;cursor:pointer}
.lb-nav a.lb-prev{left:0;float:left;width:34%;background:url(../images/prev.png) left 48% no-repeat;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{right:0;float:right;width:64%;background:url(../images/next.png) right 48% no-repeat;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{position:relative;margin:0 auto;padding-top:5px;width:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.lb-dataContainer:after{clear:both;display:table;content:""}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{margin:0 auto;margin-top:8px;width:85%;text-align:center;line-height:1.1em}
.lb-data .lb-caption{font-weight:600;font-size:16px;line-height:1.25}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{clear:left;display:block;padding-bottom:1em;color:#999;font-size:12px}
.lb-data .lb-close{position:absolute;top:0;right:0;float:right;display:block;width:30px;height:30px;outline:0;background:url(../images/close.png) top right no-repeat;text-align:right;opacity:.7;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{opacity:1;cursor:pointer}
[data-lightbox]:after{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;background:rgba(18,86,153,.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M1024 0v416L864 256 672 448l-96-96 192-192L608 0zM448 672L256 864l160 160H0V608l160 160 192-192z'/%3E%3C/svg%3E") no-repeat center;background-size:0 0;content:'';opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
[data-lightbox]:hover:after{background-size:32px 32px;opacity:1;width:100%;height:100%}
.page-pro .cell{background-color:#f8f8f8}
.page-pro .cell img{max-width:100%}
.page-pro .cell p{line-height:1.4;margin:12px 0}
/*! error-page*/.error-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px;margin-bottom:40px}
.error-page-left{width:40%;text-align:center}
.error-page-p1{line-height:1.2;color:#a97d56;margin-bottom:18px;margin-top:20px;text-transform:uppercase;background:url(../img/404-bg.png) repeat-x;background-position:center bottom;padding-bottom:14px;font-size:44px;font-weight:700;letter-spacing:7px;width:80%}
p.error-page-p2{background-position:right 5px;margin-bottom:5px;padding-right:15px;line-height:30px;font-weight:700;font-size:17px;width:80%}
.pape-1{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px}
.pape-1 a{margin-right:20px;padding:8px 30px;border:1px solid #a97d56;border-radius:10px;background:#fff;background:#a97d56;color:#fff;font-weight:600;text-transform:uppercase;text-decoration:none}
.pape-1 a.homemail{background:#fff;color:#a97d56}
.pape-1 a:hover{background-color:#a97d56;color:#fff}
.error-page-right{padding-left:40px;width:60%}
.error-page-left img{max-width:100%}
p.h2--page.page-choose{margin-top:40px;margin-bottom:0;font-size:24px}
p.h2--page.page-choose+p{margin-bottom:-100px}
.region--page p+ol,.region--page p+ul{margin-top:10px}
.region--pape .pape-1 .home404{color:#fff}
@media(max-width:1479px){.error-page-p1,p.error-page-p2{width:100%}
}
@media(max-width:1199px){.error-page-p1,p.error-page-p2{width:100%}
.error-page-p1{font-size:36px;font-weight:700;letter-spacing:0;width:100%}
}
@media(max-width:991px){p.h2--page.page-choose{font-size:18px}
.pape-1{margin-top:20px}
p.error-page-p2{font-size:14px}
}
@media(max-width:767px){.error-page-left{display:none}
.error-page-right{width:100%;padding-left:0}
}
@media(max-width:575px){p.h2--page.page-choose{margin-top:20px;margin-bottom:0;font-size:16px}
p.h2--page.page-choose+p{margin-bottom:-10px}
.error-page-p1{font-size:14px}
.error-page{margin-top:0;margin-bottom:20px}
p.error-page-p2{font-size:12px;line-height:1.6;text-transform:lowercase}
}
/*!popup--message*/.popup--main{position:relative;letter-spacing:.6px}
.popup--message__tit{position:fixed;right:0;bottom:0;z-index:500;line-height:1;cursor:pointer;color:#fff;font-weight:600;background-color:#e2693c;border-radius:10px 0 0 0;padding:12px 20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;border-top:solid 1px #fff;border-left:solid 1px #fff;font-size:15px}
.popup--message__tit:hover{-webkit-box-shadow:0 30px 40px 0 rgba(0,0,0,.2);box-shadow:0 30px 40px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}
.popup--message__tit i{font-size:22px;padding-right:10px;vertical-align:middle}
.popup--message__tit img{max-width:100%;line-height:1}
.popup--message__main{position:fixed;right:0;bottom:0;z-index:300;overflow:auto;background:#fff;border:1px solid #e9e9e9;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.16);box-shadow:0 5px 10px rgba(0,0,0,.16);border-radius:10px;width:440px}
.popup--message__tit+.popup--message__main{visibility:hidden;height:0;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}
.popup--message__tit-1{padding:5px 20px;background-color:#e2693c;color:#fff;font-weight:600;font-size:15px}
.popup--message__p{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;background-color:#f5f5f5}
.popup--message__p img{height:35px}
.popup--message__p p{margin:0;padding-top:5px;padding-left:10px;color:#444;font-weight:700;font-size:15px}
.popup--message__p-1{padding:10px 15px 10px;font-size:14px;color:#575a5d;line-height:1.6}
#contactform ul{margin-top:0;padding:0 15px}
#contactform ul li{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-ms-flex-wrap:wrap;flex-wrap:wrap}
#contactform ul li label{margin-top:5px;width:100%;font-size:14px}
#contactform ul li button,#contactform ul li input,#contactform ul li textarea{padding:6px;width:100%;font-size:14px}
#contactform ul li .red{color:red}
#contactform ul li.buttons input{display:inline-block;margin:18px 0 10px;padding:8px 30px;border:0;border-radius:20px;background-color:#e2693c;color:#fff;font-weight:500;font-size:14px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;letter-spacing:.6px;border:solid 2px #e2693c;width:auto}
#contactform ul li.buttons input:hover{border:solid 2px #e2693c;color:#e2693c;background-color:#fff}
.popup--message__tit.message-opened img{display:none}
.popup--message__tit.message-opened{position:absolute;z-index:300;background-color:#333}
.popup--message__tit.message-opened+.popup--message__main{visibility:visible;height:auto;opacity:1}
.close-message{position:absolute;top:2px;right:15px;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.close-message:hover{color:#eee}
.app--popup span{font-size:0}
.app--popup{position:fixed;right:10px;bottom:10px;z-index:301;display:none;line-height:1}
.app--popup i{color:#e2693c;font-size:50px}
.app--popup:hover i{color:#e2693c}
.app--popup a:hover{text-decoration:none}
.form-test1,input.form_required{display:none}
@media(max-width:1479px){.popup--message__tit{font-size:0;width:60px;height:60px;border-radius:50%;line-height:1;padding:0;right:15px;bottom:15px}
.popup--message__tit i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-right:0;font-size:30px}
}
@media(max-width:575px){.popup--message__main{width:90%}
#contactform ul li button,#contactform ul li input,#contactform ul li label,#contactform ul li textarea,#contactform ul li.buttons input,.popup--message__p-1{font-size:12px}
.popup--message__tit{width:40px;height:40px;right:10px;bottom:10px}
.popup--message__tit i{padding-right:0;font-size:20px}
}
/*! carousel*/.owl-carousel{position:relative;z-index:1;width:100%;-webkit-tap-highlight-color:transparent}
.owl-carousel>.item{display:none}
.owl-carousel>.owlitem01.item{display:block;position: relative;z-index: 1;}
.owl-carousel>.owlitem01.item img{visibility: hidden;}
.owl-carousel>.item img{max-width:100%}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{clear:both;display:block;visibility:hidden;height:0;content:".";line-height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;float:left;min-height:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{display:block;opacity:0}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;top:50%;left:50%;z-index:1;margin-top:-40px;margin-left:-40px;width:80px;height:80px;cursor:pointer;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat;opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;width:100%;height:100%}
.item--index-img{position:relative}
.owl-carousel .item .item--index-img{position:relative;padding-bottom:33.85%;width:100%}
.owl-carousel .item .item--index-img picture img{position:absolute;top:0;left:0}
.item--con{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:100%;left:50%}
.item--con.item-right .item--con-p{margin-left:auto;margin-right:0}
.owl-nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.owl-nav .owl-prev{margin-left:40px;width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.5);border-radius:50%;position:relative;font-size:0}
.owl-nav .owl-next{margin-right:40px;width:45px;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.5);border-radius:50%;position:relative;font-size:0}
.owl-nav .owl-prev:after{content:"\e616";font-size:18px;font-family:iconfont;line-height:1;cursor:pointer;color:#333;z-index:1;--webkit-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.owl-nav .owl-next:after{content:"\e616";font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;color:#333;z-index:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;display:block}
.owl-nav button:hover:after{color:#a97d56}
.tm{font-size:14px;padding:7px 12px;border:1px solid #cecece;border-radius:100px;display:inline-block;line-height:1.2;letter-spacing:1px}
.item-tit{font-size:32px;font-weight:500;line-height:1.2;text-shadow:0 0 20px rgba(0,0,0,.74)}
.item-tit span{color:#a97d56;position:relative;display:inline-block;padding-bottom:2px}
.item-tit .span---white{color:#fff}
.item-tit span:after{content:"";background-color:#a97d56;height:3px;width:100%;left:0;bottom:0;position:absolute}
.item--p{font-weight:400;font-size:18px;text-shadow:0 0 20px rgba(0,0,0,.74);margin-top:50px}
.item--a a{width:130px;height:40px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;margin:auto;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:solid 1px #fff;border-radius:25px}
.item--a a:hover{background-color:#a97d56;border-color:#a97d56}
.item--a{margin-top:40px}
.item--con.text-white.item--center{color:#fff;text-align:center;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.item--con.item--center .item--a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.item--con.text-white{color:#fff}
.owl-dots .owl-dot{margin:0 7px;width:10px;height:10px;border-radius:50%;background-color:#fff}
.owl-dots .owl-dot.active{width:26px;height:10px;background:#a97d56;border-radius:8px}
.owl-dots{position:absolute;bottom:25px;left:50%;z-index:1;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#owl-demo1 .owl-dots button{position:relative;color:#fff;overflow:hidden;cursor:pointer}
#owl-demo1 .owl-nav button:hover:after{color:#fff}
#owl-demo1 .owl-nav .owl-next:hover,#owl-demo1 .owl-nav .owl-prev:hover{background-color:#a97d56}
#owl-demo1 .owl-dots button:after{content:"";height:0;width:2px;background-color:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:50px;z-index:2;display:block;position:absolute}
#owl-demo1 .owl-dots .owl-dot.active button{padding-bottom:200px}
.owl-demo1-content{position:absolute}
#owl-demo1 .owl-dots{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;bottom:60px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-left:-684px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#owl-demo1 .owl-dots .owl-dot{width:auto;height:auto;background-color:unset;position:relative;color:#fff;font-size:26px;font-weight:600;line-height:1}
#owl-demo1 .owl-dots .owl-dot.active{font-size:32px}
#owl-demo1 .owl-dots .owl-dot+.owl-dot{margin-top:10px}
#owl-demo1 .owl-dots .owl-dot.active button:after{height:180px}
#owl-demo1 .owl-dots .owl-dot button:before{position:absolute;content:"";height:0;width:2px;background-color:#ed6c3a;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:50px;display:block;z-index:3;visibility:hidden;-webkit-transition-property:height;-o-transition-property:height;transition-property:height;-webkit-transition-duration:6s;-o-transition-duration:6s;transition-duration:6s}
#owl-demo1 .owl-dots .owl-dot.active button:before{height:180px;visibility:visible}
.item--index-img.item-b:after{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background-color:rgba(0,0,0,.3)}
.item--con.text-center{text-align:center}
#owl-demo1 li img{width:80px;line-height:1;height:80px}
.owl-demo1-content{background-color:rgba(32,32,32,.3);display:-webkit-box;display:-ms-flexbox;display:flex;width:410px;height:100%;position:absolute;right:0;top:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#owl-demo1 .stage{position:absolute;width:100%;top:0;height:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#owl-demo1 ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}
#owl-demo1 ul li{list-style-type:none;width:50%;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#owl-demo1 ul li span{font-size:14px;font-weight:500;color:#fff;line-height:1.2;margin-top:10px}
.owl-demo1-tit{font-weight:500;color:#fff;font-size:32px;text-align:center;line-height:1.2;padding-bottom:15px;position:relative}
.owl-demo1-tit:after{content:"";width:80px;height:1px;background-color:#fff;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
#owl-demo1 ul li:nth-child(even){border-left:solid 1px rgba(244,238,233,.4)}
#owl-demo1 ul li{border-bottom:solid 1px rgba(244,238,233,.4)}
#owl-demo1 ul li.owl-demo1-li{border-bottom:solid 0 rgba(244,238,233,.4);padding-bottom:0}
#owl-demo1 ul li.owl-demo1-li1{padding-top:0}
@media (max-width:1600px){#owl-demo1 li img{width:70px;height:70px}
#owl-demo1 ul li{padding:15px}
}
@media (max-width:1479px){.item--p{margin-top:30px}
.owl-demo1-content{width:360px}
#owl-demo1 ul li span{font-size:13px;margin-top:5px}
#owl-demo1 li img{width:60px;height:60px}
#owl-demo1 ul li{padding:10px}
.owl-demo1-tit{font-size:24px;padding-bottom:15px}
.owl-nav .owl-prev{margin-left:10px;width:40px;height:40px}
.owl-nav .owl-next{margin-right:10px;width:40px;height:40px}
}
@media (max-width:1199px){.item-tit{font-size:36px}
#owl-demo1 .item .item--index-img{padding-bottom:41.7%}
}
@media (max-width:991px){.item--a a{width:120px;height:34px;line-height:1}
#owl-demo1 .item .item--index-img{padding-bottom:45.4%}
#owl-demo1 ul{margin-top:15px}
#owl-demo1 ul li span{font-size:12px}
#owl-demo1 li img{width:45px;height:45px}
.owl-demo1-content{width:320px}
.owl-demo1-tit{font-size:18px;margin-bottom:10px;padding-bottom:10px}
.item-tit{font-size:30px}
.item--p{font-size:16px}
.item-tit span:after{height:2px}
}
@media (max-width:767px){#owl-demo1 .item .item--index-img{padding-bottom:54.75%}
.popup--message__tit-1{font-size:14px}
.owl-demo1-tit{font-size:17px}
}
@media (max-width:575px){#owl-demo1 .item .item--index-img{padding-bottom:52.17%}
.item-tit{font-size:16px}
.tm{font-size:10px}
.item--a{margin-top:0}
.owl-nav .owl-next,.owl-nav .owl-prev{width:30px;height:30px}
.owl-nav .owl-next:after,.owl-nav .owl-prev:after{font-size:14px}
.tm{margin-bottom:5px}
.item-tit span:after{height:1px}
.popup--message__tit-1{font-size:13px}
.popup--message__p-1{padding:10px 15px 5px}
#owl-demo1 ul li span{display:none}
#owl-demo1 li img{width:30px;height:30px}
.owl-demo1-tit{font-size:14px;margin-bottom:5px;padding-bottom:10px}
.owl-demo1-content{width:160px}
#owl-demo1 ul li{padding:7px}
.owl-demo1-tit:after{width:40px}
.item--p{font-size:12px}
.item--a a{width:100px;height:30px;font-size:11px}
.item--p{margin-top:15px}
}
/*!breadcrumbs*/.breadcrumbs--con{position:absolute;bottom:80px;z-index:2}
.breadcrumbs--tit{line-height:1.2;font-size:32px;font-weight:500;color:#fff}
.breadcrumbs--a{font-size:12px;margin-top:12px}
.breadcrumbs--a a,.breadcrumbs--a b{color:#969696}
.breadcrumbs--a b{font-weight:500}
.breadcrumbs--a a:after{content:"\e62f";vertical-align:middle;font-size:12px;font-family:iconfont;line-height:1;display:inline-block;font-style:normal;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;padding-right:7px;margin-right:7px}
.breadcrumbs--a a:hover{color:#a97d56}
.breadcrumbs--a a:hover:after{color:#969696}
.breadcrumbs--img{position:relative;width:100%;z-index:1;line-height:0}
.breadcrumbs--img img{width:100%}
.breadcrumbs--main .stage{position:relative}
.breadcrumbs--main{position:relative}
@media (max-width:1479px){.breadcrumbs--con{bottom:50px}
}
@media (max-width:1199px){.breadcrumbs--img{padding-bottom:16.68%}
.breadcrumbs--tit{font-size:28px}
}
@media (max-width:991px){.breadcrumbs--tit{font-size:25px}
.breadcrumbs--img{padding-bottom:20.18%}
.breadcrumbs--con{bottom:30px}
}
@media (max-width:767px){.breadcrumbs--img{padding-bottom:19.55%}
.breadcrumbs--con{bottom:20px}
.breadcrumbs--tit{font-size:22px}
}
@media (max-width:575px){.breadcrumbs--img{padding-bottom:26.08%}
.breadcrumbs--a{margin-top:5px}
.breadcrumbs--tit{font-size:16px}
.breadcrumbs--a,.breadcrumbs--a a:after{font-size:10px;line-height:1.3}
}
/*!about--list*/.about-list .cell .about-list--main{background-color:#fff;-webkit-box-shadow:0 0 20px rgba(35,35,35,.1);box-shadow:0 0 20px rgba(35,35,35,.1);padding:40px;position:relative;height:100%}
.h1-tit--top{color:#969696;font-size:14px;padding-left:55px;position:relative;line-height:1}
.h1-tit--top:before{width:40px;height:2px;background-color:#a97d56;left:0;top:5px;content:"";position:absolute}
.h1-tit{line-height:1.4;font-size:32px;font-weight:500;margin-top:15px;margin-bottom:35px}
.h2-tit{font-size:28px;line-height:1.4;font-weight:500;padding-left:45px;position:relative}
.h2-tit:before{width:30px;height:1px;background-color:#a97d56;left:0;top:18px;content:"";position:absolute}
.about-list-p{margin-bottom:45px}
.about-list{margin:40px 0 0}
.about-list+.about-list{margin-top:0;margin-bottom:-40px}
.about-list--tit{line-height:1.6;margin-top:0;font-size:20px;font-weight:500}
.about-list .about-list--tit+p{font-size:14px;line-height:1.6;color:#636363}
.about-list--a i{position:absolute;color:rgba(32,32,32,.25);font-size:40px;right:20px;bottom:20px;line-height:1}
.about-list .cell a:hover{text-decoration:none}
.about-list .cell a .about-list--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;text-decoration:none;background-color:#a97d56;display:flex;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.about-list .cell a .about-list--tit+p{color:#f3e3d3;margin-bottom:50px}
.about-list--a span{display:inline-block;color:#fff;font-size:14px;line-height:1;padding:8px 20px;border:1px solid #fff;border-radius:20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.about-list .cell a:hover .about-list--main{text-decoration:none;-webkit-box-shadow:0 30px 40px 0 rgba(0,0,0,.2);box-shadow:0 30px 40px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
.about-list .cell a:hover .about-list--main .about-list--a span{background-color:#fff;color:#a97d56}
.region--market{background-color:#202020}
.market--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.market--con{width:41.42%;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.market--img{width:54.28%}
.img--70,.img--70 img{background-color:#202020}
.market--p .h2-tit{margin:0 0 30px}
@media (max-width:1479px){.h1-tit{font-size:28px;margin-top:15px;margin-bottom:30px}
.h2-tit{font-size:25px}
.about-list{margin:30px 0 0}
.about-list+.about-list{margin-bottom:-20px}
.about-list-p{margin-bottom:35px}
}
@media (max-width:1199px){.h1-tit{font-size:26px;margin-top:10px;margin-bottom:25px}
}
@media (max-width:991px){.h1-tit--top{font-size:12px;padding-left:40px}
.h1-tit--top:before{width:28px;top:5px}
.h1-tit{font-size:24px;margin-bottom:20px}
.h2-tit{font-size:22px}
.about-list-p{margin-bottom:30px}
.about-list .cell .about-list--main{background-color:#fff;-webkit-box-shadow:0 0 20px rgba(35,35,35,.1);box-shadow:0 0 20px rgba(35,35,35,.1);padding:30px;position:relative;height:100%}
.about-list--tit{font-size:18px}
.h2-tit:before{top:14px}
.market--main{-ms-flex-wrap:wrap;flex-wrap:wrap}
.market--con,.market--img{width:100%}
.market--p .h2-tit{margin:0 0 20px}
}
@media (max-width:767px){.h1-tit{font-size:20px;margin-bottom:15px}
.h2-tit{font-size:18px}
.about-list-p{margin-bottom:20px}
.about-list{margin:20px 0 0}
.about-list--tit{font-size:15px;line-height:1.4}
.about-list .cell .about-list--main{padding:20px}
.h2-tit:before{top:12px}
.about-list .cell a .about-list--tit+p{margin-bottom:30px}
.about-list--tit+p{font-size:13px}
.market--p .h2-tit{margin:0 0 10px}
}
@media (max-width:575px){.h1-tit{font-size:16px;line-height:1.3;margin-bottom:10px}
.h2-tit{padding-left:30px;font-size:15px}
.h2-tit:before{top:10px;width:20px}
.about-list .cell a .about-list--tit+p{margin-bottom:15px}
.about-list--a span{font-size:12px;padding:6px 16px}
.about-list-p{margin-bottom:15px}
.about-list .cell .about-list--main{padding:15px;padding-bottom:20px}
.about-list--tit{font-size:14px;margin-bottom:10px}
.about-list--tit+p{font-size:12px}
.about-list--a i{font-size:30px;right:10px;bottom:10px}
.about-list+.about-list{margin-bottom:-10px}
}
/*! footer*/.footer--top{background-color:#f0f0f0;border-bottom:solid 5px #c2a388}
.footertop{padding:20px;max-width:1000px;margin:auto}
.img--5989,.img--5989 img{background-color:#f0f0f0;max-width:100%;width:auto;line-height:1}
.footer--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px}
.footer--left{width:30%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex}
.footer--left-top{margin-bottom: 40px;}
.footer--right{width:64.28%}
.footer--logo{max-width:70px;margin-bottom:40px}
.footer--logo .img--163,.footer--logo .img--163 img{background-color:#e8e8e8}
.footer-tit-top{color:#969696;line-height:1;margin-bottom:15px}
.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex}
.footer-social a{width:46px;height:46px;border:solid 1px #a1a1a1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%}
.footer-social a span{display:none}
.footer-social a+a{margin-left:17px}
.footer-social a i{color:#a97d56;font-size:26px;line-height:1}
.footer-social a:hover{background-color:#a97d56}
.footer-social a:hover i{color:#fff}
.footermail a{line-height:1;color:#a97d56;font-size:30px;font-weight:500}
.footermail a:hover{text-decoration:underline}
.footer-mail p{color:#969696;margin-top:20px;margin-bottom:0;line-height:1.4}
.footer--right-img{margin-top:15px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #dadada}
.footer--right-img img{max-width:100%}
.footer--nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer--nav-cell{width:23%}
.footer--nav-tit a{color:#202020;font-weight:600;line-height:1.2}
.footer--nav-tit{margin-bottom:30px}
.footer--nav-cell ul{padding:0;margin:0;line-height:1.2}
.footer--nav-cell ul li{list-style-type:none}
.footer--nav-cell ul li+li{margin-top:11px}
.footer--nav-cell ul li a{color:#636363;line-height:1.2;font-size:13px}
.footer--right-bottom{margin-top:35px;color:#969696;padding-top:35px;border-top:1px solid #dadada}
.footer--nav-cell a:hover{color:#a97d56;text-decoration:underline}
@media (max-width:1479px){.footermail a{font-size:24px}
.footer--right-img{margin-bottom:30px;padding-bottom:30px;margin-top:10px}
.footer--right-bottom{margin-top:30px;padding-top:30px}
.footer--logo{width:80px;margin-bottom:35px;}
}
@media (max-width:1199px){.footer--main{font-size:13px}
.footermail a{font-size:19px}
.footer--right-img img{max-width:80%}
.footer-social a+a{margin-left:15px}
.footer-social a{width:40px;height:40px}
.footer--nav-cell ul li a{font-size:12px}
}
@media (max-width:991px){.footer--main{-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer--left,.footer--right{width:100%}
.footer--logo{display:none}
.footer-tit-top{margin-bottom:8px}
.footer-social{margin-bottom:15px}
.footer-mail p{margin-top:10px;margin-bottom:20px;color:#636363}
.footer--right-img{margin-bottom:10px;padding-bottom:10px}
.footer--nav-tit{margin-bottom:10px}
.footer--right-bottom{margin-top:10px;padding-top:10px}
.footer--nav-cell ul li+li{margin-top:4px}
.footermail a{font-size:20px}
.footer--nav-cell ul li a{font-size:12px}
.footertop{padding:10px 0}
.footer--right-img img{max-width:70%}
}
@media (max-width:767px){.footer--nav{-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer--nav-cell{width:48%;margin-bottom:15px}
.footer--nav-cell ul li+li{margin-top:2px}
.footer--top{border-bottom:solid 3px #c2a388}
.footer-social a{width:36px;height:36px}
.footer-social a i{font-size:20px}
.footer-mail p{margin-bottom:15px}
.footer--left-top{margin-bottom: 20px;}
}
@media (max-width:575px){.footer--main{font-size:12px}
.footer--nav-cell ul li a{font-size:11px}
.footermail a{font-size:17px}
.footer--right-img img{max-width:100%}
.footer--right-bottom{margin-top:5px}
.footer--right{display:none}
}
/*!wow*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
/*!Our Capacity*/.breadcrumbs--factory .breadcrumbs--img{padding-bottom:38.95%}
.breadcrumbs--factory .breadcrumbs--img:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:rgba(32,32,32,.2)}
.breadcrumbs--factory .breadcrumbs--a{position:absolute;top:15px;z-index:2}
.breadcrumbs--factory .breadcrumbs--a a,.breadcrumbs--factory .breadcrumbs--a b{color:#fff}
.breadcrumbs--factory .breadcrumbs--a a:hover{color:#e8c19e}
.breadcrumbs--factory .breadcrumbs--a a:hover:after{color:#e8c19e}
.breadcrumbs--factory .breadcrumbs--main .stage{position:initial}
.breadcrumbs--con-1{width:800px;color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:80px 0;z-index:2;text-align:center}
.breadcrumbs--con-1:after{content:"";height:2px;background-color:#ddd;width:200px;bottom:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.breadcrumbs--con-1:before{content:"";height:2px;background-color:#ddd;width:200px;top:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.region--have{background:url(/img/about/about-ourcapacity-bg.png) no-repeat;background-size:cover;padding-top:100px}
.have-con{border-left:solid 1px #a97d56;padding-left:25px}
.have-con span{line-height:1;font-size:38px;color:#a97d56;font-weight:600}
.have-con span:last-child{font-size:16px;font-weight:400;color:#202020;line-height:1.4;display:block;margin-top:5px}
.region--have .have--list .cell{margin-bottom:120px}
.region--have .have--list{margin-top:60px}
.region--factory h2{margin-top:0;position:relative;z-index:2}
.region--factory p{margin-bottom:0;position:relative;z-index:3;width:65.71%}
.factory-img{margin-top:55px;width:65.71%;position:relative;z-index:3}
.factory--main{position:relative}
.region--factory{position:relative;overflow:hidden}
.region--factory:after{content:"";position:absolute;background:url(/img/about/spc-flooring-factory-gate.jpg) no-repeat right bottom;background-size:cover;width:1050px;height:760px;z-index:1;right:0;bottom:0}
.region--factory:before{content:"";position:absolute;width:1050px;height:760px;z-index:2;background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);right:0;bottom:0}
@media (max-width:1479px){.breadcrumbs--con-1{padding:40px 0}
.region--have{padding-top:80px}
.region--have .have--list .cell{margin-bottom:100px}
.factory-img{margin-top:40px;width:75%}
.region--factory p{width:75%}
}
@media (max-width:1199px){.region--factory:after,.region--factory:before{width:80%;height:80%;background-size:90%}
.region--have{padding-top:40px}
.breadcrumbs--con-1{padding:25px 0}
.region--have .have--list{margin-top:40px}
.region--have .have--list .cell{margin-bottom:60px}
.have-con span{font-size:30px}
}
@media (max-width:991px){.factory-img{margin-top:30px;width:100%}
.region--factory p{width:100%}
.have-con span{font-size:22px}
.breadcrumbs--con-1{padding:15px 0;width:700px}
.breadcrumbs--con-1:after,.breadcrumbs--con-1:before{display:none}
.have-con span{font-size:26px}
.have-con span:last-child{font-size:14px}
}
@media (max-width:767px){.breadcrumbs--con-1{padding:15px 0;width:auto;position:initial;-webkit-transform:none;-ms-transform:none;transform:none}
.breadcrumbs--con-1 h1{color:#fff;position:absolute;top:100px;padding:0;z-index:2;text-align:center;width:500px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.breadcrumbs--con-1 p{color:#202020;text-align:left}
.region--have{padding-top:20px}
.region--have .have--list .cell{margin-bottom:40px}
.region--have .have--list{margin-top:20px}
.have-con span{font-size:22px}
}
@media (max-width:575px){.factory-img{margin-top:20px}
.breadcrumbs--con-1 h1{top:60px;width:90%}
.region--have{padding-top:10px}
.region--have .have--list .cell{margin-bottom:25px}
.region--have .have--list{margin-top:15px}
.have-con span{font-size:20px}
.have-con span:last-child{font-size:13px}
.have-con{padding-left:10px}
}
/*! Quality Control*/.gray-1{background-color:#f8f8f8}
.p--bottom-0{margin-bottom:0}
#owl-demo2{margin-top:50px}
#owl-demo2 .owl-nav{position:initial;-webkit-transform:none;-ms-transform:none;transform:none}
#owl-demo2 .owl-next.disabled,#owl-demo2 .owl-prev.disabled{display:none}
#owl-demo2 .owl-next,#owl-demo2 .owl-prev{display:block}
.process--i{width:26px;height:26px;border-radius:50px;border:solid 1px #a97d56;margin:auto;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f8}
#owl-demo2 .item{position:relative}
.process--i i{width:14px;height:14px;background-color:#a97d56;border-radius:50%;line-height:1;z-index:2}
.process--i:after{content:"";height:0;width:100%;position:absolute;left:0;top:12px;border:dashed 1px #dadada;z-index:-1}
.process--i:before{display:block;content:"\e6d1";vertical-align:middle;font-size:16px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;position:absolute;top:5px;right:-22px;color:#dadada;margin-left:0}
#owl-demo2 .owl-stage .owl-item:first-child .process--i:after{width:50%;left:auto;right:0}
#owl-demo2 .owl-stage .owl-item:last-child .process--i:after{width:50%;left:0}
#owl-demo2 .owl-stage .owl-item:last-child .process--i:before{display:none}
#owl-demo2 .owl-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:0;background-color:#202020;left:5px}
#owl-demo2 .owl-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:5px;margin-right:0;background-color:#202020}
#owl-demo2 .owl-nav .owl-next:after,#owl-demo2 .owl-nav .owl-prev:after{color:#fff}
.process--con{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-top:20px}
.process--con span{display:inline-block;font-weight:500}
.process--con span+span:before{content:"/";color:#a97d56;font-size:28px;padding-right:2px}
.process--con span:first-child{color:#a97d56;font-size:20px;padding-right:2px;vertical-align:super}
#owl-demo2 .owl-next:hover,#owl-demo2 .owl-prev:hover{background-color:#a97d56}
#owl-demo2 .owl-nav .owl-next:hover:after,#owl-demo2 .owl-nav .owl-prev:hover:after{color:#fff}
.region--certificate h2,.region--inspection h2,.region--process h2{margin-top:0}
.inspection-tit{text-align:center;font-weight:500;font-size:20px;margin-top:60px;margin-bottom:40px;line-height:1.3}
.inspection-tit span{line-height:1;color:#a97d56;font-size:24px}
.grid p{line-height:1.4;padding:5px}
.br--line{background-color:#f0f0f0;height:1px;width:100%}
.region--inspection{margin-bottom:-40px}
.inspection-img p{margin-top:3px;background-color:#f0f0f0;padding:15px 10px}
.inspection-img p:before{content:"\e68a";vertical-align:middle;font-size:12px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;color:#a97d56;padding-right:5px}
.certificate-img .img--75:after{content:"";background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(249,249,249,.87) 67%,#f8f8f8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(67%,rgba(249,249,249,.87)),to(#f8f8f8));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(249,249,249,.87) 67%,#f8f8f8 100%);width:100%;height:100%;top:0;left:0;position:absolute;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.certificate-img p{position:absolute;bottom:25px;padding:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:0}
.certificate-img p i{color:red;line-height:1;display:block;margin-bottom:15px;font-size:30px}
.certificate-img p span{color:#202020;font-weight:500}
.certificate-img a:hover .img--75:after{background:rgba(169,125,86,.2)}
.certificate-img{margin-bottom:-40px}
@media (max-width:1479px){.inspection-img+.br--line{margin-top:40px}
.certificate-img,.region--inspection{margin-bottom:-20px}
}
@media (max-width:1199px){.process--con span+span:before{font-size:20px}
.process--con span:first-child{font-size:16px}
.process--con span{font-weight:400}
#owl-demo2{margin-top:35px}
}
@media (max-width:991px){.inspection-tit{font-size:18px;margin-top:40px}
.inspection-img+.br--line{margin-top:20px}
}
@media (max-width:575px){.certificate-img{margin-top:15px;margin-bottom:-5px}
.process--i{width:20px;height:20px;margin-bottom:20px}
.process--i i{width:12px;height:12px}
.process--i:after{top:9px}
.process--con span:first-child{font-size:12px;font-weight:500}
#owl-demo2{margin-top:25px}
.process--con{margin-top:10px}
.inspection-img p:before{display:none}
.inspection-img p{padding:10px}
.inspection-img+.br--line{margin-top:10px}
.inspection-tit span{font-size:20px}
.inspection-tit{font-size:16px;margin:20px 0}
.inspection-img{margin-top:15px}
}
/*! Our Team*/.team--top{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:60px}
.h1-tit--top span{display:inline-block;width:4px;height:4px;font-size:0;background-color:#969696;border-radius:50%;vertical-align:middle;margin:0 4px}
.h1-tit--top.text-center{display:inline-block}
.w--1200{width:1200px;margin:auto}
.team--img{width:100%}
.team--top p{background-color:#f4eee9;-webkit-box-shadow:0 0 20px rgba(0,0,0,.05);box-shadow:0 0 20px rgba(0,0,0,.05);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:80px;width:675px;left:-80px;text-align:left}
.region--team-con{position:relative;background:url(/img/about/spc-flooring-team-conference.jpg) no-repeat center center;background-size:cover}
.region--team-con p{width:600px;color:#fff;margin-top:150px;margin-right:100px;margin-bottom:185px}
.region--team-con-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.team--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.team--main+.team--main{margin-top:80px}
.team--img-1{width:47.14%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.team--con{width:52.86%;padding:140px 80px;background-color:#f4eee9;border-right:solid 5px rgba(210,186,166,.6)}
.team--main-1 .team--main:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.team--con ul li::marker{color:#d2baa6}
.team--con ul{padding-left:25px}
.team--con ul li{margin-bottom:10px}
.team--con .team--tit:after{content:"\e615";font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;color:#a97d56;display:inline-block;padding-left:10px}
.team--con .team--tit{padding-left:0}
.team--con .h2-tit:before{display:none}
@media (max-width:1479px){.w--1200{width:100%}
.team--top p{left:0;padding:50px;width:600px}
.team--con{padding:80px}
.team--main+.team--main{margin-top:60px}
}
@media (max-width:1199px){.team--main+.team--main{margin-top:50px}
.team--con{padding:40px}
.team--top{margin-top:40px;display:block}
.region--team-con p{width:500px;color:#fff;margin-top:80px;margin-right:0;margin-bottom:114px}
.team--top p{position:inherit;-webkit-transform:none;-ms-transform:none;transform:none;width:100%;padding:40px}
}
@media (max-width:991px){.team--main{display:block}
.region--team-con p{width:100%;color:#fff;background-color:rgba(0,0,0,.25);padding:60px 20px;margin:40px 0}
.team--con,.team--img-1{width:100%}
}
@media (max-width:767px){.team--con{padding:20px}
.team--con ul li{margin-bottom:5px}
.team--main+.team--main{margin-top:40px}
}
@media (max-width:575px){.team--top{margin-top:20px}
.team--top p{padding:15px}
.region--team-con p{padding:20px}
.team--con{padding:15px}
.team--main+.team--main{margin-top:20px}
.team--con ul{margin:10px 0 0}
}
/*!Culture*/.gray-2,.img--24,.img--24 img{background-color:#f4eee9}
.culture--img{max-width:540px;margin:50px auto 0}
.region--vision{position:relative}
.region--vision:after{content:"";width:100%;height:50%;left:0;bottom:0;position:absolute;background-color:#fafafa}
.visionmain{position:relative;z-index:2;padding:0 100px;background:url(/img/about/logo-bg.svg) no-repeat center center #fff;background-size:contain}
.culture--tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.vision-1{font-size:50px;line-height:1;color:#a97d56;font-weight:500}
.vision-2{font-size:22px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;color:#a97d56;padding:0 10px}
.vision-3{font-size:32px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;line-height:1}
.vision--p{line-height:1.4;color:#a97d56;font-size:24px;font-weight:500;margin-top:30px;margin-bottom:0}
.vision--main{padding:60px 75px 50px;display:-webkit-box;display:-ms-flexbox;display:flex}
.vision--cell{width:33.333%;padding:0 75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}
.vision--cell+.vision--cell{position:relative}
.vision--cell+.vision--cell:after{content:"";height:80%;top:10%;left:0;position:absolute;width:1px;background-color:rgba(169,125,86,.5)}
.vision--cell i{font-size:80px;color:#a97d56;line-height:1}
.vision--cell span{padding-top:20px;margin-top:20px;position:relative;display:block;line-height:1.4;font-weight:500}
.vision--cell span:after{content:"";position:absolute;width:40px;height:1px;background-color:#a97d56;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.region--mission{position:relative;background:url(/img/about/utop-culture-team-discussion-1.jpg) no-repeat center center;background-size:cover}
.mission--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff}
.mission--left .culture--tit,.region--values .culture--tit{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.mission--left .culture--tit{color:#fff;margin-bottom:60px}
.mission--left .vision-1,.mission--left .vision-2{color:#fff}
.mission--left{width:440px;margin-left:100px;font-size:24px;line-height:1.5}
.mission--right{width:560px;margin-right:100px;margin-top:110px}
.region--values{position:relative;background:url(/img/about/utop-culture-core-values-road-1.jpg) no-repeat center top;background-size:cover;height:940px}
.region--values .w--1200{position:relative}
.region--values ul{margin:0;padding:0}
.region--values ul li{list-style-type:none;width:450px}
.valuescon-tit{line-height:1.4;color:#a97d56;font-size:24px;font-weight:500;margin-bottom:15px}
.region--values ul li:nth-child(1){position:absolute;left:0;top:158px;text-align:right}
.region--values ul li:nth-child(2){position:absolute;right:0;top:292px;text-align:left}
.region--values ul li:nth-child(3){position:absolute;left:0;top:424px;text-align:right}
.region--values ul li:nth-child(4){position:absolute;right:0;top:590px;text-align:left}
.region--future{position:relative;background:url(/img/about/utop-culture-target-goals.jpg) no-repeat center center;background-size:cover}
.region--future:after{content:"";background-color:rgba(117,112,108,.46);position:absolute;top:0;left:0;width:100%;height:100%}
.future--main{position:relative;color:#fff;z-index:1;margin:60px 0}
.region--future .h2-tit:before{display:none}
.future--img img{max-width:100%}
.future--img{margin-bottom:50px}
.future--tit{margin-bottom:30px}
@media (max-width:1479px){.culture--img{max-width:450px;margin:40px auto 0}
.vision--main{padding:60px 0 40px}
.vision-1{font-size:40px}
.vision-3{font-size:28px}
.mission--left{width:360px;font-size:20px;padding-top:60px}
.mission--right{width:496px;margin-top:130px;padding-left:50px}
.region--values .culture--tit{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.region--values{height:800px}
.region--values ul li{width:430px}
.region--values ul li:nth-child(1){top:140px}
.region--values ul li:nth-child(2){top:256px}
.region--values ul li:nth-child(3){top:367px}
.region--values ul li:nth-child(4){top:507px}
.vision--p{font-size:22px}
}
@media (max-width:1199px){.culture--img{max-width:360px;margin:30px auto 0}
.vision--main{padding:50px 0 30px}
.visionmain{padding:0 40px}
.vision-1{font-size:34px}
.vision-3{font-size:26px}
.vision--cell{padding:0 40px}
.mission--left{margin-left:0}
.mission--right{margin-right:0}
.region--values{background-position-y:-60px;background-color:#ededed}
.region--values{height:850px}
.region--values ul li{width:320px}
.region--values ul li:nth-child(1){top:103px}
.region--values ul li:nth-child(2){top:226px}
.region--values ul li:nth-child(3){top:345px}
.region--values ul li:nth-child(4){top:492px}
.valuescon-tit{margin-bottom:5px}
.future--main{margin:40px 0}
.future--img{margin-bottom:40px}
.vision--p{font-size:20px}
}
@media (max-width:991px){.culture--img{max-width:300px;margin:20px auto 0}
.vision--p{font-size:18px}
.vision--cell{padding:0 15px}
.vision--main{padding:30px 0 20px}
.vision--cell i{font-size:60px}
.visionmain{padding:0 20px}
.region--mission{background:url(/img/about/utop-culture-team-discussion.jpg) no-repeat center center;position:relative;background-size:cover}
.region--mission:after{content:"";background-color:rgba(10,10,10,.46);position:absolute;width:100%;height:100%;left:0;top:0}
.mission--main{display:block;position:relative;z-index:1}
.mission--left{width:100%;font-size:18px;padding-top:0}
.mission--left .culture--tit{margin-bottom:20px}
.mission--right{width:100%;margin-top:0;padding-left:0}
.region--values ul li{width:250px}
.valuescon-tit{font-size:20px}
}
@media (max-width:767px){.vision-1{font-size:24px}
.vision-3{font-size:16px}
.vision--p{font-size:15px;margin-top:15px}
.mission--left{font-size:16px}
.region--values{background:url(/img/about/utop-culture-core-values-road.jpg) no-repeat center top;background-size:cover;height:auto}
.region--values ul li:nth-child(1),.region--values ul li:nth-child(2),.region--values ul li:nth-child(3),.region--values ul li:nth-child(4){position:inherit;left:0;top:0;text-align:left;width:100%}
.region--values ul{margin-top:25px}
.valuescon-tit{font-size:17px}
.future--main{margin:0}
.footer--right{display:none}
.future--tit{margin-bottom:20px}
.future--img{margin-bottom:30px}
.region--values .culture--tit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
@media (max-width:575px){.future--tit{margin-bottom:15px}
.future--img{margin-bottom:20px}
.culture--img{max-width:200px}
.vision--p{font-size:13px}
.vision--cell i{font-size:40px}
.vision--cell{padding:0 5px}
.vision--cell span{padding-top:10px;margin-top:10px;font-size:11px;font-weight:400}
.vision--main{padding:20px 0 10px}
.mission--left{font-size:14px}
.valuescon-tit{font-size:15px}
}
#owl-demo3{padding-bottom:40px}
.comments--img{width:80px;margin:auto}
#owl-demo3 .item{text-align:center;background-color:#f4eee9;border-radius:15px;padding:55px 55px 40px}
#owl-demo3 .img--100,#owl-demo3 .img--100 img{background-color:#f4eee9}
.comments--name{margin-top:5px;margin-bottom:3px}
.comments--from{font-size:14px;color:#bbac8f;margin-bottom:5px}
.comments--from:before{content:"\e6aa";vertical-align:middle;font-family:iconfont;line-height:1;font-style:normal;padding-right:5px;display:inline-block}
.comments--star i{font-size:14px;color:#a97d56}
.comments--star i+i{display:inline-block;padding-left:3px}
.comments--tit{font-weight:500;line-height:1.4;font-size:18px;margin-top:15px;margin-bottom:15px}
#owl-demo3 .owl-nav .owl-prev{margin-left:10px;background-color:rgba(169,125,86,.6);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#owl-demo3 .owl-nav .owl-next{margin-right:10px;background-color:rgba(169,125,68,.6);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#owl-demo3 .owl-nav .owl-next:after,#owl-demo3 .owl-nav .owl-prev:after{color:#fff}
#owl-demo3 .owl-nav .owl-prev:hover{background-color:#202020}
#owl-demo3 .owl-nav .owl-next:hover{background-color:#202020}
#owl-demo3 .owl-dots{position:absolute;bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;width:150px}
#owl-demo3 .owl-dots .owl-dot.active{width:100%;height:6px;background:#a97d56;border-radius:2px}
#owl-demo3 .owl-dots .owl-dot{margin:0;width:100%;height:6px;border-radius:2px;background-color:#e8e8e8;margin:0 1px}
@media (max-width:1479px){#owl-demo3 .item{padding:30px}
}
@media (max-width:1199px){.comments--tit{font-size:17px}
}
@media (max-width:991px){.comments--tit{font-size:16px}
}
@media (max-width:767px){.comments--from{font-size:12px}
#owl-demo3 .item{padding:20px}
.comments--tit{font-size:15px}
.comments--star i{font-size:13px}
}
@media (max-width:575px){.comments--star i{font-size:12px}
.comments--tit{font-size:15px;margin:10px 0}
}
/*! Contact*/.contact-mail form>div{margin-bottom:20px;position:relative;width:100%}
.contact-mail form .submitdiv{margin-bottom:0}
.input-group-1>input,.input-group-1>textarea{border:1px solid #eee}
.contact-mail form input{width:100%;background-color:#eee}
.contact-mail form input,.contact-mail form textarea{font-size:16px;padding:10px 10px 10px 35px;line-height:20px;position:relative}
.contact-mail .form-name:before{font-family:iconfont;content:"\e6f1";display:block;position:absolute;left:10px;top:8px;z-index:1;color:#666;font-size:18px}
.contact-mail .form-email:before{font-family:iconfont;content:"\e6f2";display:block;position:absolute;left:10px;top:8px;z-index:1;color:#666;font-size:18px}
.contact-mail .form-phone:before{font-family:iconfont;content:"\e6f3";display:block;position:absolute;left:10px;top:8px;z-index:1;color:#666;font-size:18px}
.contact-mail .form-message:before{font-family:iconfont;content:"\e6f4";display:block;position:absolute;left:10px;top:8px;z-index:1;color:#666;font-size:18px}
.contact-mail form textarea{width:100%;background-color:#eee}
.contact-mail form .form-message{margin-bottom:15px}
.contact-mail form input.input{display:inline-block;margin:10px 0 10px;padding:8px 35px;border:0;border-radius:20px;background-color:#a97d56;color:#fff;font-weight:500;font-size:14px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;letter-spacing:.6px;border:solid 2px #a97d56;width:auto}
.contact-mail form .input:hover{border:solid 2px #a97d56;color:#a97d56;background-color:#fff}
input[name=track_report]{display:none}
.textfield__label{color:rgba(0,0,0,.55);font-weight:400;left:35px;pointer-events:none;position:absolute;top:12px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;background:unset;padding:0 5px;font-size:14px}
.input-group-1>input .textfield__label,.input-group-1>input:focus~.textfield__label,.input-group-1>textarea:focus~.textfield__label{color:rgba(0,0,0,.55);font-size:12px;top:-12px;background-color:#fff}
.input-group-1>input:focus,.input-group-1>textarea:focus{border:1px solid #4285f4}
.nonoen{color:rgba(0,0,0,.55);font-size:12px;top:-12px;background-color:#fff}
.form-test{display:none}
.contact--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.4;margin-top:60px}
.contact--left{width:42.85%;border:1px solid #e8e8e8;border-radius:5px;padding:40px 55px}
.contact--right{width:52.42%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.contact--cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:solid 1px #e8e8e8;margin-bottom:20px;padding-bottom:20px;width:100%}
.contact--i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.contact--i i{font-size:40px;color:#a97d56;line-height:1}
.contact--con{width:calc(100% - 65px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.contact--con span{padding:4px 0;display:block}
.region--page a{text-decoration:none;display: flex;flex-direction: column;height: 100%;}
.region--page .pro-ul a{display: inline;}
.region--page a:hover{text-decoration:underline}
.technology--p{display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.region--page .footer-social a:hover{text-decoration:none}
.contact--main .footer-social a{width:40px;height:40px}
.contact--main .footer-social{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media(max-width:1199px){.contact--left{width:48%;padding:30px}
.contact--right{width:48%}
.contact--main{margin-top:40px}
}
@media(max-width:991px){.contact--main{display:block;margin-top:30px}
.contact--main{display:block}
.contact--left{width:100%;margin-bottom:30px}
.contact--right{width:100%}
.contact--con{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media(max-width:767px){.contact-mail form input,.contact-mail form textarea{font-size:14px}
.contact-mail form>div{margin-bottom:15px}
.contact-mail form input.input{font-size:13px;padding:6px 35px;width:130px}
.contact-mail form input,.contact-mail form textarea{font-size:12px;padding:6px 10px 6px 35px}
.textfield__label{font-size:12px;top:9px}
.textfield__label.nonoen{font-size:10px;top:-12px}
.contact-mail form input.input{font-size:12px;padding:4px 35px;width:120px}
.contact-mail .form-email:before,.contact-mail .form-message:before,.contact-mail .form-name:before,.contact-mail .form-phone:before{top:5px}
}
@media(max-width:575px){.contact--left{padding:15px}
.contact--i i{font-size:32px}
.contact--con{width:calc(100% - 45px)}
.contact--cell{margin-bottom:10px;padding-bottom:10px}
.contact--main .footer-social a{width:32px;height:32px}
.contact--main .footer-social{margin-top:15px;margin-bottom:0}
.contact-mail form input.input{margin-top:0}
}
/*! Accessories*/.gray-3{background-color:#f4eee9}
.gray-3+.region--footer{border-top:solid 1px #fff}
.pro--accessories{margin-top:0;margin-bottom:-40px}
.pro--accessories .cell{background-color:#fff}
.pro--cell-img{margin:8px;border:1px solid #e4e4e4}
.pro--cell-con{padding:25px}
.pro--top{position:relative}
.pro--top-con{position:absolute;width:100%;left:0;top:0;width:100%;height:100%}
.pro--top-cell{width:450px;padding:45px;position:absolute;right:20px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(255,251,238,.7)}
.pro--top-con .stage{position:relative;height:100%}
.region--page .pro--top-cell a{color:#e2693c;font-weight:500}
.pro--top-img{height:690px}
.pro--top-img img{width:100%;height:100%}
.region--pro{overflow:hidden}
.pro--cell-top{color:#969696;font-size:12px;line-height:1}
.pro--accessories .cell{position:relative}
.accessories--tit{font-size:22px;font-weight:500;border-bottom:solid 1px #ccc;margin-bottom:10px;padding-bottom:10px;line-height:1.3;margin-top:10px}
.pro--cell-con ul li::marker{color:#d2baa6}
.pro--cell-con ul{padding-left:20px}
.pro--cell-con ul li{margin-bottom:2px}
.accessories--img img{position:absolute;color:#a97d56;position:absolute;right:20px;bottom:20px;line-height:1}
.accessories--img img{max-width:60px}
@media (max-width:1479px){.pro--accessories{margin-top:0;margin-bottom:-20px}
.pro--top-img{height:550px}
.pro--top-cell{width:480px;padding:30px}
.accessories--tit{font-size:20px;margin-top:5px}
}
@media (max-width:1199px){.pro--top-img{height:500px}
}
@media (max-width:991px){.pro--top-img{height:460px}
.pro--top-cell{width:440px;padding:25px}
.accessories--tit{font-size:18px}
}
@media (max-width:767px){.pro--top-img{height:auto;line-height:0}
.pro--top-img img{width:100%;height:auto}
.pro--top-con{position:inherit;background-color:#fff}
.pro--top-cell{position:inherit;width:100%;right:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;padding:25px 0}
.pro--accessories{margin-top:10px;margin-bottom:0}
}
@media (max-width:575px){.pro--cell-con{padding:10px}
.pro--cell-img{margin:0;border:0 solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.accessories--tit{font-size:14px}
.accessories--img img{right:10px;bottom:10px;max-width:40px}
.pro--cell-con ul li{margin-bottom:0;font-size:12px}
.pro--cell-top{font-size:10px}
.pro--accessories{margin-bottom:-10px}
}
/*! LVT*/.pro--structure{margin-bottom:-40px;margin-top:0}
.pro--structure.grid .cell:first-child p{line-height:1.8;color:#636363;margin-top:30px}
.pro--structure .vision-1{font-size:42px}
.pro--structure .vision-2{font-size:27px}
.pro--structure .vision-3{font-size:21px}
.pro--structure .culture--tit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.structure-img{margin:70px 0 20px}
.pro--structure ol,.wall--list ol{padding:0;margin:0}
.pro--structure ol li,.wall--list ol li{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pro--structure ol li i,.wall--list ol li i{display:-webkit-box;display:-ms-flexbox;display:flex;width:24px;height:24px;border:1px solid #a97d56;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a97d56;margin-right:15px;line-height:1;font-style:normal}
.structure-img .img--56-25,.structure-img .img--56-25 img{background-color:#f8f8f8}
.h3-tit{color:#a97d56;line-height:1.3;font-size:28px;font-weight:500;display:inline-block;margin:0 auto 40px;padding:0 50px;position:relative}
.h3-tit:before{content:"";background-color:#a97d56;width:30px;height:1px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.h3-tit:after{content:"";background-color:#a97d56;width:30px;height:1px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.features--img{width:70px;margin:auto}
.pro--features,.pro--features-1{margin:0}
.pro--features .cell{padding:45px}
.pro--features-1 .cell:nth-child(odd),.pro--features-1 .cell:nth-child(odd) .img--100,.pro--features-1 .cell:nth-child(odd) .img--100 img,.pro--features-2 .cell:nth-child(even),.pro--features-2 .cell:nth-child(even) .img--100,.pro--features-2 .cell:nth-child(even) .img--100 img{background-color:#faf2ec}
.pro--features-1 .cell:nth-child(even),.pro--features-1 .cell:nth-child(even) .img--100,.pro--features-1 .cell:nth-child(even) .img--100 img,.pro--features-2 .cell:nth-child(odd),.pro--features-2 .cell:nth-child(odd) .img--100,.pro--features-2 .cell:nth-child(odd) .img--100 img{background-color:#fffcf9}
.pro--features .features--tit{line-height:1.4;font-weight:500;font-size:18px;margin:15px 0 10px;padding-bottom:15px;position:relative}
.features--tit:after{content:"";background-color:#a97d56;width:30px;height:1px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pro--features .features--tit+p{line-height:1.8;color:#666;margin-bottom:0}
.specification--main .img--70,.specification--main .img--70 img{background-color:#fff}
@media (max-width:1479px){.pro--structure .cell{padding:0 20px}
.pro--structure .cell:first-child{padding:60px}
.pro--structure{margin-bottom:-20px}
.pro--features .cell{padding:25px}
.h3-tit{font-size:26px}
}
@media (max-width:1199px){.h3-tit{font-size:22px;margin-bottom:30px}
.pro--structure .cell{padding:0 10px}
.pro--structure .cell:first-child{padding:40px}
.pro--structure .vision-1{font-size:34px}
.pro--structure .vision-2{font-size:24px}
.pro--structure .vision-3{font-size:18px}
.structure-img{margin:40px 0 20px}
.pro--structure ol li i,.wall--list ol li i{width:22px;height:22px}
.pro--structure ol li,.wall--list ol{margin-bottom:5px}
.pro--features .cell{padding:15px}
.pro--features .features--tit{font-size:16px}
.pro--features .features--tit+p{line-height:1.6}
.features--img{width:60px}
}
@media (max-width:991px){.h3-tit{font-size:20px}
.pro--features .features--tit{font-size:13px;padding:5px 0 10px;margin-bottom:0;margin-top:10px}
.pro--features .cell{padding:10px}
.pro--features .features--tit+p{display:none}
.pro--structure .cell{padding:0}
.pro--structure .cell:first-child{width:100%;max-width:100%;padding:20px;background:bottom #f5f5f5}
.pro--structure.grid .cell:first-child p{margin-top:5px;margin-bottom:0}
.pro--structure .vision-1{font-size:30px}
.pro--structure .vision-2{font-size:20px}
.pro--structure .vision-3{font-size:17px}
.pro--structure{margin-top:0}
}
@media (max-width:767px){.h3-tit{font-size:20px;margin-bottom:25px}
.pro--structure .vision-1{font-size:24px}
.pro--structure .vision-2{font-size:17px}
.pro--structure .vision-3{font-size:15px}
.pro--structure ol li i,.wall--list ol li i{width:20px;height:20px;margin-right:10px}
.pro--features .cell{padding:5px}
.pro--features .features--tit{font-size:12px;margin-top:5px;color:#666}
.pro--features .cell:nth-child(even),.pro--features .cell:nth-child(even) .img--100,.pro--features .cell:nth-child(even) .img--100 img,.pro--features .cell:nth-child(odd),.pro--features .cell:nth-child(odd) .img--100,.pro--features .cell:nth-child(odd) .img--100 img{background-color:#fff}
}
@media (max-width:575px){.h3-tit{font-size:16px;margin-bottom:15px}
.structure-img{margin:20px 0 15px}
.pro--structure ol li i,.wall--list ol li i{width:18px;height:18px;margin-right:8px}
.pro--structure .cell:first-child{padding:14px}
.pro--features .features--tit{font-size:11px}
.features--img{width:40px}
.features--tit:after{width:10px}
.specification--main .pro--accessories{margin-bottom:-20px}
}
/*!pro-2*/
.paginate-pagination {position: relative;z-index: 10;}
.paginate-pagination ul{margin:20px 0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.paginate-pagination ul:after{content:' ';display:table;clear:both}
.paginate-pagination ul>li{margin-right:3px}
.paginate-pagination ul>li>a.page{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;width:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:1;background:#fff;text-decoration:none;cursor:pointer;color:#202020}
.paginate-pagination ul>li>a.page:hover{opacity:.7}
.paginate-pagination ul>li>a.page.active{opacity:.7;cursor:default}
.paginate-pagination ul>li>a.page-next.deactive,.paginate-pagination ul>li>a.page-prev.deactive{opacity:.7;cursor:default}
.paginate-pagination ul>li>a.page-next,.paginate-pagination ul>li>a.page-prev{border:1px solid #ddd;background-color:#c4a080;color:#fff;font-size:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.paginate-pagination ul>li>a.page-next.deactive,.paginate-pagination ul>li>a.page-prev.deactive{background-color:#e4e4e4}
.paginate-pagination ul>li>a.page.active{font-size:25px;font-weight:500;color:#202020}
.patterns--con{visibility:hidden;opacity:0;position:absolute;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s;margin-top:0;height:0;margin-top:0;width:100%;background-color:#fff}
.patterns--con.is-active{visibility:visible;opacity:1;left:0;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s;margin-top:-560px;z-index:10}
.patterns--left{width:32%}
.paginate-b .patterns--left{background:url(/img/pro/spc-flooring-wood-look-surface-treatment.png) no-repeat left bottom}
.patterns--right{width:62%}
.patterns--con-1{border-radius:10px;background-color:#efefef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:45px 60px;margin:50px 15px}
.example{margin:-120px 25px 0;padding:0;padding-top:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.example>li{margin:15px;list-style-type:none;width:calc(16.666% - 30px)}
.img--patterns{position:relative;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s}
.patterns--norm{position:absolute;border:1px solid rgba(255,255,255,.5);color:#fff;line-height:1;padding:8px 16px;left:0;top:100px;font-size:14px;font-style:italic;background-color:rgba(150,150,150,.5)}
.patterns--top{width:100%;height:100%;top:0;left:0;cursor:pointer}
.patterns--top.is-active{padding-bottom:560px}
.patterns--top.is-active .img--75{-webkit-box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.2);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.patterns--close{width:32px;height:32px;border-radius:50%;border:solid 1px #969696;background-color:#fff;color:#969696;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:22px;cursor:pointer;position:absolute;top:35px;right:0}
.example>li .img--patterns:after,.example>li .img--patterns:before{-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s;visibility:hidden;opacity:0}
.example>li .img--patterns:hover:before{background-color:rgba(0,0,0,.3);z-index:1;content:"";width:100%;padding-bottom:75%;top:0;left:0;position:absolute;visibility:visible;opacity:1}
.example>li .img--patterns:hover:after{content:"More +";position:absolute;left:50%;top:65px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;z-index:2;display:block;visibility:visible;opacity:1}
.example>li .img--patterns.patterns--top.is-active:hover:after,.example>li .img--patterns.patterns--top.is-active:hover:before{display:none}
.img--patterns.patterns--top.is-active .patterns--norm:after{display:block;content:"\e601";vertical-align:middle;font-size:60px;font-family:iconfont;line-height:1;font-style:normal;left:70px;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);color:#efefef;position:absolute;bottom:-95px}
.patterns--main{overflow:hidden}
.patterns--right .contact-mail form input,.patterns--right .contact-mail form textarea{background-color:#fff;border-color:#fff;padding:7px 10px 7px 35px}
.patterns--right .textfield__label{top:7px}
.model span{display:inline-block;background-color:#a97d56;font-size:24px;padding:3px 5px;color:#fff;line-height:1;font-style:italic}
.owl-demo4 .item img{border-radius:10px}
.patterns--right .checkbox-1 input{width:auto;display:inline-block;margin-right:8px}
.checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}
.checkbox-1+.checkbox-1{margin-left:50px}
.contact-mail form>div.form-half{width:48%}
#contact-mail-pro .contact-mail-pro{display:none}
.contact-mail-pro form{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.patterns--right-1 .contact-mail-pro{display:block}
.patterns--right .contact-mail form .input{border:solid 2px #a97d56;background-color:#a97d56;color:#fff;margin:0;padding:8px 35px}
.patterns--right .contact-mail form .input:hover{border:solid 2px #a97d56;color:#a97d56;background-color:#fff}
.patterns--right .contact-mail .form-message:before{top:3px}
.patterns--right .contact-mail .input-group-1:before{top:3px}
.checkbox-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}
.paginate-b .owl-demo4{margin-bottom:105px}
.owl-demo4 .owl-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:90px;width:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:25px;background-color:rgba(32,32,32,.5);border-radius:25px}
.owl-demo4 .owl-nav .owl-prev{background-color:unset;width:auto;height:auto;margin-left:0;margin-top:10px}
.owl-demo4 .owl-nav .owl-next{background-color:unset;width:auto;height:auto;margin-right:0;margin-bottom:10px}
.owl-demo4 .owl-nav .owl-prev:after{color:#fff;font-size:12px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.owl-demo4 .owl-nav .owl-next:after{color:#fff;font-size:12px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.checkbox-1 [name=sex]{cursor:pointer}
.patterns--right input[type=radio]+label:before{content:"";display:inline-block;vertical-align:middle;font-size:14px;width:1em;height:1em;margin-right:.4em;border-radius:50%;border:1px solid #707070;text-indent:.15em;line-height:1;background-color:#fff}
.patterns--right input[type=radio]:checked+label:before{border:1px solid #a97d56;background-color:#a97d56;background-clip:content-box;padding:.2em}
.patterns--right input[type=radio]{position:absolute;opacity:0}
.checkbox-1 label{font-size:14px}
.close-patterns,.input-model,.patterns--contact,.patterns-model{display:none}
.patterns--right .nonoen{top:-12px}
.patterns--contact{padding:10px 20px;line-height:1;border-radius:25px;background-color:#a97d56;border:solid 1px #a97d56;color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;width:200px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.patterns--contact:hover{background-color:#fff;color:#a97d56}
.patterns--contact.patterns-opened:after{content:"";background-color:rgba(0,0,0,.8);top:0;left:0;z-index:555;width:100%;height:100%;position:fixed}
@media (max-width:1479px){.example>li{margin:10px;width:calc(16.666% - 20px)}
.patterns--norm{padding:6px 16px;top:70px}
.example>li .img--patterns:hover:after{top:46px}
.patterns--left{width:40%}
.patterns--right{width:55%}
.patterns--con-1{padding:40px}
.model span{font-size:22px}
.img--patterns.patterns--top.is-active .patterns--norm:after{left:52px}
}
@media (max-width:1199px){.example>li{margin:10px;width:calc(20% - 20px)}
.example{margin:-90px 10px 0;padding-top:90px}
.patterns--left{background-size:100%}
.patterns--right .contact-mail form .input{padding:6px 30px}
.img--patterns.patterns--top.is-active .patterns--norm:after{font-size:50px;left:56px}
}
@media (max-width:991px){.example>li{margin:10px;width:calc(33.333% - 20px)}
.patterns--norm{top:100px}
.example>li .img--patterns:hover:after{top:63px}
.img--patterns.patterns--top.is-active .patterns--norm:after{left:74px;font-size:40px;bottom:-68px}
.patterns--con-1{display:block;padding:20px;margin:30px 15px}
.patterns--left,.patterns--right{width:100%}
.model,.patterns--right .contact-mail{display:none}
.patterns--left{max-width:360px;margin:auto;background-size:inherit;background-image:unset}
.paginate-b .owl-demo4{margin-bottom:0}
.patterns-model{display:block;color:#a97d56;font-weight:500;text-align:center;font-size:18px;margin-bottom:15px}
.patterns--con.is-active{margin-top:-460px}
.patterns--top.is-active{padding-bottom:460px}
.patterns--contact{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px auto 0}
.patterns-opened+.patterns--right-1 .close-patterns,.patterns-opened+.patterns--right-1 .contact-mail,.patterns-opened+.patterns--right-1 .model{display:block}
.patterns-opened+.patterns--right-1 .patterns--close{display:none}
.patterns--contact.patterns-opened+.patterns--right-1{padding:40px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:666;background-color:#fff;position:fixed}
.contact-mail form>div.form-half{width:100%}
.patterns--right .contact-mail form input,.patterns--right .contact-mail form textarea{background-color:#eee;border:1px solid #eee}
.patterns-opened+.patterns--right-1 .close-patterns{width:32px;height:32px;border-radius:50%;border:solid 1px #969696;background-color:#fff;color:#969696;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;cursor:pointer;position:absolute;top:-10px;right:-10px}
.patterns--contact.patterns-opened+.patterns--right-1{min-width:450px}
}
@media (max-width:767px){.example>li{margin:5px;width:calc(33.333% - 10px)}
.example{margin:-90px 0 0;padding-top:90px}
.patterns--norm{top:70px;font-size:12px;padding:5px 16px}
.patterns--con-1{margin:30px 0}
.img--patterns.patterns--top.is-active .patterns--norm:after{left:59px;font-size:34px;bottom:-64px}
.patterns-model{font-size:15px;margin-bottom:10px}
.patterns--contact{width:160px;height:34px;margin:15px auto 0;font-size:12px}
.example>li .img--patterns:hover:after{top:50px}
.patterns--close{width:26px;height:26px;font-size:15px;top:30px;right:0}
.owl-demo4 .owl-nav{height:80px;width:26px}
.patterns--con.is-active{margin-top:-435px}
.patterns--top.is-active{padding-bottom:435px}
.patterns--contact.patterns-opened+.patterns--right-1{min-width:450px}
}
@media (max-width:575px){.example>li{margin:5px;width:calc(50% - 10px)}
.patterns--norm{bottom:auto;top:80px;font-size:12px;padding:5px 16px}
.img--patterns.patterns--top.is-active .patterns--norm{bottom:auto;top:80px}
.patterns--top.is-active .img--75{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
.example>li .img--patterns:hover:after{top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.example>li .img--patterns.patterns--top.is-active:hover:after{display:none}
.example{margin:-80px 0 0;padding-top:80px}
.img--patterns.patterns--top.is-active .patterns--norm:after{display:none}
.patterns--contact.patterns-opened+.patterns--right-1{min-width:90%;padding:15px}
.example>li{cursor:not-allowed;pointer-events:none}
.paginate-pagination ul>li>a.page.active{font-size:18px}
.paginate-pagination ul>li>a.page{height:26px;width:26px}
}
/*! SPC Flooring*/.what--main .h3-tit{margin-bottom:20px}
.diagram--main{position:relative;overflow:hidden}
.diagram--img{width:800px;position:relative}
.diagram--img .img--56-25,.diagram--img .img--56-25 img{background-color:#f4eee9}
#owl-demo5{position:absolute;top:0;left:0}
#owl-demo5 .item{height:450px;margin-left:850px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#owl-demo5 .values-tit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#owl-demo5 .owl-dots .owl-dot{background-color:unset;width:auto;height:auto;margin:auto;position:absolute}
#owl-demo5 .owl-dots{position:absolute;bottom:auto;left:0;z-index:1;top:0}
#owl-demo5 .owl-dots .owl-dot button{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#969696;width:28px;height:28px;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:3px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#owl-demo5 .owl-dots .owl-dot:nth-child(1){left:420px;top:58px}
#owl-demo5 .owl-dots .owl-dot:nth-child(2){left:506px;top:106px}
#owl-demo5 .owl-dots .owl-dot:nth-child(3){left:581px;top:151px}
#owl-demo5 .owl-dots .owl-dot:nth-child(4){left:665px;top:209px}
#owl-demo5 .owl-dots .owl-dot:nth-child(5){left:719px;top:334px}
#owl-demo5 .owl-dots .owl-dot.active button,#owl-demo5 .owl-dots .owl-dot:hover button{background-color:#a97d56}
#owl-demo5 .owl-nav .owl-prev{margin-left:0}
#owl-demo5 .owl-nav .owl-next{margin-right:0}
#owl-demo5 .vision-3{font-size:22px}
#owl-demo5 .vision-1{font-size:40px}
#owl-demo5 ul,.thickness--con ul{margin:0;padding:0;margin-top:25px}
#owl-demo5 ul li,.thickness--con ul li{list-style-type:none;position:relative;padding-left:30px;margin-bottom:15px;line-height:1.4}
#owl-demo5 ul li:after,.thickness--con ul li:after{position:absolute;top:10px;left:0;width:20px;height:1px;content:"";width:20px;background-color:#a97d56}
.diagram--main{display:block}
.diagram--main-1{display:none}
.scpadvantage--main ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-45px}
.scpadvantage--main ul li{width:16.666%;border-right:solid 1px #efefef;list-style-type:none;padding:0 10px;text-align:center;margin-bottom:45px}
.scpadvantage--img{width:80px;margin:auto;line-height:1}
.scpadvantage--main p{font-size:14px;font-weight:500;margin-top:15px;line-height:1.3}
.scpadvantage--main ul li:nth-child(6n){border-right-width:0}
.spcwhere--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.spcwhere--left{width:27.14%}
.spcwhere--right{width:68.57%}
#owl-demo6 .owl-stage .owl-item.active{width:336px!important;margin-top:0}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:280px!important;margin-top:40px}
.spcwhere--con{position:absolute;left:30px;bottom:50px}
.spcwhere--con p{line-height:1.4;margin-bottom:0;margin-top:0}
.spcwhere--con .spcwhere--top{font-size:14px;color:#fff;font-weight:300}
.spcwhere--con .spcwhere--tit{color:#fff;font-weight:600;font-size:22px;margin-top:5px}
#owl-demo6 .owl-dots{position:absolute;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;margin-left:175px}
#owl-demo6 .owl-dots .owl-dot{margin:0;width:100%;height:4px;border-radius:2px;background-color:#969696;margin:0 1px}
#owl-demo6 .owl-dots .owl-dot.active{width:100%;height:4px;background:#a97d56;border-radius:2px}
#owl-demo6 .owl-nav{position:absolute;top:10px;width:80px;right:268px}
#owl-demo6 .owl-nav .owl-next,#owl-demo6 .owl-nav .owl-prev{margin:0;width:32px;height:32px;border-radius:0;background-color:#c4a080}
#owl-demo6 .owl-nav .owl-next:after,#owl-demo6 .owl-nav .owl-prev:after{font-size:14px;color:#fff}
#owl-demo6 .owl-nav .disabled{background-color:#e4e4e4}
.spcwhere--main .h2-tit{color:#a97d56;padding-left:0}
.spcwhere--main .h2-tit:before{display:none}
.star--list a{display:block;position:relative}
.star--list a:after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);border:solid 1px rgba(255,255,255,.6);top:10px;left:10px;position:absolute}
.star--con{position:absolute;left:0;bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.star--con span{width:100%;text-align:left;color:#fff;line-height:1.3;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.star--con span.star--more{width:95px;height:33px;border-radius:20px;border:solid 1px #fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;display:none;background-size:0}
.star--con span.star--top{font-size:14px}
.star--con span.star--tit{font-size:28px;font-weight:500;margin:5px auto}
.star--list{margin-top:0}
.star--list+.star--list{margin-top:0;margin-bottom:-40px}
.star--list a:hover .star--con{background-color:rgba(32,32,32,.4);width:100%;height:100%;left:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:100%}
.star--con-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:50px;padding-bottom:50px;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;padding-right: 50px;}
.star--list a:hover span.star--more{display:-webkit-box;display:-ms-flexbox;display:flex}
.star--list a:hover .star--con span{text-align:center}
.star--list a:hover .star--con-1{padding-left:0;padding-bottom:0;padding:30px}
.star--list a:hover .star--tit{margin:20px 0}
.pro--find{background:url(/img/pro/spc-flooring-selection-tool.jpg) no-repeat;background-size:cover;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;height:450px;margin-top:60px}
.pro--find:after{background-color:rgba(32,32,32,.6);content:"";top:0;left:0;width:100%;height:100%;position:absolute}
.pro--find-con{position:relative;z-index:1}
.pro--find-a a{display:-webkit-box;display:-ms-flexbox;display:flex;border:solid 1px #fff;width:146px;height:40px;margin:auto;border-radius:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
.pro--find-a a:hover{text-decoration:none;border-color:#a97d56;background-color:#a97d56}
@media (max-width:1479px){#owl-demo6 .owl-stage .owl-item.active{width:280px!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:220px!important}
#owl-demo6 .owl-nav{right:200px}
#owl-demo6 .owl-dots{margin-left:150px}
.diagram--img{width:600px}
#owl-demo5 .owl-dots .owl-dot:nth-child(1){left:319px;top:37px}
#owl-demo5 .owl-dots .owl-dot:nth-child(2){left:380px;top:76px}
#owl-demo5 .owl-dots .owl-dot:nth-child(3){left:433px;top:110px}
#owl-demo5 .owl-dots .owl-dot:nth-child(4){left:511px;top:154px}
#owl-demo5 .owl-dots .owl-dot:nth-child(5){left:548px;top:242px}
#owl-demo5 .item{height:373px;margin-left:700px}
.star--list+.star--list{margin-bottom:-20px}
.pro--find{margin-top:40px}
.star--con span.star--tit{font-size:24px}
}
@media (max-width:1199px){.star--con span.star--tit{font-size:20px}
.pro--find{height:400px}
.spcwhere--main{display:block}
.spcwhere--left{width:100%}
.spcwhere--right{width:100%}
#owl-demo6 .owl-stage .owl-item.active{width:293px!important;margin-top:0}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:293px!important;margin-top:0}
#owl-demo6{margin-bottom:20px;margin-top:40px}
#owl-demo6 .owl-dots{margin-left:0;bottom:-20px}
#owl-demo6 .owl-nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:0;right:auto}
#owl-demo6 .owl-nav .owl-next,#owl-demo6 .owl-nav .owl-prev{width:40px;height:40px}
.spcwhere--con .spcwhere--tit{font-size:20px}
#owl-demo5 .owl-dots .owl-dot button{width:24px;height:24px}
.diagram--img{width:500px}
#owl-demo5 .owl-dots .owl-dot:nth-child(1){left:265px;top:35px}
#owl-demo5 .owl-dots .owl-dot:nth-child(2){left:320px;top:60px}
#owl-demo5 .owl-dots .owl-dot:nth-child(3){left:370px;top:90px}
#owl-demo5 .owl-dots .owl-dot:nth-child(4){left:425px;top:125px}
#owl-demo5 .owl-dots .owl-dot:nth-child(5){left:460px;top:202px}
#owl-demo5 .item{height:280px;margin-left:550px}
#owl-demo5 .vision-3{font-size:20px}
#owl-demo5 .vision-1{font-size:30px}
#owl-demo5 ul li,.thickness--con ul li{margin-bottom:10px}
}
@media (max-width:991px){.star--con span.star--top{font-size:12px}
.star--list a:hover .star--tit{margin:10px 0}
.star--con span.star--tit{font-size:18px}
.spcwhere--con .spcwhere--tit{font-size:18px}
#owl-demo6{margin-top:30px}
#owl-demo6 .owl-stage .owl-item.active{width:213px!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:213px!important}
.diagram--main{display:none}
.diagram--main-1{display:block}
.diagram--main-1 .diagram--img{width:100%}
.diagram--main-1 ol{padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:space-between;flex-wrap:space-between}
.diagram--main-1 ol>li{width:calc(48% - 25px);margin-left:25px;margin-bottom:5px}
.diagram--main-1 ol>li>ul{padding:0;margin:0}
.diagram--main-1 ol>li>ul>li{margin-left:20px;margin-bottom:1px}
.pro-on--img{display:none}
.pro-img-on{display:block}
.scpadvantage--img{width:50px;margin:auto}
.scpadvantage--main p{font-size:12px}
.scpadvantage--main ul{margin-bottom:-25px}
.scpadvantage--main ul li{margin-bottom:25px;padding:0 5px}
.star--con span.star--more{width:90px;height:30px}
.pro--find-a a{width:120px;height:30px}
.pro--find{height:300px}
}
@media (max-width:767px){.star--con span.star--tit{font-size:17px}
#owl-demo6{margin-top:20px}
.pro--top-con.pro-con-001,.pro--top-con.pro-con-001 .pro--top-cell{background-color:#f8f8f8}
#owl-demo6 .owl-stage .owl-item.active{width:240px!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:240px!important}
.scpadvantage--main ul li{width:25%}
.scpadvantage--main ul li:nth-child(6n){border-right:solid 1px #efefef}
.scpadvantage--main ul li:nth-child(4n){border-right-width:0}
.scpadvantage--main p{margin-top:5px;margin-bottom:5px}
}
@media (max-width:575px){.spcwhere--right{width:375px;margin:auto}
#owl-demo6 .owl-stage .owl-item.active{width:375px!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:375px!important}
.diagram--main-1 ol{display:none}
.pro-on--img{display:block}
.pro-img-on{display:none}
.scpadvantage--img{width:40px;margin:auto}
.scpadvantage--main p{margin-top:3px;margin-bottom:3px;font-size:11px;color:#666}
.scpadvantage--main ul li{width:33.333%}
.scpadvantage--main ul li:nth-child(6n){border-right:solid 1px #efefef}
.scpadvantage--main ul li:nth-child(4n){border-right:solid 1px #efefef}
.scpadvantage--main ul li:nth-child(3n){border-right-width:0}
.scpadvantage--main ul{margin-bottom:-15px}
.scpadvantage--main ul li{margin-bottom:15px}
.spcwhere--con .spcwhere--top{font-size:12px}
.spcwhere--con .spcwhere--tit{font-size:16px}
#owl-demo6 .owl-dots{width:260px}
.star--con span.star--more{width:80px;height:26px}
.pro--find-a a{margin-top:20px}
.pro--find{height:240px}
.star--con-1{padding-left:25px;padding-bottom:20px;padding-right: 25px;}
.star--con span.star--tit{font-size:15px}
.pro--find{margin-top:30px}
.pro--top-cell{padding: 20px 0 0;}
}
@media (min-width:375px) and (max-width:575px){.spcwhere--right{width:calc(100vw - 40px)}
#owl-demo6 .owl-stage .owl-item.active{width:calc(100vw - 40px)!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:calc(100vw - 40px)!important}
}
@media (max-width:374px){.spcwhere--right{width:300px;margin:auto}
#owl-demo6 .owl-stage .owl-item.active{width:300px!important}
#owl-demo6 .owl-stage .owl-item.active+.owl-item.active{width:300px!important}
}
/*! Residential SPC Flooring*/.js-tabs,.tabs__body,.tabs__header,.tabs__panel,.tabs__tab{-webkit-box-sizing:border-box;box-sizing:border-box}
.js-tabs{width:100%;margin:0 auto;padding:30px 0}
.tabs__body,.tabs__header{position:relative;margin:0;padding:0;list-style:none}
.tabs__header{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:stretch;-webkit-box-align:stretch;align-items:stretch}
.tabs__tab{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;background-color:#fff;text-align:center;cursor:pointer;padding:20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:14.28%}
.tabs__tab.is-active{z-index:1;background-color:#f4eee9;border-bottom:solid 1px #fff}
.tabs__panel{position:absolute;top:0;left:0;width:100%;padding:50px;clip:rect(0,0,0,0);background-color:#f4eee9}
.tabs__panel.is-active{position:static;clip:auto}
.js-tabs .img--100,.js-tabs .img--100 img{background-color:#fff;transition:all .3s;}
.js-tabs .tabs__tab.is-active .img--100,.js-tabs .tabs__tab.is-active .img--100 img{background-color:#f4eee9}
.tabs__tab:hover{-webkit-box-shadow:0 30px 40px 0 rgba(0,0,0,.2);box-shadow:0 30px 40px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);position:relative;z-index:1}
.tabs__tab.is-active:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:none;box-shadow:none}
.tabs__tab+.tabs__tab{border-left:solid 1px #e2e2e2}
.tabs__panel p{margin-bottom:0}
.tabs__tit{line-height:1.2;padding-top:22px;position:relative;font-size:18px;font-weight:600;margin-bottom:22px}
.tabs__tit:after{content:"";height:2px;background-color:#a97d56;width:30px;top:0;left:0;position:absolute}
.tabs__tab p{font-weight:500;margin-bottom:0;line-height:1.3;margin-top:12px;font-size:14px}
.tabs__tab.is-active p{color:#a97d56}
.region--options{background-color:#a97d56;margin-top:30px}
.region--options .h3-tit{margin-bottom:0;color:#fff}
.region--options .h3-tit:after,.region--options .h3-tit:before{background-color:#fff}
.surface--con{display:-webkit-box;display:-ms-flexbox;display:flex;gap: 60px;margin-bottom: 60px;}
.surface--cell{width:calc(25% - 45px);background-color:#fff;cursor:pointer;border-bottom:solid 4px #ddd;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.surface--img{position:relative}
.surface--img:after{content:"";width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;border:solid 1px rgba(228,228,228,.8)}
.surface--p{margin:30px 35px 0;border-bottom:solid 1px #ccc;position:relative}
.surface--a{margin:25px 35px 25px}
.surface--top{color:#969696;font-size:14px;line-height:1.4;position:relative;z-index:2;margin-bottom:2px}
.surface--tit{font-size:28px;font-weight:500;line-height:1.4;margin-bottom:20px;position:relative;z-index:2;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.surface-i{position:absolute;width:60px;right:15px;bottom:15px;z-index:1}
.unfold i{font-weight:600;color:#a97d56}
.surface--a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1;color:#a97d56;font-weight:500}
.surface--a .view:after{content:"\e619";vertical-align:middle;font-family:iconfont;cursor:pointer;font-style:normal;padding-left:10px;display:inline-block}
.values-tit.pro1--tit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:40px}
.suface--ul-1{opacity:0;visibility:hidden;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;height:0;border-radius:10px;background-color:#fff}
.suface--ul-2{padding:40px 15px;position:relative}
.suface--ul-1.is-active{opacity:1;visibility:visible;height:auto}
.surface--cell.is-active{position:relative;-webkit-box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.surface--cell.is-active:after{display:block;content:"\e601";vertical-align:middle;font-size:60px;font-family:iconfont;line-height:1;font-style:normal;left:50%;-webkit-transform:scaleY(-1) translateX(-50%);-ms-transform:scaleY(-1) translateX(-50%);transform:scaleY(-1) translateX(-50%);color:#fff;position:absolute;bottom:-85px;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.patterns--close-1{width:32px;height:32px;border-radius:50%;background-color:#333;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:22px;cursor:pointer;position:absolute;top:-15px;right:-15px;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.patterns--close-1:hover{background-color:#a97d56}
.patterns--close:hover{color:#a97d56;border-color:#a97d56}
.suface--ul-1.is-active{margin-bottom:60px}
.surface--cell.is-active .icon-zhankai:before{content:"\e6c4"}
.surface--cell.is-active .surface--a .view:after{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
.surface--cell:hover .surface--tit{color:#a97d56}
.surface--cell:hover{-webkit-box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.surface--con.is-active .surface--cell{position:relative}
.surface--con.is-active .surface--cell:before{background-color:rgba(255,255,255,.6);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}
.surface--con.is-active .surface--cell.is-active:before{display:none}
.region--surface{overflow:hidden}
.values-tit.pro1--tit .vision-3{font-size:28px}
.surface-i img{max-width:100%}
.thickness--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.thickness--img{width:57.14%}
.thickness--con{width:37.71%}
.thickness--pro2{margin-top:100px;position:relative}
.thickness--pro2:before{content:""}
.wave{position:relative;width:60px;height:60px;text-align:center;line-height:60px;font-size:20px}
.wave .circle{position:absolute;border-radius:50%;opacity:0;background:#a97d56;-webkit-transform:rotate(65deg);-ms-transform:rotate(65deg);transform:rotate(65deg);clip:rect(0,100px,200px,0)}
.wave.ripple .circle{width:100%;height:100%;border:3px solid #fff}
.wave.ripple .circle:first-child{-webkit-animation:circle-opacity 2s infinite;animation:circle-opacity 2s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.wave.ripple .circle:nth-child(2){-webkit-animation:circle-opacity 2s infinite;animation:circle-opacity 2s infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}
.wave.ripple .circle:nth-child(3){-webkit-animation:circle-opacity 2s infinite;animation:circle-opacity 2s infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s}
.wave.ripple.danger{color:#a97d56}
.wave.ripple.danger .circle{border-color:#a97d56}
@-webkit-keyframes circle-opacity{from{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes circle-opacity{from{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
.wave:after{content:"";width:20px;height:20px;background-color:rgba(169,125,86,.6);border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}
.wave:before{content:"";height:1px;width:300px;background-color:#a97d56;left:64px;top:50%;position:absolute}
.thickness--protit{position:relative;margin-top:96px}
.wrapp{position:absolute;left:-390px}
.porimg-on{display:block}
.porimg-991{display:none}
.flooring--main .img--1044,.flooring--main .img--1044 img,.region--flooring{background-color:#050505}
.flooring--main .thickness--protit{margin-top:0;color:#fff}
.flooring--main{padding:140px 0;color:#fff}
.flooring--main .thickness--con p{color:#a97d56}
.pro-sizes .values-tit.pro1--tit{margin-top:0}
.pro-sizes--main{display:-webkit-box;display:-ms-flexbox;display:flex}
.pro-sizes--cell{margin-right:160px}
.pro-sizes--main .pro-sizes--cell:last-child{margin-right:0}
.pro-sizes--cell .thickness--con{width:100%}
.pro-sizes-tit{font-size:24px;font-weight:500;line-height:1.3}
.slide{position:relative;width:100%;margin:0 auto;background-color:orange;overflow:hidden}
.slide__inner{position:absolute;top:0;bottom:0;left:0;width:50%;background-color:#0ff;overflow:hidden}
.pro-edges .thickness--protit{margin-top:0}
.edges--con{position:absolute;bottom:40px;right:40px;color:#fff;font-weight:500;white-space:nowrap}
.edges--tit{font-size:24px;line-height:1.3;padding-top:20px;position:relative}
.edges--tit:after{content:"";height:1px;width:20px;background-color:#fff;position:absolute;top:0;left:0}
.slide__inner .edges--con{left:40px}
.slide__sash{height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.slide__sash:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"";width:80px;height:80px;border:2px solid #fff;border-radius:50%;cursor:pointer}
.slide__sash:before{content:"";height:100%;width:2px;background-color:#fff;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.slide__sash span:before{display:block;content:"\e600";vertical-align:middle;font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-right:45px;color:#fff}
.slide__sash span:after{display:block;content:"\e62d";vertical-align:middle;font-size:20px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-left:45px;color:#fff}
@media (max-width:1479px){.pro-sizes--cell{margin-right:100px}
.thickness--protit{margin-top:75px}
.surface--p{margin:20px 25px 0}
.surface--tit{font-size:24px}
.wave{width:50px;height:50px;line-height:50px}
.wave:before{width:210px}
.wrapp{left:-310px}
.pro-sizes-tit{font-size:22px}
}
@media (max-width:1199px){.wave:after{width:14px;height:14px}
.thickness--protit{margin-top:66px}
.wave:before{width:177px;left:55px}
.wrapp{left:-264px}
.wave{width:40px;height:40px}
.surface--tit{font-size:20px}
.tabs__tab{padding:20px 10px}
.tabs__tab p{font-size:12px}
.tabs__tit{padding-top:15px;font-size:16px;margin-bottom:15px}
.tabs__panel{padding:30px}
.values-tit.pro1--tit .vision-3{font-size:24px}
.surface--con{gap: 30px 40px;margin-bottom: 40px;}
.surface--cell{width:calc(25% - 30px);}
.surface--cell.is-active:after{font-size:50px;bottom:-60px}
.values-tit.pro1--tit{margin-bottom:30px}
.suface--ul-2{padding:25px 15px}
.surface--a{margin:25px}
.flooring--main{padding:100px 0}
.pro-sizes--cell{margin-right:40px}
.edges--tit{font-size:20px}
.edges--con img{width:150px}
.region--options{margin-top:20px}
}
@media (max-width:991px){.thickness--main.flooring--main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flooring--main .thickness--con{margin-bottom:0}
.flooring--main .thickness--img{margin-bottom:20px}
.pro-sizes--cell{margin-right:0;width:100%;margin-bottom:20px}
.pro-sizes--main .pro-sizes--cell:last-child{margin-right:0;margin-bottom:0}
.pro-sizes--main{-ms-flex-wrap:wrap;flex-wrap:wrap}
.pro-sizes-tit{font-size:18px}
.thickness--con,.thickness--img{width:100%}
.porimg-on{display:none}
.porimg-991{display:block}
.thickness--protit{margin-top:0}
.thickness--con{margin-bottom:20px}
.wave:after,.wave:before{display:none}
.thickness--main{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.tabs__body .tabs__panel{display:none}
.tabs__tab.is-active{background-color:#fff;border-bottom:solid 1px #fff}
.js-tabs .tabs__tab.is-active .img--100,.js-tabs .tabs__tab.is-active .img--100 img{background-color:#fff}
.tabs__tab:hover{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.tabs__header .tabs__tab{width:16.666%;padding:5px}
.tabs__header{-ms-flex-wrap:wrap;flex-wrap:wrap}
.tabs__header .tabs__tab:last-child{display:none}
.values-tit.pro1--tit .vision-3{font-size:20px}
.surface--top{font-size:12px}
.surface--tit{font-size:17px;padding-bottom:0;margin-bottom:15px}
.surface--p{margin:15px 15px 0}
.surface-i{width:50px;bottom:5px;right:0}
.surface--a{margin:15px}
.unfold i{font-size:14px}
.flooring--main{padding:60px 0}
.pro-sizes-tit{font-size:16px}
.pro-sizes--main ul{margin-top:10px}
.pro-sizes--main .thickness--con{margin-bottom:0;line-height:1}
.edges--tit{font-size:16px;padding-top:15px;margin-bottom:10px}
.edges--con img{width:120px}
.edges--con{bottom:20px;right:20px}
.slide__inner .edges--con{left:20px}
.slide__sash:after{width:50px;height:50px}
.slide__sash span:before{font-size:15px;padding-right:25px}
.slide__sash span:after{font-size:15px;padding-left:25px}
}
@media (max-width:767px){.tabs__header .tabs__tab{width:25%;padding:5px;padding-bottom:10px}
.tabs__header .tabs__tab:last-child{display:block}
.tabs__tab+.tabs__tab{border-left-width:0}
.values-tit.pro1--tit .vision-3{font-size:18px}
.surface--con{gap: 15px 25px;}
.surface--cell{width:calc(25% - 18.75px);}
.surface--p{margin:10px}
.surface--a{margin:10px}
.surface--tit{font-size:13px;line-height:1.2;margin-top:3px}
.unfold i{font-size:13px}
.values-tit.pro1--tit{margin-bottom:25px}
.flooring--main{padding:40px 0}
}
@media (max-width:575px){.pro-sizes-tit{font-size:15px;margin-bottom:10px}
.region--options{margin-top:0}
.flooring--main{padding:20px 0}
.tabs__header .tabs__tab{width:33.333%;padding:5px;padding-bottom:10px}
.tabs__header .tabs__tab:last-child{display:none}
.tabs__header .tabs__tab p{font-size:11px;color:#666}
.js-tabs{padding:20px 0}
.values-tit.pro1--tit .vision-3{font-size:16px}
.surface-i{width:40px}
.surface--con{gap: 6px 10px;margin-bottom: 25px;}
.surface--cell{width:calc(25% - 7.5px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.surface--p{margin:5px}
.surface--a{margin:10px 5px}
.surface--top{font-size:10px;margin-top:5px}
.unfold i{font-size:12px}
.surface--a .view:after{padding-left:5px}
.surface--a .view{font-size:11px}
.surface--tit{font-size:11px}
.values-tit.pro1--tit{margin-bottom:15px}
.suface--ul-2{padding:8px}
.surface--cell.is-active:after{font-size:30px;bottom:-40px}
.patterns--close-1{width:24px;height:24px;font-size:15px;top:-11px;right:-11px}
.thickness--con{margin-bottom:10px}
.flooring--main .thickness--img{margin-bottom:10px}
.pro-sizes--cell{margin-bottom:15px}
.img-w-404{width:282.8px}
.img-w-304{width:212.8px}
.img-w-205{width:143.5px}
.img-w-205 img,.img-w-304 img,.img-w-404 img{max-width:100%}
.pro-sizes--main .pro-sizes--cell:last-child img{width:120px}
.edges--tit{font-size:12px;padding-top:10px;margin-bottom:5px}
.edges--con img{width:85px}
.edges--con{bottom:10px;right:10px}
.slide__inner .edges--con{left:10px}
}
/*! Finder*/.region--footer{position:relative}
.finder--breadcrumbs{padding:15px 0}
.finder--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.finder--top{background:url(/img/pro/spc-flooring-selection-tool.jpg) no-repeat center center;background-size:cover;padding:125px 160px;color:#fff;position:relative;margin-top:10px}
.finder--top:after{background-color:rgba(32,32,32,.6);position:absolute;width:100%;height:100%;left:0;top:0;content:""}
.finder--top h1,.finder--top p{position:relative;z-index:1}
.left--nav{width:320px;position:absolute;top:0;background:#fff;padding-top:25px}
.left--nav.activate{position:fixed;top:65px;background:#fff}
.right--content{width:calc(100% - 360px);margin-left:360px}
.left--nav ul{margin:0;padding:0;position:relative}
.left--nav ul li{list-style-type:none;font-size:17px;font-weight:500;line-height:1.3}
.left--nav ul li+li{margin-top:40px}
.left--nav ul li span{width:55px;position:relative;display:inline-block;margin-right:10px}
.left--nav ul li span:after{position:absolute;width:22px;height:22px;border-radius:50%;border:solid 1px #d1d1d1;top:0;right:0;display:inline-block;content:"";background-color:#fff;z-index:2;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.left--nav ul li span:before{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#d1d1d1;top:5px;right:5px;display:inline-block;content:"";z-index:3;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.left--nav ul li a{color:#202020;display:block}
.left--nav ul li.is-active a,.left--nav ul li:hover a{color:#a97d56}
.left--nav ul li a:after{position:absolute;height:100%;width:1px;background-color:#d1d1d1;top:0;content:"";left:44px;z-index:1}
.region--page .left--nav ul li a:hover{text-decoration:none}
.left--nav ul li.is-active span:after,.left--nav ul li:hover span:after{border:solid 1px #a97d56}
.left--nav ul li.is-active span:before,.left--nav ul li:hover span:before{background-color:#a97d56}
.finder--cell{background-color:#f6f6f6;padding:50px 60px;position:relative}
.finder--cell h2{margin-top:0}
.finder--cell h2:before{position:absolute;content:"";width:100px;height:5px;background-color:#a97d56;top:0}
.finder-top-1{font-size:30px;line-height:1;font-weight:500}
.finder-top-2{font-size:23px;line-height:1;color:#a97d56;font-weight:400}
.finder-top-3{font-size:26px;line-height:1;font-weight:500}
.finder--list .cell{background-color:#fff;border-bottom:solid 4px #ddd;position:relative}
.finder--list .cell .finder--con{position:relative;padding:25px 35px}
.finder--list .cell:before{position:absolute;height:4px;width:100%;left:0;bottom:0;background-color:#ddd;content:""}
.finder--cell+.finder--cell{margin-top:50px}
.finder--list{margin-bottom:-40px}
.finder--tit{line-height:1.3;font-weight:500;font-size:20px;padding-left:35px;position:relative;border-bottom:solid #ccc 1px;padding-bottom:20px;margin-bottom:20px}
.finder--tit:before{width:20px;height:3px;position:absolute;content:"";left:0;top:11px;background-color:#a97d56}
.finder--ul-01{padding:0;margin:0}
.finder--ul-01 li{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.finder--ul-01 li+li{margin-top:15px;color:#666}
.finder--ul-01 li i{color:#a97d56;font-size:22px;display:inline-block;padding-right:10px;line-height:1}
.region--page .finder--a{width:120px;height:36px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;color:#22252c;margin-top:20px;margin-bottom:10px}
.region--page .finder--a:hover{text-decoration:none;color:#a97d56}
.finder--a:before{width:110px;height:1px;position:absolute;background-color:#000;left:0;top:0;content:"";-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.finder--a:after{width:1px;height:100%;position:absolute;background-color:#000;left:0;top:0;content:"";-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.finder--a span:before{width:110px;height:1px;position:absolute;background-color:#000;right:0;bottom:0;content:"";-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.finder--a span:after{width:1px;height:100%;position:absolute;background-color:#000;right:0;top:0;content:"";-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.finder--a:hover:before{background-color:#a97d56;right:0;top:0;left:auto}
.finder--a:hover:after{background-color:#a97d56}
.finder--a:hover span:after{background-color:#a97d56}
.finder--a:hover span:before{background-color:#a97d56;right:auto;left:0}
#id02 .finder--tit:before{display:none}
#id02 .finder--tit{padding-left:0}
.finder--03-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.finder--03-left{width:56%;position:relative}
.finder--03-right{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.finder--03-left .img--1044,.finder--03-left .img--1044 img,.finder--03-left .img--56-25,.finder--03-left .img--56-25 img{background-color:#f6f6f6}
.finder--03-right ul{padding:0;margin:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.finder--03-right ul li{padding-left:30px;line-height:1.4;position:relative;list-style-type:none;margin:7px 0}
.finder--03-right ul li:before{position:absolute;left:0;top:9px;width:20px;height:1px;background-color:#a97d56;content:""}
.finder--03-left .wave:before{display:none}
.finder--03-left .wrapp{position:absolute;left:58%;top:17%}
.finder--03-right ul.ul-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.finder--03-right ul.ul-2 li{width:48%}
.finder--03-right p{color:#a97d56;font-size:14px}
.finder--03-left .img--1044{margin-top:40px}
.finder--cell .pro-sizes--cell{margin-right:100px}
.finder--cell .img-w-404{width:258.56px}
.finder--cell .img-w-304{width:194.56px}
.finder--cell .img-w-205{width:131.2px}
.finder--cell img{max-width:100%}
.pro-sizes--main .pro-sizes--cell:last-child img{width:140px}
.finder--cell .pro-sizes-tit{font-size:20px}
@media (max-width:1479px){.left--nav{width:280px}
.left--nav ul li{font-size:16px}
.right--content{width:calc(100% - 280px);margin-left:280px}
.finder--list .cell .finder--con{padding:25px}
.finder--tit{font-size:18px}
.finder--cell .pro-sizes--cell{margin-right:60px}
.finder--top{padding:100px 140px}
.finder--list{margin-bottom:-20px}
}
@media (max-width:1199px){.finder--cell{padding:40px}
.left--nav ul li{font-size:15px}
.left--nav ul li+li{margin-top:30px}
.finder--cell .pro-sizes--cell{margin-right:40px}
.finder--cell .img-w-404{width:202px}
.finder--cell .img-w-304{width:152px}
.finder--cell .img-w-205{width:102.5px}
.finder-top-1{font-size:26px}
.finder-top-2{font-size:20px}
.finder-top-3{font-size:20px}
.finder--cell h2:before{width:80px;height:3px}
.finder--cell .pro-sizes-tit{font-size:16px}
.pro-sizes--main .pro-sizes--cell:last-child img{width:100px}
.finder--tit{font-size:16px;padding-left:0}
.finder--tit:before{display:none}
.finder--top{padding:80px}
}
@media (max-width:991px){.left--nav ul li a{font-size:0}
.left--nav ul li a span{font-size:16px}
.left--nav{width:80px}
.left--nav ul li{font-size:16px}
.right--content{width:calc(100% - 80px);margin-left:80px}
.left--nav{padding-top:0}
.finder--list .cell .finder--con{padding:20px}
.left--nav ul li span:before{width:10px;height:10px}
.left--nav ul li span:after{width:20px;height:20px}
.region--page .finder--a{height:32px;font-size:12px}
.finder--tit{font-size:15px;margin-bottom:15px;padding-bottom:15px}
.finder-top-1{font-size:22px}
.finder-top-2{font-size:18px}
.finder-top-3{font-size:18px}
.finder--ul-01 li i{font-size:18px}
.finder--ul-01 li+li{margin-top:10px}
.finder--03-main{display:block}
.finder--03-left,.finder--03-right{width:100%}
.finder--cell+.finder--cell{margin-top:40px}
.finder--03-right ul li{width:100%}
.finder--03-right{margin-top:15px}
.finder--cell .img-w-404{width:258.56px}
.finder--cell .img-w-304{width:194.56px}
.finder--cell .img-w-205{width:131.2px}
.finder--cell .pro-sizes--cell{margin-right:0}
}
@media (max-width:767px){.finder--cell{padding:20px}
.finder--list{margin-top:15px}
.finder--list .cell .finder--con{padding:15px}
.finder--ul-01 li i{font-size:14px}
.finder--tit{margin-bottom:10px;padding-bottom:10px}
.finder--cell+.finder--cell{margin-top:30px}
.finder--03-left .img--1044{margin-top:15px}
.finder--top{padding:40px}
}
@media (max-width:575px){.finder--top{padding:15px}
.finder--list{margin-bottom:-10px}
.finder--cell{padding:10px}
.finder--list{margin-top:10px}
.finder--list .cell .finder--con{padding:10px}
.finder--ul-01 li i{font-size:12px}
.finder--top p{font-size:12px}
.left--nav ul li a span{font-size:0}
.right--content{width:calc(100% - 40px);margin-left:40px}
.left--nav,.left--nav ul li span{width:26px}
.left--nav ul li a:after{left:16px}
.finder-top-1{font-size:18px}
.finder-top-2{font-size:16px}
.finder-top-3{font-size:16px}
.finder--ul-01 li+li{margin-top:5px}
.region--page .finder--a{height:28px;margin-top:10px}
.finder--tit{font-size:14px}
.left--nav ul li+li{margin-top:40px}
.finder--03-right ul li,.finder--cell .thickness--con ul li{margin:4px 0;padding-left:20px}
.finder--03-right ul li:before,.finder--cell .thickness--con ul li:before{width:10px}
.finder--cell .pro-sizes-tit{font-size:14px}
}
/*! Wall Panel*/.mT-0{margin-top:0}
.wall--list .vision-1{font-size:44px}
.wall--list .vision-2{font-size:28px}
.wall--list .vision-3{font-size:22px}
.wall--list{margin-top:60px;margin-bottom:-40px}
.wall--img{margin:30px 0 20px}
.wall--con--main{padding:0 40px 0;text-align:left}
.wall--con ul{margin:0;padding:0;color:#333;line-height:1.4}
.wall--con{font-size:15px}
.wall--con ul li::marker{color:#a97d56}
.wall--list .cell+.cell .wall--con--main{position:relative}
.wall--list .cell+.cell .wall--con--main:after{content:"";width:1px;height:100%;background-color:#e8e8e8;position:absolute;top:0;left:-20px}
.wall--con--main ol li:last-child i{background-color:#a97d56;color:#fff}
.wall--con--main ol{position:relative;margin-bottom:25px;padding-bottom:20px}
.wall--con--main ol:after{content:"";width:calc(100% - 39px);position:absolute;height:1px;background-color:#e8e8e8;left:39px;bottom:0}
.wall--tit{font-weight:700;margin-bottom:2px}
.wall--con--main ul li{margin-left:25px;padding:5px 0;line-height:1.4}
.wall--con--main ul.ul-2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.wall--con--main ul.ul-2 li{width:calc(50% - 35px);margin-left:25px}
.wall--con--main ul.ul-2+.wall--tit{margin-top:15px}
@media (max-width:1479px){.wall--con--main{padding:0 20px 0}
.wall--list .cell+.cell .wall--con--main:after{left:-10px}
.wall--con{font-size:14px}
.wall--list{margin-top:40px;margin-bottom:-20px}
.wall--list .vision-1{font-size:30px}
.wall--list .vision-2{font-size:22px}
.wall--list .vision-3{font-size:20px}
}
@media (max-width:1199px){.wall--con--main ol{margin-bottom:15px;padding-bottom:10px}
.wall--con--main ul.ul-2 li{width:100%;margin-left:25px}
.wall--con--main ul li{padding:3px 0}
.wall--con--main ul.ul-2+.wall--tit{margin-top:10px}
}
@media (max-width:991px){.wall--con--main{padding:0}
}
@media (max-width:767px){.wall--con{font-size:13px}
.wall--list .vision-1{font-size:24px}
.wall--list .vision-2{font-size:20px}
.wall--list .vision-3{font-size:18px}
.wall--list .cell+.cell .wall--con--main:after{display:none}
.culture--tit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.wall--con--main ol:after{width:100%;left:0}
.wall--list .cell{border:solid 1px #f8f8f8;padding:20px}
}
@media (max-width:575px){.wall--con{font-size:12px}
.wall--list{margin-top:15px;margin-bottom:-10px}
.wall--list .vision-1{font-size:20px}
.wall--list .vision-2{font-size:17px}
.wall--list .vision-3{font-size:16px}
.wall--img{margin:15px 0 15px}
.wall--con--main ol{margin-bottom:10px;padding-bottom:5px}
}
.collection--top{background:url(/img/pro/spc-flooring-selection-tool.jpg) no-repeat center center;background-size:cover;padding:160px 0;color:#fff;position:relative}
.collection--top:after{background-color:rgba(32,32,32,.6);position:absolute;width:100%;height:100%;left:0;top:0;content:""}
.collection--con{position:relative;z-index:1}
.collection--top .breadcrumbs--a{color:#fff;position:absolute;top:15px;z-index:1}
.collection--top .breadcrumbs--a a,.collection--top .breadcrumbs--a b{color:#fff;font-weight:300}
.region--collection-1{overflow:hidden}
.collection-3{opacity:0;visibility:hidden;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;height:0;border-radius:0;background-color:#fff}
.collection-3.is-active{opacity:1;visibility:visible;height:auto}
.region--collection-1 .surface--cell{width:auto;margin:0;background-color:unset;cursor:pointer;border-bottom:solid 4px #ddd;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.js-tabs-1{width:100%;border-bottom:solid 1px #666;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px}
.tabs__tab-1{font-size:20px;line-height:1.2;padding-bottom:22px;font-weight:500;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.tabs__tab-1+.tabs__tab-1{margin-left:80px}
.tabs__tab-1.is-active,.tabs__tab-1:hover{color:#a97d56}
.tabs__tab-1.is-active{position:relative}
.tabs__tab-1.is-active:after{content:"";width:100%;height:3px;bottom:-2px;background-color:#a97d56;position:absolute;left:0}
.region--collection-1 .surface--cell.is-active:after,.region--collection-1 .surface--con.is-active .surface--cell:before{display:none}
.region--collection-1 .surface--con{background-color:#f4eee9;margin-bottom:30px}
.region--collection-1 .surface--cell{line-height:1.2;border-radius:3px;border:1px solid #969696;padding:6px 10px}
.region--collection-1 .surface--cell+.surface--cell{margin-left:30px}
.region--collection-1 .collection-3{background-color:unset}
.region--collection-1 .surface--cell.is-active{background-color:#a97d56;color:#fff;border:solid 1px #a97d56;-webkit-box-shadow:none;box-shadow:none}
.region--collection-1 .surface--con{position:relative;z-index:5}
.region--page .customization--main>ul{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin-top:60px}
.customization--main>ul>li{list-style-type:none;width:20%;padding:40px 25px}
.customization--main>ul>li i{font-size:50px;color:#a97d56;line-height:1;display:block}
.customization--main>ul>li:nth-child(odd){background-color:#f6f6f6}
.customization--main>ul>li:nth-child(even){background-color:#f4eee9}
.customization--main>ul ul{margin:0;padding:0}
.customization--tit{font-weight:500;font-size:18px;margin:30px 0 25px;line-height:1.3}
.customization--main>ul ul li{line-height:1.5;margin-left:20px;list-style-type:disc;color:#454545}
.customization--main>ul ul li+li{margin-top:15px}
.customization--main>ul ul li::marker{color:#a97d56}
.please--main{padding:80px;background:url(/img/pro/contact.jpg) no-repeat center center;background-size:cover;margin-top:60px}
.please--main .finder--a{margin-top:35px;color:#a97d56}
.please--main .finder--a:before{background-color:#a97d56}
.please--main .finder--a:after{background-color:#a97d56}
.please--main .finder--a span:before{background-color:#a97d56}
.please--main .finder--a span:after{background-color:#a97d56}
.please--main .finder--a:hover:before{background-color:#000}
.please--main .finder--a:hover:after{background-color:#000}
.please--main .finder--a:hover span:after{background-color:#000}
.please--main .finder--a:hover span:before{background-color:#000}
.please--main .finder--a:hover{color:#000}
.please--main p{font-weight:500}
.collection-3.is-active .collection--ul-1{display:none}
.collection-3.is-active .collection--ul-1.is-active{display:block}
.collection--ul-2{padding:40px 10px 20px;background-color:#fff}
.collection--con-00{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px}
.collection--cell{line-height:1.2;border:1px solid #969696;border-radius:3px;padding:6px 10px;cursor:pointer}
.collection--cell+.collection--cell{margin-left:30px}
.region--collection-1 .example{margin:0 25px 0;padding:0;padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.collection--cell.is-active{background-color:#a97d56;color:#fff;border-color:#a97d56}
.collection--cell:hover{color:#a97d56}
.collection--cell.is-active:hover{color:#fff}
@media (max-width:1479px){.customization--tit{font-size:16px}
.customization--main>ul>li{padding:35px 20px}
.tabs__tab-1+.tabs__tab-1{margin-left:25px}
.collection--top{padding:120px 0}
}
@media (max-width:1199px){.tabs__tab-1{font-size:18px;padding-bottom:20px}
.js-tabs-1{margin-bottom:30px}
.customization--main>ul>li i{font-size:40px}
.customization--tit{font-size:15px}
.customization--main>ul>li{padding:25px 10px}
.please--main{padding:50px}
}
@media (max-width:991px){.collection--top{padding:80px 0}
.tabs__tab-1{font-size:17px}
.tabs__tab-1+.tabs__tab-1{margin-left:50px}
.customization--main>ul>li{width:33.333%}
.please--main,.region--page .customization--main>ul{margin-top:40px}
.customization--tit{margin:20px 0 15px}
.collection--ul-2{padding:30px 0 20px}
}
@media (max-width:767px){.collection--cell+.collection--cell{margin-left:20px}
.please--main .finder--a{margin-top:25px}
}
@media (max-width:575px){.collection--top{padding:60px 0 20px}
.tabs__tab-1+.tabs__tab-1{margin-left:20px}
.collection--cell+.collection--cell{margin-left:10px}
.tabs__tab-1{font-size:15px;padding-bottom:10px}
.js-tabs-1{margin-bottom:15px}
.collection--cell{font-size:12px;padding:6px 5px;display:inline-block}
.collection--con-00{margin-bottom:15px}
.collection--ul-2{padding:10px 0 5px}
.region--collection-1 .example{margin:0 10px 0}
.please--main,.region--page .customization--main>ul{margin-top:20px}
.customization--main>ul>li{width:50%}
.customization--tit{font-size:14px}
.customization--main>ul>li{font-size:12px;border-bottom:solid 2px #fff;padding:15px 10px}
.customization--main>ul ul li+li{margin-top:5px}
.customization--main>ul>li i{font-size:30px}
.please--main{padding:20px}
}
/*! Installation & Maintenance list*/.region--installation-list h1{margin-top:0}
.installation-list--main{margin-top:60px}
.installation-list--cell a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.installation-list--cell a:hover{text-decoration:none}
.installation-list--img{width:28.57%}
.installation-list--con{width:68.57%}
.installation-list--cell+.installation-list--cell{border-top:solid 1px #e2e2e2;margin-top:40px;padding-top:40px}
.installation-list--cell .finder--a{color:#a97d56;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.installation-list--cell .finder--a:before{background-color:#a97d56;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.installation-list--cell .finder--a:after{background-color:#a97d56;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.installation-list--cell .finder--a span:before{background-color:#a97d56;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.installation-list--cell .finder--a span:after{background-color:#a97d56;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.installation-list--cell .finder--a:hover:before{background-color:#000}
.installation-list--cell .finder--a:hover:after{background-color:#000}
.installation-list--cell .finder--a:hover span:after{background-color:#000}
.installation-list--cell .finder--a:hover span:before{background-color:#000}
.installation-list--cell .finder--a:hover{color:#000}
.installation-list--tit{line-height:1.4;font-size:22px;color:#a97d56;font-weight:500}
.installation-list--tit+p{color:#666;margin:20px 0}
.installation-list--cell a:hover .installation-list--tit{text-decoration:underline}
.breadcrumbs--installation .breadcrumbs--a{margin-top:25px}
@media (max-width:1199px){.installation-list--main{margin-top:40px}
.installation-list--tit{font-size:20px}
.installation-list--tit+p{margin:10px 0}
}
@media (max-width:991px){.installation-list--img{width:35%}
.installation-list--con{width:62%}
.installation-list--cell+.installation-list--cell{margin-top:30px;padding-top:30px}
}
@media (max-width:767px){.installation-list--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.installation-list--cell{width:48%;margin-bottom:20px}
.installation-list--cell+.installation-list--cell{margin-top:0;padding-top:0;border-top-width:0}
.installation-list--cell a{display:block}
.installation-list--img{width:100%}
.installation-list--con{width:100%}
.installation-list--tit{font-size:15px;margin-top:10px}
.installation-list--main{margin-top:20px}
.breadcrumbs--installation .breadcrumbs--a{margin-top:12px}
}
@media (max-width:575px){.installation-list--tit{font-size:14px}
.installation-list--main{margin-top:15px}
.installation-list--cell{width:100%;margin-bottom:15px}
}
.installation--top{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.installation--img{width:64.28%}
.installation--h1{width:44.28%;position:absolute;right:0;padding:60px;background-color:#fff;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0 0 20px rgba(24,24,24,.1);box-shadow:0 0 20px rgba(24,24,24,.1)}
.installation--h1 h1{margin:0}
.h4-tit{line-height:1.4;margin-top:35px;margin-bottom:10px;padding-bottom:15px;position:relative;font-size:24px;font-weight:500}
.h4-tit:after{content:"";width:30px;height:2px;background-color:#a97d56;position:absolute;left:0;bottom:0}
.ul-pro{margin:auto;padding:0}
.ul-pro{margin-top:15px;margin-bottom:20px}
.ul-pro li{margin-left:25px;margin-top:10px}
.ul-pro li::marker{color:#a97d56}
.installationimg .cell{position:relative;border:solid 1px #f0f0f0}
.installationimg .cell span{background:#fff;border:2px solid #a97d56;border-radius:50%;position:absolute;top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:34px;height:34px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a97d56;font-size:18px;font-weight:500}
.installation--img{width:80%}
.installationimg .cell span.i--right{right:20px}
.installationimg .cell span.i--left{left:20px}
.installationimg{margin-bottom:-15px}
.installation--step span{display:block;font-weight:600;position:relative;padding-right:13px;margin-bottom:5px}
.installation--step span:after{position:absolute;width:10px;height:2px;background-color:#a97d56;content:"";bottom:5px;margin-left:3px}
@media (max-width:1479px){.h4-tit{margin-top:30px;font-size:22px}
.installationimg{margin-bottom:0}
}
@media (max-width:1199px){.installation--img{width:80%}
.installation--h1{width:50%;padding:40px}
.h4-tit{font-size:20px}
.ul-pro li{margin-top:7px}
.installationimg{margin-top:20px}
}
@media (max-width:991px){.installation--h1{padding:20px;width:55%}
.h4-tit{padding-bottom:10px}
}
@media (max-width:767px){.installation--top{margin-top:15px;display:block}
.installation--h1{width:100%;position:inherit;-webkit-transform:none;-ms-transform:none;transform:none;padding:10px 0 15px;-webkit-box-shadow:none;box-shadow:none}
.installation--img{width:100%}
.h4-tit{font-size:18px;margin-top:20px}
}
@media (max-width:575px){.h4-tit{font-size:15px;margin-top:15px}
.ul-pro li{margin-top:5px}
.h4-tit:after{width:20px}
.ul-pro{margin-top:10px;margin-bottom:15px}
.installationimg{margin-top:10px;margin-bottom:-10px}
.installation--step span{margin-bottom:3px}
}
/*! environmental*/.breadcrumbs--environmental{background:url(/img/vinyl-flooring-environmental-protection.jpg) no-repeat center center;background-size:cover;position:relative;height:600px;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.breadcrumbs--environmental:after{content:"";background-color:rgba(32,32,32,.46);position:absolute;left:0;top:0;width:100%;height:100%}
.breadcrumbs--environmental .breadcrumbs--a{position:absolute;top:15px;z-index:1}
.breadcrumbs--environmental .breadcrumbs--a a,.breadcrumbs--environmental .breadcrumbs--a b{color:#fff}
.breadcrumbs--environmental h1{z-index:1;position:relative;margin:0;padding:0;color:#fff}
.breadcrumbs--environmental .stage{text-align:center}
.environmental--cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.environmental--cell i{width:65px;font-size:65px;color:#a97d56;line-height:1}
.environmental--con{width:calc(100% - 100px)}
.environmental--tit{font-size:24px;font-weight:500;color:#000;line-height:1.3}
.environmental--cell+.environmental--cell{margin-top:30px;padding-top:30px;border-top:solid 1px #eee}
.environmental--cell a{font-weight:500}
.environmental--cell a:after{display:inline-block;content:"\e62f";vertical-align:middle;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;padding-right:10px;font-style:normal;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH}
.environmental--main{margin-top:20px}
@media (max-width:1479px){.breadcrumbs--environmental{height:500px}
.environmental--main{margin-top:10px}
.environmental--tit{font-size:22px}
}
@media (max-width:1199px){.breadcrumbs--environmental{height:400px}
.environmental--main{margin-top:0}
.environmental--tit{font-size:20px}
.environmental--cell+.environmental--cell{margin-top:20px;padding-top:20px}
}
@media (max-width:991px){.breadcrumbs--environmental{height:300px}
.environmental--cell i{width:55px}
.environmental--tit{font-size:18px}
}
@media (max-width:767px){.breadcrumbs--environmental{height:200px}
.environmental--cell i{width:50px;font-size:50px}
.environmental--con{width:calc(100% - 70px)}
}
@media (max-width:575px){.breadcrumbs--environmental{height:140px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.environmental--tit{font-size:15px}
.environmental--cell+.environmental--cell{margin-top:10px;padding-top:15px}
.environmental--tit{margin-bottom:10px}
}
/*! Catalog & Support*/.region--catalog h1,.region--support h1{margin-top:35px}
.catalogimg,.supportimg{margin-top:55px;margin-bottom:-20px}
.catalogimg a{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f4eee9}
.catalog--img{width:50%}
.catalog--p{width:50%;padding:60px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.supportimg a{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f4eee9;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}
.support--img{width:100%}
.support--p{width:100%;padding:30px}
.support--tit{font-weight:500;font-size:24px;color:#202020;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.catalog--tit{font-size:22px;font-weight:500;line-height:1.5;margin-top:0;color:#202020;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.catalogimg a:hover,.supportimg a:hover{text-decoration:none;-webkit-box-shadow:0 30px 40px 0 rgba(0,0,0,.2);box-shadow:0 30px 40px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.catalogimg a:hover .catalog--tit,.supportimg a:hover .support--tit{color:#a97d56}
.support--p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.region--page.region--support .finder--a{margin-top:5px}
ul.pro-ul-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pro-ul-2 li{width:48%}
.proimg .cell{text-align:center;background:#f3f3f3}
.proimg .cell p{margin:0;padding:10px}
.proimg{margin-bottom:-30px}
.breadcrumbs--environmental .breadcrumbs--a a:hover,.breadcrumbs--environmental .breadcrumbs--a a:hover:after,.collection--top .breadcrumbs--a a:hover,.collection--top .breadcrumbs--a a:hover:after{color:#e8c19e;text-decoration:none}
@media (max-width:1479px){.proimg{margin-bottom:-20px}
.catalogimg,.supportimg{margin-top:45px;margin-bottom:-10px}
.support--tit{font-size:20px}
.support--p{padding:20px}
}
@media (max-width:1199px){.catalog--p{padding:30px}
.catalog--tit{font-size:20px}
}
@media (max-width:991px){.support--tit{font-size:18px}
.catalog--tit{font-size:16px}
.catalog--p{padding:15px}
}
@media (max-width:767px){.catalog--p{padding:50px 20px}
.catalogimg,.supportimg{margin-top:30px}
.support--tit{font-size:17px}
.support--p{padding:10px}
}
@media (max-width:575px){.catalog--tit{font-size:14px}
.catalog--p{padding:20px}
.catalogimg,.supportimg{margin-top:20px;margin-bottom:-10px}
.support--tit{margin-bottom:5px}
.support--tit{font-size:15px}
.proimg{margin-bottom:-10px}
}
.doors--list{height:590px;position:relative;overflow:hidden}
.doors--list-1{font-size:0;letter-spacing:0;position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden}
.doors--list>img{visibility:hidden;display:block!important;width:47.28571%!important}
@media screen and (max-width:991px){.doors--list>img{display:none!important}
}
.doors--list-1{font-size:0;letter-spacing:0;position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden}
@media screen and (max-width:991px){.doors--list-1{position:relative}
}
.doors--list-1 .doors--cell{display:inline-block;vertical-align:top;width:17%;margin-left:.42857%;overflow:hidden;-webkit-transition:width .8s;-o-transition:width .8s;transition:width .8s;position:relative;height:100%}
@media screen and (max-width:991px){.doors--list-1 .doors--cell{width:48%;margin:0 1% 20px!important}
}
@media screen and (min-width:992px){.doors--list-1 .doors--cell .item-pic{position:absolute;top:0;bottom:0;margin:0 auto;-webkit-transition:width .8s;-o-transition:width .8s;transition:width .8s}
.doors--list-1 .doors--cell .item-pic img{max-width:none;height:100%;width:auto!important}
.doors--list-1 .doors--cell.active{width:47.28571%}
.doors--list-1 .doors--cell:hover .item-body{bottom:-200px}
.doors--list-1 .doors--cell:hover .item-backdrop{width:100%}
}
.doors--list-1 .item-body{position:absolute;bottom:0;left:0;width:100%;padding-bottom:15px;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
@media screen and (max-width:991px){.doors--list-1 .item-body{display:none}
}
.doors--list-1 .item-body .item-pics{width:64px;margin:0 auto 20px;text-align:center}
.doors--list-1 .item-body .item-subt{font-size:20px;line-height:24px;text-align:center;font-weight:500}
.doors--list-1 .item-body .item-subt,.doors--list-1 .item-body .item-subt a{color:#fff}
.doors--list-1 .item-backdrop{position:absolute;left:0;bottom:0;top:0;background-color:#000;background-color:rgba(0,0,0,.6);text-align:center;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;overflow:hidden;width:0}
@media screen and (max-width:991px){.doors--list-1 .item-backdrop{position:relative;width:100%;padding:15px 5px;overflow:visible}
}
@media screen and (max-width:767px){.doors--list-1 .item-backdrop{padding:10px 5px}
}
.doors--list-1 .item-backdrop .item-info{max-width:485px;margin:0 auto;padding:0 10px}
.doors--list-1 .item-backdrop .item-pics{width:64px;margin:0 auto 27px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.doors--list-1 .item-backdrop .item-desc,.doors--list-1 .item-backdrop .item-desc a{color:#fff}
.doors--list-1 .item-backdrop .index-btn{border-color:#fff;color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.item-pics i{width:62px;height:62px;border:solid 2px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px;color:#fff;border-radius:50%;font-weight:400}
.item-cell{display:table-cell;width:100%;height:100%;vertical-align:middle}
.doors--list-1 .item-backdrop .item-title{font-size:20px;line-height:1.2;margin-bottom:29px;font-weight:600;overflow:hidden;white-space:nowrap}
.item-table{display:table;table-layout:fixed;width:100%;height:100%}
.doors--list-1 .item-backdrop .item-title,.doors--list-1 .item-backdrop .item-title a{color:#fff}
.doors--list-1 .item-backdrop .item-desc{font-size:16px;line-height:1.8;max-height:110px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index-btn{width:130px;height:42px;border:1px solid #fff;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;color:#fff;font-size:14px;margin-top:30px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.doors--cell.active a .item-backdrop .index-btn,.doors--cell.active a .item-backdrop .item-desc,.doors--cell.active a .item-backdrop .item-pics,.doors--cell.active a .item-title,.doors--cell.active a i{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.doors--cell.active a .item-backdrop .index-btn:hover,.doors--cell.active a .item-backdrop .item-desc:hover,.doors--cell.active a .item-backdrop .item-pics:hover,.doors--cell.active a .item-title:hover,.doors--cell.active a i:hover{color:#a97d56}
.doors--cell.active a .item-backdrop .index-btn:hover,.doors--cell.active a i:hover{border:solid 1px #a97d56}
@media (max-width:1199px){.doors--list{height:auto}
.doors--list{height:500px}
.doors--list-1 .item-body .item-subt{font-size:17px;line-height:1.3}
.doors--list-1 .item-backdrop .item-title{font-size:17px}
}
@media (max-width:991px){.doors--list{height:auto}
.doors--list{height:auto}
.doors--list-1 .item-backdrop .item-title{margin-bottom:15px;margin-top:35px}
.index-btn{width:120px;height:40px;font-size:13px;margin-top:15px;margin-bottom:15px}
.doors--list-1 .item-backdrop .item-desc{font-size:15px}
.item-pic img{width:100%}
.doors--list-1 .item-backdrop .item-info{margin-top:-90px}
}
@media (max-width:767px){.item-pics i{width:50px;height:50px;font-size:24px}
.doors--list-1 .item-backdrop .item-pics{margin-bottom:10px}
.doors--list-1 .item-backdrop .item-title{margin-top:30px;font-size:16px}
.doors--list-1 .item-backdrop .item-info{margin-top:-70px}
.doors--list-1 .item-backdrop .item-desc{line-height:1.6;font-size:14px;max-height: 90px;}
.index-btn{width:110px;height:34px;font-size:12px;margin-top:10px;margin-bottom:15px}
}
@media (max-width:575px){.doors--list-1 .item-backdrop .item-title{font-size:13px;margin-top:15px;margin-bottom:5px}
.doors--list-1 .item-backdrop .item-info{padding:0}
.doors--list-1 .item-backdrop .item-desc{font-size:12px;margin-bottom:0;}
.index-btn{display:none}
.item-pics i{width:40px;height:40px;font-size:20px;border:solid 1px #fff}
.doors--list-1 .item-backdrop .item-info{margin-top:-58px}
}
.starpro--list{position:relative;margin-top:0;margin-bottom:-40px}
.starpro--list a{display:block;position:relative;overflow:hidden}
.starpro--con{position:absolute;background-color:rgba(32,32,32,.3);padding:30px;width:100%;left:0;bottom:0;text-align:left}
.starpro--tit{font-size:26px;font-weight:500;color:#fff;line-height:1.2;display:block}
.starpro--top{display:block;color:#fff;font-size:12px;line-height:1.2;margin-top:8px}
.region--starpro .h3-tit{color:#202020;margin-top:0}
.region--starpro .h3-tit:after,.region--starpro .h3-tit:before{background-color:#202020}
.starpro--list a:hover .starpro--con{display:none}
.starpro--con-0{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;background-color:rgba(32,32,32,.4);color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:100%;left:0;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.starpro--list a:hover .starpro--con-0{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.starpro--list .index-btn:hover{border:solid 1px #ed6c3a;color:#ed6c3a}
.starpro--list .cell:first-child{background-color:#a97d56;padding:30px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.starpro--list .cell:first-child a{color:#fff}
.starpro-1-tit{font-size:24px;font-weight:500}
.starpro--list .starpro-1-p{line-height:1.7;font-size:15px}
@media (max-width:1479px){.starpro--list{margin-top:0;margin-bottom:-20px}
}
@media (max-width:1199px){.starpro--tit,.starpro-1-tit{font-size:22px}
}
@media (max-width:991px){.starpro--tit,.starpro-1-tit{font-size:20px}
}
@media (max-width:767px){.starpro--tit,.starpro-1-tit{font-size:18px}
.starpro--list .cell:first-child{padding:20px}
.starpro--list .starpro-1-p{line-height:1.7;font-size:14px;max-height:160px;overflow:hidden}
}
@media (max-width:575px){.starpro--list{margin-top:0;margin-bottom:-10px}
.starpro--tit,.starpro-1-tit{font-size:15px}
.starpro--list .starpro-1-tit{margin-bottom:5px}
.starpro--list .starpro-1-p{line-height:1.6;font-size:12px;max-height:120px}
.starpro--list .cell:first-child{padding:10px}
.starpro--con{padding:15px}
}
.indexabout--tit.h2-tit{padding-left:0;margin-bottom:25px}
.indexabout--tit.h2-tit:before{display:none}
.indexabout--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:relative;z-index:3;padding:120px 0}
.indexabout--img{width:40%;position:relative}
.indexabout--con{width:54.28%}
.indexabout--cube{width:63.39%;padding-bottom:125.35%;background-color:#a97d56;position:absolute;left:0;top:0}
.region--indexabout{position:relative;overflow:hidden}
.region--indexabout:before{content:"";position:absolute;width:1050px;height:760px;z-index:2;background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);right:0;bottom:0}
.region--indexabout:after{content:"";position:absolute;background:url(/img/about/spc-flooring-factory-gate.jpg) no-repeat right bottom;background-size:cover;width:1050px;height:760px;z-index:1;right:0;bottom:0;opacity:.2}
.indexabout--con ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:35px;margin-bottom:35px}
.indexabout--con ul li{width:calc(25% - 15px);list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;border:1px solid #f4eee9}
.indexabout--con ul li i{font-size:40px;color:#a97d56;line-height:1}
.indexabout--con ul li span{font-size:14px;line-height:1.5;margin-top:10px;display:block;text-align:center}
.indexabout--con .index-btn{margin-left:0;border-color:#a97d56;color:#a97d56}
.indexabout--con .index-btn:hover{background-color:#a97d56;color:#fff}
.getstarted{background-color:#f0f0f0;width:100%;padding:60px 0;margin-bottom:80px;position:relative}
.getstarted:after{width:260px;height:260px;position:absolute;bottom:0;right:0;color:#eae6e3;content:"\e63c";font-size:260px;font-family:iconfont;line-height:1;font-style:normal}
.getstarted--main .getstarted--tit{color:#202020;padding:0;margin-bottom:20px}
.getstarted--main .h3-tit:after,.getstarted--main .h3-tit:before{display:none}
.getstarted--main .index-btn{border:solid 1px #a97d56;color:#a97d56}
.getstarted--main .index-btn:hover{background-color:#a97d56;color:#fff}
.getstarted--main{padding:0 20px;position:relative;z-index:1}
.red{color:red}
.collection-2 .example{padding-top:270px;margin-top:-270px}
.collection--con-00,.js-tabs-1{position:relative;z-index:3}
@media (max-width:1479px){.indexabout--main{padding:100px 0}
.indexabout--con ul li{padding:10px}
.indexabout--con ul{margin:15px 0}
.indexabout--con ul li span{margin-top:6px}
.getstarted{padding:60px 0;margin-bottom:70px}
}
@media (max-width:1199px){.collection-2 .example{padding-top:220px;margin-top:-220px}
.indexabout--con ul li span{font-size:12px}
.indexabout--con ul li{width:calc(25% - 5px)}
.indexabout--con .index-btn{margin-top:25px}
.indexabout--main{padding:80px 0}
.getstarted{padding:50px 0;margin-bottom:50px}
}
@media (max-width:991px){.item-pic{position:relative;width:100%;overflow:hidden;display:block;background:url(/img/logo.svg) no-repeat center center;background-color:#f9f9f9;background-size:30% 30%;padding-bottom:89.39%}
.item-pic img{position:absolute;top:50%;left:50%;max-width:100%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#fff}
.indexabout--main{display:block}
.indexabout--con{width:100%}
.indexabout--img{display:none}
.indexabout--tit.h2-tit{margin-bottom:15px}
.indexabout--main{padding:50px 0}
.getstarted{padding:40px 0;margin-bottom:40px}
.getstarted:after{width:240px;height:240px;font-size:240px}
}
@media (max-width:767px){.indexabout--main{padding:40px 0}
.getstarted{padding:30px 0;margin-bottom:30px}
}
@media (max-width:575px){.collection-2 .example{padding-top:150px;margin-top:-150px}
.indexabout--con .index-btn{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0}
.indexabout--tit.h2-tit{margin-bottom:2px}
.indexabout--main{padding:20px 0}
.getstarted{padding:20px 0;margin-bottom:20px}
.getstarted--main{padding:0 10px}
.getstarted--main .getstarted--tit{margin-bottom:5px}
.getstarted:after{width:160px;height:160px;font-size:160px}
}
/*! 23d*/.region--page-23d ul li .img--100,.region--page-23d ul li .img--100 img{background-color:#f4eee9}
.region--surface-23d .suface--ul-1{opacity:1;visibility:visible;height:auto}
.region--surface-23d .img--18-33,.region--surface-23d .img--18-33 img{background-color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.d23--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.d23--img{width:300px;margin-left:50px}
.w--100{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.w--50{width:40%}
.w--50+.w--50{width:48%}
.pro-ul-li2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pro-ul-li2 li{width:calc(50% - 40px);font-size:14px;color:#202020}
.w--50-tit{font-weight:700;line-height:1.3;margin-top:25px}
.region--page .ul-pro{margin:0}
.region--options.region--options-23d{margin-top:0}
.region--page .ul-pro li{font-size:14px;color:#202020;margin-top:0;margin-bottom:10px}
.d23main-cell{background-color:#fff;border:solid 1px #e8e8e8}
.d23--main{padding:20px;cursor:pointer;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.d23--main:after{display:block;content:"\e6c3";font-size:30px;font-family:iconfont;line-height:1;cursor:pointer;font-style:normal;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#a97d56}
.d23main-cell+.d23main-cell{margin-top:30px}
.region--surface-23d .example{margin-top:-10px;padding-top:10px}
.region--surface-23d .values-tit.pro1--tit{margin-bottom:0}
.d23--con{display:none}
.d23--main.d23--opened,.d23--main:hover{background-color:#f4eee9}
.d23--main.d23--opened:after{content:"\e6c4"}
.region--surface-23d .vision-1{font-weight:300}
.region--surface-23d .d23--main.d23--opened .img--18-33,.region--surface-23d .d23--main.d23--opened .img--18-33 img,.region--surface-23d .d23--main:hover .img--18-33,.region--surface-23d .d23--main:hover .img--18-33 img{background-color:#f4eee9}
.region--surface-23d .h3-tit{margin-bottom:0}
.d23--p{margin-left:50px;}
.d23--con-1{width:220px;}
.w--100.ifuimg--100{align-items:center;}
.w--100.ifuimg--100 .w--50{width: 48%;}
.ifuimg .cell p{margin:0;padding:10px;line-height:1.5;text-align:center;background-color:#f1f1f1;}
@media (max-width:1479px){
.d23--con-1{width:210px;}
}
@media (max-width:1199px){
.d23--con-1{width:180px;}
}
@media (max-width:991px){.d23main-cell+.d23main-cell{margin-top:20px}
.d23--img{width:200px;margin-left:40px}
.d23--main{padding:15px}
.d23--main:after{font-size:24px}
.w--100{display:block}
.w--50,.w--50+.w--50{width:100%}
.d23--con-1{width:170px;}
.w--100.ifuimg--100 .w--50{width:100%;}
}

@media (max-width:767px){.d23--img{width:140px;margin-left:15px;}
.d23--p{margin-left:15px;}
.d23--con-1{width:145px;}
}
@media (max-width:575px){
.pro-ul-li2 li{width:100%}
.w--50-tit{margin-top:20px}
.d23--main{padding:10px;flex-wrap:wrap;}
.d23--img{width:120px;margin-left:10px}
.d23--main:after{font-size:18px;right:10px}
.region--surface-23d .vision-2{font-size:17px;padding:0 5px}
.region--surface-23d .vision-1{font-size:20px}
.region--surface-23d .values-tit.pro1--tit .vision-3{font-size:14px}
.d23main-cell+.d23main-cell{margin-top:10px}
.region--page .w--100 .ul-pro li{margin-bottom:5px}
.d23--p{display:block;margin-left:0;color: #666;width: 100%;}
.d23--con-1{width:110px;}
}
.table{display:block;width:100%;border:none;overflow-y:auto}
.table table{width:100%;min-width:320px;margin:0;border-top:solid 1px #999}
.technologyimg a:hover{text-decoration:none}
.technologylist--t{background-color:#a97d56;display:inline-block;padding:7px;line-height:1;color:#fff;font-size:14px;font-weight:300}
.technologyimg p{padding:0;color:#666;line-height:1.5}
.technologyimg .catalog--tit{margin:15px 0}
.sw--vs{margin:30px 0}
.sw--vs caption{background-color:#a97d56;color:#fff;padding:5px;font-weight:600;font-size:20px}
.sw--vs thead tr th:nth-child(even),.sw--vs thead tr th:nth-child(3){font-weight:600;color:#a97d56;font-size:20px}
.sw--vs tr td,.sw--vs tr th{padding:30px 20px;min-width:200px}
.sw--vs tr td{vertical-align: top;}
.sw--vs tr td:nth-child(even),.sw--vs tr th:nth-child(even){background-color:#fff5ed}
.sw--vs tr td:nth-child(3),.sw--vs tr th:nth-child(3){background-color:#efefef}
.sw--vs tr td:nth-child(2) .img--50,.sw--vs tr td:nth-child(2) .img--50 img,.sw--vs tr td:nth-child(3) .img--50,.sw--vs tr td:nth-child(3) .img--50 img{background:unset}
@media (max-width:1479px){.sw--vs caption,.sw--vs thead tr th:nth-child(2),.sw--vs thead tr th:nth-child(3){font-size:18px}
}
@media (max-width:991px){.sw--vs caption,.sw--vs thead tr th:nth-child(2),.sw--vs thead tr th:nth-child(3){font-size:16px}
.sw--vs tr td,.sw--vs tr th{padding:10px}
.sw--vs tr td:nth-child(2),.sw--vs tr td:nth-child(3),.sw--vs tr th:nth-child(2),.sw--vs tr th:nth-child(3){min-width:200px}
.sw--vs tr td:nth-child(1),.sw--vs tr th:nth-child(1){min-width:80px}
}
@media (max-width:767px){.region--page .sw--vs .ul-pro li{font-size:12px}
.technologylist--t{font-size:12px}
.technologyimg .catalog--tit{margin:10px 0}
.sw--vs caption,.sw--vs thead tr th:nth-child(2),.sw--vs thead tr th:nth-child(3){font-size:14px}
}
@media (max-width:575px){.sw--vs caption,.sw--vs thead tr th:nth-child(2),.sw--vs thead tr th:nth-child(3){font-size:13px}
.sw--vs{font-size:12px}
}


/* 2024.3.23修改 */
/* 多语言样式 */
.nav-lang-multiple{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;margin-left: 20px;}
.nav-lang-multiple i{font-size:24px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav-lang-multiple:hover i{color:#A97D56}
.nav-lang-multiple ul{position:absolute;top:25px;background:rgb(255 255 255 / 95%);-webkit-box-shadow:0 0 10px 1px #999;box-shadow:0 0 10px 1px #999;padding:15px 15px;border-radius:5px;display:none;z-index:9;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);list-style:none;width:80px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.nav-lang-multiple li{width:100%;display:flex}
.nav-lang-multiple li+li{margin-top:12px}
.nav-lang-multiple li a{display:flex;color:#333;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-lang-multiple li a img{width:20px;height:20px;margin-right:5px;box-shadow: 0 2px 5px rgba(0,0,0,.1);border-radius: 50%;}
.nav-lang-multiple li a span{line-height:1}
.nav-lang-multiple:hover ul{display:block}
.nav-lang-multiple li a:hover{color:#A97D56}

/* 顶部联系方式及多语言 */
.region-top-contact{background-color:#ececec}
.top--contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.top--contact-left{margin-right:40px}
.top--contact-left ul{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}
.top--contact-left li{list-style:none}
.top--contact-left li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;border:1px solid #a97d56;border-radius:50%;text-align:center;color:#a97d56}
.top--contact-left li a .iconfont{line-height:1}
.top--contact-left li a:hover{background-color:#a97d56;color:#fff}
@media (max-width:991px){
.top--contact-left ul{gap:15px}
.top--contact-left li a{width:22px;height:22px}
.top--contact-left li a .iconfont{font-size:14px}
.nav-lang-multiple i{font-size:25px}
.app--multiple {
    display: block;
    right: 135px;
    position: absolute;
    top: 2px;
}
}
@media (max-width:767px){
    .top--contact-left{margin-right:0}
    .app--multiple {  top: 4px;}
}
@media (max-width:575px){
	.top--contact-right{padding-right:10px}
.nav-lang-multiple ul{padding:10px}
.nav-lang-multiple i {
    font-size: 22px;
}
.app--multiple {  top: 8px;    right: 115px;}
.nav-lang-multiple:hover ul {
    top: 0;
}
}

.h5-tit{font-weight: 600;font-size: 20px;color: #a97d56;}

/* Acoustic Wall Panels */
.acoustic-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.acoustic-flex--left{width:460px}
.acoustic-flex--right{width:calc(100% - 520px);margin-left:60px}
.acoustic-flex--right .pro--structure ol li{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acoustic-flex--right .pro--structure ol li div{width:calc(100% - 24px)}
.pink-bg{background-color:#f4eee9}
.acoustic-grid .cell,.shapes-grid .cell{background-color:#fff;padding:15px 10px}
.acoustic-grid .cell p,.shapes-grid .cell p{margin:10px 0 0;font-size:12px;padding:0;color:#202020;font-weight:500}
.finish-tab{background-color:#f7f7f7;padding:40px 40px 40px 0}
.finish-tab{display:-webkit-box;display:-ms-flexbox;display:flex}
.finish-tab .tabs__header{width:25%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.finish-tab .tabs__tab{width:100%;background-color:#f7f7f7;padding:10px 50px;font-size:15px;font-weight:500;text-align:left;border-left:2px solid transparent;-webkit-box-flex:0;-ms-flex:none;flex:none}
.finish-tab .tabs__body{width:75%}
.finish-tab .tabs__panel,.finish-tab .tabs__tab.is-active{background-color:#fff}
.finish-tab .tabs__panel{padding:40px}
.finish-tab .tabs__panel .grid{margin-top:25px}
.finish-tab .tabs__tab.is-active{border-left-color:#a97d56;color:#a97d56;position:relative}
.finish-tab .tabs__tab::before{content:"\e67f";font-family:iconfont!important;position:absolute;left:5px;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.finish-tab .tabs__tab.is-active::before,.finish-tab .tabs__tab:hover::before{left:20px;opacity:1}
.finish-tab .tabs__tab:hover{-webkit-box-shadow:none;box-shadow:none;color:#a97d56;border-left-color:#a97d56}
.finish-tab .h5-tit{color:#202020}
.finish-grid .cell{position:relative}
.finish-grid .cell p{position:absolute;left:0;bottom:26px;padding:8px 10px;margin:0;font-size:14px;border:1px solid #fff;color:#fff;background-color:rgba(150,150,150,.5);line-height:1}
@media (max-width:1479px){.finish-tab .tabs__tab{font-size:14px}
.finish-grid .cell p{font-size:12px;padding:6px 10px}
}
@media (max-width:1199px){.acoustic-flex--left{width:340px}
.acoustic-flex--right{width:calc(100% - 390px);margin-left:50px}
.finish-tab .tabs__header{width:30%}
.finish-tab .tabs__body{width:70%}
.finish-tab .tabs__panel{padding:30px 40px}
.finish-tab .h5-tit{font-size:16px}
}
@media (max-width:991px){.acoustic-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.acoustic-flex--right{width:100%;margin-left:0;margin-top:30px}
.finish-tab{padding:25px 25px 25px 0}
.finish-tab .tabs__body .tabs__panel.is-active{display:block}
.finish-tab .tabs__tab{padding:10px 15px;font-size:12px}
.finish-tab .tabs__tab::before{display:none}
.finish-grid .cell p{bottom:15px}
.region-top-contact {display: none;}
.nav-lang-multiple:hover ul{top: 40px;}
}
@media (max-width:575px){.finish-tab .tabs__panel{padding:20px}
.finish-tab .tabs__tab{padding:7px;line-height: 1.5;}
.finish-tab{padding:0}
.finish-tab .h5-tit{font-size:14px}
.finish-tab .tabs__panel .grid{margin-top: 15px;}
}


/* WPC Decking 子页面样式 */
.grid.surface-grid,.grid.finish-grid{margin: 0;}
.surface-grid .cell{position:relative}
.surface-grid-desc{position:absolute;width:100%;background-color:rgba(150,150,150,.5);left:0;bottom:40px;padding:15px 0;text-align:center;color:#fff;line-height:1}

/* 其他样式修改 */
.imgbgc>div{background-image: none;background-color: transparent;}
.imgbgc img{background-color: transparent;}




/*! table */.table1{display:block;width:100%;margin:10px auto;text-align:center;border:none;overflow-y:auto}
.table1 table{width:100%;min-width:320px;margin:0;border-collapse:collapse;border-spacing:0;background-color:#fff}
.table1 td,.table1 th{padding:6px}
.table1 caption,.table1 tfoot td{padding:6px 10px}
.table.collapse{overflow:hidden}
.toggle-target,.toggle-trigger{display:block;width:100%}
.toggle-trigger{cursor:pointer}
.table1 .toggle-target,.table1 .toggle-trigger{margin:0}
.table-caption{position:relative;margin-bottom:0;padding:10px 15px;line-height:1;text-align:center}
.table-caption>span{display:inline-block;margin:0;padding:0}
.table-caption:after{content:'+';font-size:16px;font-weight:600;line-height:20px;display:block;position:absolute;right:15px;top:50%;height:22px;width:22px;margin-top:-11px;border-radius:50%;text-align:center;background-color:#666;color:#fff}
.expanded .table-caption:after{content:'–'}
.table-collapse.table-animate .table-caption{text-align:left}
.table-collapse.table-animate .table-caption>span{position:relative;left:0;text-align:left;transition:all 240ms ease}
.table-collapse.table-animate .expanded .table-caption>span{left:50%;text-align:center;transform:translateX(-50%)}
.table-wrapper{display:block;width:100%;overflow-y:auto}
.table-wrapper table{border-top:none}
.table1 table,.table-caption>span{font-size:10px;line-height:1.4}
.table1 caption,.table1 th,.table-caption>span{font-weight:700}
.table1 caption,.table1 td,.table1 th,.table-caption{border:1px solid #dee0e0}
.table1 caption{background-color:#eee;border-bottom-width:0}
.table1 caption,.table1 th,.table-caption>span{color:#333}
.table-hover tbody>tr:hover,.table:not(.table-hover) tbody>tr:nth-child(odd){background:#f7f7f7}
.table1 img{max-width:100%}
@media (min-width:576px){.table1 table,.table-caption>span{font-size:12px}
}
@media (min-width:768px){.table1 table,.table-caption>span{font-size:13px}
.table1 caption,.table1 tfoot td{padding:8px 12px}
.table1{margin:20px auto}
}
@media (min-width:992px){.table1 table,.table-caption>span{font-size:14px}
.table1 caption,.table1 th,.table-caption>span{font-weight:600}
}
@media (min-width:1200px){.table1 table,.table-caption>span{font-size:15px}
.table1 caption,.table1 tfoot td{padding:10px 15px}
}
@media (min-width:1480px){.table1 table,.table-caption>span{font-size:16px}
}


/* About · News & Exhibitions */

.news--grid-type{background-color:#a97d56;color:#fff;font-size:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:13px;padding:5px 6px;line-height:1.3}
.news--grid-tit{color:#202020;font-weight:500;font-size:20px;transition: all .3s;}
.region--page .news--grid .cell:hover:hover .news--grid-tit{color:#A97D56;}
.news--grid-desc{font-size:14px;color:#969696;font-style:italic;line-height:1.4;margin-top:10px}
.region--page .news--grid .cell:hover .finder--a{color: #A97D56;}
.region--page .news--grid .cell:hover .finder--a::before{background-color: #a97d56;right: 0;top: 0;left: auto;}
.region--page .news--grid .cell:hover .finder--a::after{background-color: #a97d56;}
.region--page .news--grid .cell:hover .finder--a span::before{background-color: #a97d56;right: auto;left: 0;}
.region--page .news--grid .cell:hover .finder--a span::after{background-color: #a97d56;}
.news--grid .news--grid-con a:hover{text-decoration: none;}
@media (max-width:1479px){.news--grid-desc,.news--grid-type{font-size:12px}
.news--grid-tit{font-size:18px}
}
@media (max-width:990px){.news--grid-type{margin-bottom:8px;padding:3px 6px}
.news--grid-tit{font-size:16px}
.news--grid-desc{margin-top:5px}
}
@media (max-width:375px){.news--grid-tit{font-size:14px}
}

/* 左侧弹窗 */
.popup--left-main-tit{position:fixed;left:0;bottom:0;background-color:#591f7c;color:#fff;padding:10px 20px;font-weight:500;line-height:1.25;border-radius:0 10px 0 0;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:none}
.popup--left-main-tit:hover{background-color:#7f37ac;bottom:5px}
.popup--left-main-img{position:fixed;bottom:0;left:0;width:340px;-webkit-box-shadow:0 0 15px 1px rgba(0,0,0,.3);box-shadow:0 0 15px 1px rgba(0,0,0,.3);z-index:99;display:none!important;}
.popup--left-main-img img{width:100%;display:block}
.popup--close-btn{width:28px;height:28px;position:absolute;right:-10px;top:-10px;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.2);box-shadow:0 0 5px 1px rgba(0,0,0,.2);cursor:pointer}
.popup--close-btn i{line-height:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.popup--close-btn:hover i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
@media (max-width:1199px){.popup--left-main-img{width:300px}
.popup--close-btn{width:24px;height:24px}
.popup--close-btn i{font-size:14px}
}
@media (max-width:990px){.popup--left-main-img{width:250px}
.popup--close-btn{width:24px;height:24px}
.popup--close-btn i{font-size:14px}
}
@media (max-width:375px){.popup--left-main-img{width:200px}
.popup--left-main-tit{padding:8px 10px}
}

/* news 详情 */
.news--pro-ul li::marker{color:#a97d56;font-size:19px;line-height:1}
.maxw-1400{width:100%;max-width:1400px;margin-top:25px}
@media (max-width:375px){.maxw-1400{margin-top:15px}
}
.home-tips{position:fixed;left:0;bottom:0;border-radius:10px;overflow:hidden;z-index:999;display:none;}
.home-tips img{display:block}
.close-this{position:absolute;right:10px;top:5px;z-index:1000;color:#fff;cursor:pointer}
@media (max-width:575px){.home-tips{width:98%;margin-left:1%}
.home-tips img{width:100%;margin-left:0}
}
.tech--flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;align-items: center;}
.tech--flex-con{width:calc(100% - 600px)}
.tech--flex-con ul{margin:0;}
.tech--flex-img{border:1px solid #ececec;border-radius:5px;overflow:hidden;width:600px}
.tech--flex-img img{width:100%}
.tech--flex-img p{margin:10px 0;}
@media (max-width:1479px){.tech--flex-con{width:calc(100% - 46%)}
.tech--flex-img{width:45%}
}
@media (max-width:990px){.tech--flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap: 20px;}
.tech--flex-con{width:100%}
.tech--flex-img{width:100%}
}

@media (max-width:767px){
    .tech--flex{gap: 10px;}
}

.floor-step{margin: 30px 0 60px;display: flex;flex-wrap: wrap;gap: 30px;}
.floor-step--item{display: flex;align-items: flex-start;gap: 20px;justify-content: space-between;width: calc(50% - 15px);border: 1px solid #eee;border-radius: 10px;padding: 15px;}
.floor-step--img{width: 300px;}
.floor-step--con{width: calc(100% - 320px);}
.floor-step--tit{font-size: 18px;font-weight: 600;line-height: 1.4;margin-bottom: 10px;}
.floor-step--con p{line-height: 1.4;margin-bottom: 0;}

@media (max-width:1479px){.floor-step{gap: 20px;}
.floor-step--item{gap: 10px;padding: 10px;}
.floor-step--img{width: 210px;}
.floor-step--con{width: calc(100% - 220px);}
.floor-step--tit{font-size: 16px;margin-bottom: 5px;}
.floor-step--con p{font-size: 15px;}
}
@media (max-width:1199px){
    .floor-step--item{flex-direction: column;justify-content: normal;}
    .floor-step--img,.floor-step--con{width: 100%;}
}

@media (max-width:767px){
    .floor-step{flex-direction: column;}
    .floor-step--item{width: 100%;flex-direction: row;justify-content: space-between;}
    .floor-step--img{width: 150px;}
    .floor-step--con{width: calc(100% - 160px);}
    .floor-step--tit{font-size: 14px;}
    .floor-step--con p{font-size: 13px;}
}

@media (max-width:479px){
    .floor-step--item{flex-direction: column;justify-content: normal;}
    .floor-step--img,.floor-step--con{width: 100%;}
}

.grid--steps .cell{border:1px solid #dbdbdb;border-radius:10px;overflow: hidden;position: relative;}
.step-con{padding: 15px;}
.step-con-tit{font-weight:600;}
.grid.grid--steps p{padding: 0;margin: 10px 0;}
.grid--steps span{position: absolute;
    left: 0;
    top: 0;
    padding: 8px 15px;
    background-color: #a97d56;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-bottom-right-radius: 10px;}
.grid--preparation .cell{box-shadow: 0 6px 12px 0px #dbdbdb;}
.grid--preparation .cell p{margin: 10px 0;}
.border-bottom{border-bottom: 1px solid #efefef;padding-bottom: 60px;}
.region--installation .even-box:nth-child(even) .tech--flex{flex-direction: row-reverse;}
@media (max-width:1199px){
    .grid--steps span{padding: 4px 15px;}
    .border-bottom{padding-bottom: 50px;}
}
@media (max-width:991px){
    .region--installation .even-box:nth-child(even) .tech--flex{flex-direction: column;}
}

@media (max-width:767px){
    .grid--steps span{font-weight: 400;font-size: 12px;}
    .border-bottom{padding-bottom: 30px;}
}


.technology-grid .cell{
    background-color: #f3f3f3;
    text-align: left;
}
.technology-grid--con{padding: 0 20px;}
.technology-grid--con p{padding: 0;}
.region--page p a{display: inline-block;}
.flex-reverse{flex-direction: row-reverse;}
.pro-ol li::marker{font-weight: 600;}
.pro-ol ol{list-style: decimal-leading-zero;}
.table-container table{border: 1px solid #ededed;border-collapse: collapse;margin-top: 20px;}
.table-container table caption{background-color: #a97d56;color: #fff;padding: 10px 0;}
.table-container table th,.table-container table td{border: 1px solid #ededed;padding: 15px;text-align: center;}
.table-container table th{color: #a97d56;}

.tech-grid--con a,.tech-grid--con b{margin: 10px;display: block;}
.tech-grid--con p{text-align: left;margin:0;}

.table-wrapper table a{text-align:center;}
.sw--vs .sw--vs-img.imgbgc-none .img--50,.sw--vs .sw--vs-img.imgbgc-none .img--50 img{background: unset;}

/* SEO content modules added for the 2026-08 page-content update. */
.seo-copy{max-width:1200px;margin:18px auto 0;line-height:1.8}.seo-copy--center{text-align:center}.seo-copy a{color:#9b704b;text-decoration:underline;text-underline-offset:3px}.seo-faq{max-width:1200px;margin:60px auto 0}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.faq-item{padding:24px 28px;background:#fff;border-left:3px solid #a97d56;box-shadow:0 8px 24px rgba(42,35,29,.06)}.faq-item h3{margin:0 0 10px;font-size:18px;line-height:1.5}.faq-item p{margin:0;line-height:1.8}.pro--find-copy{max-width:780px;margin:14px auto 24px;color:#fff;line-height:1.7}.pro--find-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pro--find-actions .pro--find-a{margin:0}.pro--find-actions .pro--find-a a{margin:0;min-width:150px;padding:0 16px}.customization--main>ul.custom-color-steps>li{width:25%}.project-cta{text-align:center}.project-cta .finder--a{display:inline-flex;margin:20px auto 0}
@media(max-width:767px){.faq-list{grid-template-columns:1fr}.customization--main>ul.custom-color-steps>li{width:50%}}
@media(max-width:575px){.faq-item{padding:20px}.customization--main>ul.custom-color-steps>li{width:100%}}