/*MAIN*/
body {font-family: 'Lato', "微软雅黑", STXihei, sans-serif; font-size: 14px; color: #454545; line-height: 24px;}
#header {padding: 0; background: #fff; z-index: 7; position: absolute; top: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
p:empty {display: none}
strong {color: #ec3124; font-weight: 400;}
#container {padding: 0;}
#container .content {margin: 20px auto;}
#container .pcontent img {width: 100%;}
img {max-width: 100%; height: auto;}

.grecaptcha-badge{
	display:none!important;
}
.topbar {display: block; width: 100%; float: left; background: #282727; text-align: right;}
.topbar .widget-container {display: inline-block; color: #fff; padding: 3px 2%}
.topbar i {margin-left: 15px;}
.shareaholic-share-buttons-container.floated, .shareaholic-share-buttons-container.floated.mobile.bottom-align {display: none;}
.content {max-width: 1400px; width: 94%; margin: 0 auto; padding: 0 3%;}
.content p {margin-bottom: 20px;}
.logo {margin: 15px 0 10px;}
.left, .right {display: inline-block;}
.left {float: left;}
.right {float: right; margin-top: 0;}
.center {display: inline-block;}
.alignleft {float: left; margin-right: 15px; text-align: justify !important}
.alignright {float: right; margin-left: 15px; text-align: right !important;}
.aligncenter {text-align: center;}
h1,h2,h3 {margin-bottom: 15px;}
h1 {font-size: 30px; font-weight: 700; letter-spacing: 0.1em;}
h2 {font-size: 24px;}
.pcontent h1 {color: #ec3124;}
.cta {color: #095da6;}
.cta i {font-size: 24px; display: inline-flex; vertical-align: middle;}
.cta strong {font-weight: normal; color: #f15000;}
a,section,.product-details {text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; color: #095da6;}
a:hover {color: #f15000; text-decoration: none;}
.home-content {padding: 30px 2%; display: inline-block;}
.row {padding: 15px; margin: 0;}
a.link::before {content: "» "; display: inline-block; padding-top: 10px; font-size: 18px;}
a.btn {padding: 8px 25px; background: #ec3124; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 400; letter-spacing: 0.1em; font-size: 15px;}
a.btn:hover {background: #fff; color: #ec3124;}
a.whbtn {color: #ec3124; background: #fff; padding: 8px 30px; margin-top: 20px;}
.cycloneslider-template-standard {margin-bottom: 0 !important;}
.page-banner {text-align: center; height: 250px; overflow: hidden; position: relative; width: 100%; background: #f3f3f3;}
.page-banner img {filter:opacity(30%) blur(1px); -webkit-filter:opacity(30%) blur(1px); position: absolute; left: 0; width: 100%;}
.page-title, .banner-title {font-size: 30px; text-align: center; margin-top: 170px; text-transform: uppercase; position: relative; z-index: 4; font-weight: 700; letter-spacing: 0.1em;}
.about {padding: 35px 45px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4);}
ul#sresult li {padding: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 12px;}
ul#sresult li h3 {margin: 0; display: inline-block;}
ul#sresult li a.btn {float: right;}
small {font-size: 12px; font-weight: 400;}
.pcontent .ncol .su-column-inner {padding: 0 10px;}
.easy-table th, .easy-table td {padding: 18px 12px;}
.float {position: fixed; right: 0; top: 52%; z-index: 999;}
.flag li {font-size: 14px; margin-bottom: 15px;}
.flag li img {margin-right: 10px;}
.lcp_catlist {margin: 20px auto;}
.lcp_catlist li {font-size: 21px; padding: 1%; display: inline-block; width: 21%; text-align: center; margin: 0 1%; vertical-align: top; position: relative;}
h3.news_titles {margin-bottom: 5px; font-size: 16px; font-weight: 700; height: 60px;}
.newsimg {padding: 10px; margin: auto;}
.lcp_date {font-size: 13px; display: block;}
#vccs-carousel .carousel {width: 97%; background: #fff !important; border: 0 !important;}
#vccs-carousel .carousel > ul > li > a > img {width: auto !important; height: auto !important;}
#vccs-carousel a.prev, #vccs-carousel a.next, #vccs-carousel a.go {top: inherit !important; background: none !important; font-size: 30px !important;}
#vccs-carousel a.prev {left: 40% !important; bottom: -12% !important;}
#vccs-carousel a.next {left: 50% !important; bottom: -12% !important;}
.bx-wrapper .bx-next {right: -10px}
.bx-wrapper .bx-prev {left: -10px;}
.ostlightbox::after {content: url('/wp-content/uploads/2016/09/ico-mag2.png'); position: absolute; z-index: 1; right: 4%;}
#ostLightbox h2 {border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 10px; line-height: 30px; text-align: center;}
.ostContent {text-align:center; line-height: 24px;}
.single-post .content {text-align: center;}
.dpsp-networks-btns-wrapper li {display: inline-block; float: none;}
.confirmon-box {max-width: 800px; width: 100%;}
.ar > li {width: 24%; margin: 20px 0.4%; display: inline-block; vertical-align: top;}

/*COLUMN*/
[class*="colbg-"] article {padding: 40px 5%; color: #fff}
.colbg-dgrey {background: #1f1f1f;}
.colbg-red {background: #ec3124;}
.colbg-lgrey {background: #ababab;}
a:hover .colbg-lgrey {background: #ec3124;}
a:hover article.colbg-event {background: #ec3124; color: #fff;}
.colbg-red a br {display: none;}
.colbg-white {background: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.colbg-white article {color: #000;}
.colbg-welcome {background: url("/wp-content/uploads/2016/08/img-welcome.jpg") center center; background-size: cover;}
div[class*="hmbg-"] {background-size: cover; overflow: hidden; position: relative;}
[class*="hmbg-"] section {background: rgba(238,49,36,0.8); padding: 85px 15% 0; display: block; color: #fff; opacity: 0; height: 200px;}
[class*="hmbg-"] section:hover {opacity: 1;}
[class*="hmbg-"] section h1 {padding-bottom: 20px; margin-bottom: 60px; background: url("/wp-content/uploads/2016/08/h-line.gif") no-repeat center bottom;}
.hmbg-linen {background: url("/wp-content/uploads/2016/08/hm-linen.jpg") center center;}
.hmbg-linen section {padding-top: 200px; height: 400px;}
.hmbg-bedding {background: url("/wp-content/uploads/2016/08/hm-bedding.jpg") center center; margin-bottom: 30px;}
.hmbg-homeware {background: url("/wp-content/uploads/2016/08/hm-homeware.jpg") center center;}
.lg .wpvc-jcarousel-skin .jcarousel-container-vertical {border: none; height: 380px; width: 94%}
.lg .wpvc-jcarousel-skin .jcarousel-clip-vertical {height: 330px; width: auto;}
.lg .wpvc-jcarousel-skin .jcarousel-item {border: none; width: auto; width: 100%; display: block; text-align: center; margin-bottom: 14px;}
.lg .wpvc-jcarousel-skin .jcarousel-prev-vertical, .lg .wpvc-jcarousel-skin .jcarousel-next-vertical {display: inline-block !important; height: 20px; position: relative; left: inherit; right: inherit; margin: 20px 10px 0;}
.lg .wpvc-jcarousel-skin .jcarousel-prev-vertical, .lg .wpvc-jcarousel-skin .jcarousel-prev-vertical:hover {background: url("/wp-content/uploads/2016/08/arrow-up.gif") center top no-repeat;}
.lg .wpvc-jcarousel-skin .jcarousel-next-vertical, .lg .wpvc-jcarousel-skin .jcarousel-next-vertical:hover {background: url("/wp-content/uploads/2016/08/arrow-down.gif") center bottom no-repeat;}
.aboutbg {background: url("/wp-content/uploads/2016/08/img-about.jpg") center center no-repeat; background-size: cover;}
[class*="element"] {height: 225px;}
.tencelbg {background: url("/wp-content/uploads/2023/08/LYOCELL-tree-1.jpg") center center no-repeat; background-size: cover;}
[class*="element"] {height: 225px;}
.element-hh {background: url("/wp-content/uploads/2016/08/bnr-homes-harmony.jpg") top right no-repeat; background-size: cover; }
.element-hh:hover {background: url("/wp-content/uploads/2016/08/bnr-homes-harmony2.jpg") center center no-repeat; background-size: cover;}
.framed {background: #f4f4f4; box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
.framed .su-column-inner {padding: 6%;}
.colbg-update {background: url("/wp-content/uploads/2016/08/img-hm-update.jpg") center center; background-size: cover; height: 280px;}
.colbg-event {background: url("/wp-content/uploads/2016/08/img-hm-events.jpg") center center; background-size: cover; height: 280px;}

/*TIMELINE*/
.timeline {padding: 5% 5% 0; text-align: center; background: url("/wp-content/uploads/2016/08/timeline-bg.jpg") center top; background-size: cover; width: 90%;}
.timeline .cd-timeline-content {width: 44.5%;}
.timeline .cd-timeline-img {width: 20px; height: 20px; margin: 20px -10px 0; box-shadow: 0 0 0 4px #768c93, 0 2px 0 rgba(0, 0, 0, 0.08) inset, 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.timeline #cd-timeline span.fa {display: none;}
.timeline .cd-timeline-block {margin-top: 0;}
.cd-timeline-content h2 {color: #ec3124; font-size: 30px;}
.timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content, .timeline .cd-timeline-block:nth-child(2n+1) .cd-timeline-content {text-align: left;}

/*SEARCH*/
#searchform input {padding: 4px 6px 4px 30px; color: #666; margin-bottom: 10px;}
#header a.search-btn {color: #fff; cursor: pointer;;}
#header .search-form {float: right; background: #ec3124; padding: 0 50px 0 0;}
#header .search-field {	background-color: transparent; /*background-image: url(/wp-content/themes/locus-t/images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px;*/ border: none; height: 30px; margin: 0 0 0 2px; padding: 0 0 0 5px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0;}
#header .search-field:focus {background-color: transparent; border: 0;cursor: text;outline: 0;width: 180px; color: #fff;}
.search-form .search-submit { display:none;}
.social a {color: inherit; letter-spacing: 0.1em}
.social i {font-size: 18px; margin-right: 10px;}

/*products*/
.woocommerce .side-content ul.products li.product, .woocommerce-page .side-content ul.products li.product {width: 31.33%; margin-right: 2%; overflow: hidden; clear: none;}
.woocommerce .side-content ul.products li.product a img {margin-bottom: 0;}
.woocommerce .side-content ul.products li.product .button {margin-bottom: 20px; border-radius: 0; background: #fff; color: #ec3124; text-transform: uppercase; font-weight: 400;}
.woocommerce ul.products li.product .product-details {position: absolute; width: 100%; bottom: -60px; text-align: center; background: rgba(69,69,69,0.9);}
.woocommerce ul.products li.product:hover .product-details {background: rgba(236,49,36,0.8); bottom: 0;}
.woocommerce ul.products li.product .product-details h3 {color: #fff; font-size: 18px; text-transform: uppercase; height: 44px;}
.woocommerce div.product .side-content .product_title {text-align: left; margin-top: 20px;}
#product-content a.btn {margin: 20px 0; font-size: 15px; padding: 10px 20px;}
.wc-tabs {display: none;}
.related h2 {color: #ec3124; text-transform: uppercase;}

/*MENU*/
.menuhead {display: inline-block; margin-top: 10px;}
.menu-header {width: auto; display: inline-block;}
#menu-primary {margin: 0 auto; display: inline-block;}
#menu-primary li a {padding: 40px 10px 15px; float: left; font-size: 13px; color: #454545; font-weight: 400; margin-left: 0; text-transform: uppercase; background: none top center no-repeat;}
#menu-primary li a:hover, #menu-primary li.current_page_item a, #menu-primary li.current-menu-item a, #menu-primary li.current-menu-ancestor a, #menu-primary li.menu-children-item-showing a {background: #ec3124; color: #fff;}
#menu-primary ul.sub-menu {top: 74px; background: transparent; margin-left: 0; padding-top: 25px;}
#menu-primary ul.sub-menu li {}
#menu-primary ul.sub-menu li a {display: block; background-color: #fff; width: 200px; background-position: left center; color: #000; padding: 10px; text-align: left; border: none;}
#menu-primary ul.sub-menu li a:hover, #menu-primary ul.sub-menu li.current-menu-item a {display: block; background: #ec3124; color: #fff;}
#menu-primary ul.sub-menu li:after {content: none}

/*SIDEBAR + SIDE CONTENT*/
.sidebar {float: left; width: 25%; margin: 0 auto; letter-spacing: 0.1em; text-transform: uppercase;}
.sidebar h2.widget-title {padding: 25px 10%; color: #454545; margin-bottom: 0; font-size: 24px; font-weight: 700;}
[class*="sb-"] {padding: 30px 0 40px;}
.ywcca_widget_container_style_1 .ywcca_widget_title {font-size: 30px; padding: 15px 0;}
.sidebar li a {padding: 5px 10%; display: inline-block; font-size: 13px; color: #454545; width: 50%;}
.ywcca_widget_container_style_1 ul.ywcca_category_accordion_widget li .icon-plus_style_1, .ywcca_widget_container_style_1 ul.ywcca_category_accordion_widget li .icon-minus_style_1 {margin-top: 12px;}
.ywcca_widget_container_style_1 {border: 0;}
.sidebar li a:hover, .sidebar .dcw .current-menu-item a {color: #ec3124;}
.sidebar .sb-brand {background: #f3f3f3;}
.sidebar .sb-cat {background:#ddd;}
.sidebar .sb-cat li a {width: 81%; border-bottom: 1px dotted #fff; letter-spacing: 0; text-transform: capitalize;}
.side-content {float: right; width: 72%; margin-top: 50px; font-size: 13px; line-height: 24px;}
.side-content h1 {color: #ec3124; text-transform: uppercase; text-align: center;}
.single-post .side-content h1 {text-align: left; font-size: 18px;}

/*Contact Form*/
.wpcf7-text, .wpcf7-quiz, .wpcf7-textarea { font-family: 'Lato', serif; background: #fff; font-size: 13px; border: 1px solid #ccc; }
.wpcf7-text, .wpcf7-textarea {padding: 2%; width: 96%; margin: 3px 0;}
.wpcf7-submit {font-family: 'Lato', serif; padding: 5px 40px; font-size: 14px; color: #fff; background: #ec3124; border: 1px solid #ec3124; font-weight: 700; }
.wpcf7-submit:hover {border: 1px solid #ec3124; background: transparent; color: #ec3124;}

/*FOOTER*/
#footer {padding: 0; width: 100%; background: #f3f3f3;}
#footer h2 {font-size: 20px; color: #5c5c5c;}
#footer li.widget-container {}
.footer-block {float: left; width: 25%; padding: 1% 0; letter-spacing: 0.2em;}
#footer .menu li {display: block; float: none;}
.ft-brand li {width: 45%; float: left;}
#footer .menu li a, .list-custom-taxonomy-widget li a {font-size: 13px; color: #5c5c5c; text-transform: capitalize; letter-spacing: 0.1em;}
#footer .menu li a:hover, .list-custom-taxonomy-widget li a:hover {color: #ec3124;}
.copyright {font-size: 12px; float: left; width: 100%; padding: 0; text-align: center; color: #979797;}

@media (min-width: 1200px) {
h1.wd {width: 200px}
}

@media (max-width: 990px) {
.menu-header, #header .search-form {display: none;}
#searchform, .cta {display: inline-block; margin-left: 12px;}
.right {margin-top: 50px;}
ul.product-block li {width: 46%; float: none;}
#footer li.widget-container {width: 100%;}
.lcp_catlist li {width: 46%;}
.ar > li {width: 32%;}
}

@media (max-width: 821px) {
.timeline .cd-timeline-img {left: 20px;}
.timeline .cd-timeline-content {width: auto;}
.timeline .cd-timeline-block:nth-child(2n+1) .cd-timeline-content {text-align: left;}
}

@media (max-width: 767px) {
.colbg-lgrey, .colbg-white {height: auto;}
[class*="colbg-"] article {padding: 20px 15%;}
.slider {margin-top: 0;}
.sidebar, .side-content {width: 96%; padding: 2%; float: none; margin: 0 auto;}
.left, .right {width: 96%; float: none; margin: 0 2%; text-align: center;}
.dark, .red {height: auto; padding-top: 50px;}
.footer-block {width: 100%; padding: 2% 0;}
/*#footer .social, .copyright, #header .social {width: 92% !important; text-align: center; padding: 20px 4%;}*/
#header .social {padding-top: 0;}
.landr, .landl {width: 100%; float: none;}
.landr {padding: 20px 0; text-align: center;}
ul.product-block li {width: 100%;}
.element-hh {height:300px !important;}
.logo {margin-bottom: 0;}
.slider {margin-top: 142px;}
.alignleft {margin-right: 0;}
.alignright {margin-left: 0;}
.ar > li {width: 48%;}
}

@media (max-width: 640px) {
.post-img {text-align: center;}
#catalogue {height: auto}
#catalogue article {margin: 60px 20px; width: 80%;}
#catalogue article img {width: 100%}
#projects .projbg .su-column-inner {margin-top: 72px;}
}

@media (max-width: 480px) {
.woocommerce .side-content ul.products li.product, .woocommerce-page .side-content ul.products li.product {margin-right: 0; width: 100%;}
.left img {max-width: 180px; height: auto;}
ul.product-block li {width: 95%;}
.mj, .mu, .ma, .mp {background-size: cover; height: 300px;}
#catalogue article img {width: 100%}
.landr img {max-width: 220px;}
.page-title, .banner-title {font-size: 24px; margin: 150px auto 20px;}
.page-banner {height: auto;}
.float {display: none;}
/*[class*="hmbg-"] section {opacity: 1}*/
.lcp_catlist li {width: 100%; margin: 15px auto;}
}

@media (max-width: 380px) {
.ar > li {width: 100%; margin: 20px 0;}
}