/*MAIN*/
body {font-family: 'Raleway', "微软雅黑", STXihei, sans-serif; font-size: 14px; color: #000; line-height: 24px;}
#header {padding: 14px 0 6px; background: rgba(255,255,255,0.7); z-index: 7; position: absolute; text-align: center; top: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
p:empty {display: none}
#container {padding: 0;}
#container .pcontent img {width: 100%;}
.pcontent p {margin-bottom: 20px;}
.landing {background: #fbfbfb; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.landl {float: left; width: 50%; position: relative; overflow: hidden;}
a.landl span {position: absolute; width: 40%; padding: 15% 5%; right: -50%; top: 0; height: 100vh; background: rgba(0,0,0,0.7); color: #fff; font-size: 20px; text-align: center;}
 a.landl:hover span {right:0;}
.landr {float: right; text-align: right; padding: 10% 5% 0; width: 40%;}
.landr img {max-width: 300px; width: 100%;}
.left, .right {display: inline-block; margin: 6px 3% 0}
.left {float: left;}
.right {float: right; text-align: right; margin-top: 30px;}
.center {display: inline-block;}
.alignleft {float: left; margin-right: 15px;}
.alignright {float: right; margin-left: 15px;}
.aligncenter {text-align: center;}
.content {width: 100%; margin: 0 auto; padding: 0;}
#searchform input {border: 2px solid #ccc; padding: 4px 6px 4px 25px; color: #666; margin-bottom: 10px;}
.cta {color: #095da6;}
.cta i {font-size: 24px; display: inline-flex; vertical-align: middle;}
.cta strong {font-weight: normal; color: #f15000;}
a,span {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: 3px 30px; background: #e20613; color: #fff; text-transform: uppercase; display: inline-block; margin-top: 20px; font-weight: 700;}
a.btn:hover {background: #fff; color: #e20613;}
.cycloneslider-template-standard {margin-bottom: 0 !important;}
.page-banner {text-align: center; height: 300px; overflow: hidden; position: relative; width: 100%; margin-bottom: 30px;}
.page-banner img {filter:opacity(30%) blur(4px); -webkit-filter:opacity(30%) blur(4px); position: absolute; left: 0; width: 100%;}
.page-title, .banner-title {font-size: 45px; text-align: center; margin-top: 170px; text-transform: uppercase; position: relative; z-index: 44;}
.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;}
.slider {margin-top: -100px;}
small {font-size: 12px; font-weight: 400;}
.pcontent .ncol .su-column-inner {padding: 0 10px;}

/*SEARCH*/
#header a.search-btn {color: #000; cursor: pointer;}
#header a.search-btn:hover {color: #e20613;}
#header .search-form {float: right; margin: 22px 0 0 15px;}
#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: 3px 0 0 10px; 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: #000;border: 0;cursor: text;outline: 0;width: 120px; color: #fff;}
.search-form .search-submit { display:none;}
.social {float: right;}
.social i {font-size: 18px; margin-left: 10px;}
.social i:first-child {margin-left: 0;}

/*block styling*/
.dark, .red {background: #1e1c1b; color: #fff; height: 500px;}
.red {background:  #e20613;}
.dark h1, .red h1 {font-size: 32px; font-weight: 700; margin-bottom: 20px;}
.red a i {font-size: 48px; color: #fff;}
.red a i:hover {color: #e20613;}
.dark .su-column-inner, .red .su-column-inner {padding: 100px 50px 25px;}
.mj {background-image: url("/wp-content/uploads/2016/08/hm-mj.jpg");}
.mu {background-image: url("/wp-content/uploads/2016/08/hm-mu.jpg");}
.ma {background-image: url("/wp-content/uploads/2016/08/hm-ma.jpg"); background-position: center center !important;}
.mp {background-image: url("/wp-content/uploads/2016/08/hm-mp.jpg"); background-position: center right !important; color: #fff;}
.mj, .mu, .ma, .mp {background-size: cover; height: 500px; background-position: left top;}
.mj .su-column-inner, .mu .su-column-inner, .ma .su-column-inner, .mp .su-column-inner {position: absolute; bottom: 0; font-weight: 700;}
#catalogue {background: url("/wp-content/uploads/2016/08/hm-download.jpg") center center; background-size: cover; height: 450px; text-align: right;}
#catalogue article {margin: 200px 150px 0 0; float: right;}
#projects {background: url("/wp-content/uploads/2016/08/hm-projects.jpg") left top no-repeat; background-size: contain;}
#projects .su-column-inner {padding: 0;}
#projects .projbg .su-column-inner {margin: 150px 50px 25px; color: #fff;}
#projects img {margin-bottom: -7px;}

/*Post Slider*/
.recent-post-slider h2.wp-post-title a {font-size: 32px; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid #fff; font-weight: 700; display: block;}
.recent-post-slider .wp-post-content a.readmorebtn {display: inline-block; background: #e20613; padding: 3px 30px; text-transform: uppercase; font-weight: 700; border: 0;}
.recent-post-slider .wp-post-content a.readmorebtn:hover {background: #fff; color: #e20613;}
.recent-post-slider.design-2 .post-image-bg {height: 500px;}
.recent-post-slider.design-2 .post-image-bg img {width: 1600px !important; max-width: 1600px !important;}
.recent-post-slider.design-2 .post-content-left {padding: 150px 50px 50px;}

/*products*/
ul.product-block li {display: inline-block; width: 48%; background: #fff; padding: 0; margin: 0.5% 1%; float: left; overflow: hidden; position: relative;}
ul.product-block li a img {height: 230px; width: auto !important; margin-bottom: -7px; -webkit-transition:all .3s linear; transition:all .3s linear;}
ul.product-block li a .product-title {-webkit-transition:all .3s linear; transition:all .3s linear; height: 80%;}
ul.product-block li a:hover img {-ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.featured {overflow: hidden;}
.product-title {overflow: hidden; position: absolute; z-index: 2; top:0; right: -54%; background: rgba(0,0,0,0.7); padding: 5%; width: 35%; font-size: 28px; font-weight: 700; color: #fff;}
ul.product-block li a:hover .product-title {top: 0; right: 0; color: #fff;}
h2.entry-title {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.pcontent {width: 94%; padding: 0 3%;}
.pcontent h3 {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.addfield {width: 100%; display: inline-block; margin-top: 30px;}
.pbanner img {width: 100%; height: auto;}

/*Product Side*/
.sixm {background: url("/wp-content/uploads/2016/08/6m-side.jpg") left bottom no-repeat #d3c4bd;}
.sixmw {background: url("/wp-content/uploads/2016/08/6m-w-side.jpg") left bottom no-repeat #d3c4bd;}
.sixmm {background: url("/wp-content/uploads/2016/08/6m-m-side.jpg") left bottom no-repeat #d3c4bd;}
.sixm .su-tabs,.sixmw .su-tabs,.sixmm .su-tabs {padding: 0; background: rgba(65,35,19,0.5); border-radius: 0;}
.sixm .su-tabs-nav span.su-tabs-current,.sixmw .su-tabs-nav span.su-tabs-current,.sixmm .su-tabs-nav span.su-tabs-current {background: #412313;}
.mdseries {background: url("/wp-content/uploads/2016/08/md-side.jpg") left bottom no-repeat #e4d9d4;}
.mdseries .su-tabs,.mdwseries .su-tabs,.mdmseries .su-tabs, .projtabs .su-tabs {padding: 0; background: rgba(178,25,30,0.5); border-radius: 0;}
.mdseries .su-tabs-nav span.su-tabs-current,.mdwseries .su-tabs-nav span.su-tabs-current,.mdmseries .su-tabs-nav span.su-tabs-current,.projtabs .su-tabs-nav span.su-tabs-current {background: #b2191e;}
.museries {background: url("/wp-content/uploads/2016/08/mu-side.jpg") left bottom no-repeat #f9f9f9;}
.muwseries {background: url("/wp-content/uploads/2016/08/mu-w-side.jpg") left bottom no-repeat #f9f9f9;}
.mumseries {background: url("/wp-content/uploads/2016/08/mu-m-side.jpg") left bottom no-repeat #f9f9f9;}
.museries .su-tabs, .muwseries .su-tabs, .mumseries .su-tabs {padding: 0; background: rgba(76,38,108,0.5); border-radius: 0;}
.museries .su-tabs-nav span.su-tabs-current,.muwseries .su-tabs-nav span.su-tabs-current,.mumseries .su-tabs-nav span.su-tabs-current {background: #4c266c;}
.maseries {background: url("/wp-content/uploads/2016/08/ma-e-side.jpg") left bottom no-repeat #fafafa;}
.mawseries {background: url("/wp-content/uploads/2016/08/ma-w-side.jpg") left bottom no-repeat #fafafa;}
.mamseries {background: url("/wp-content/uploads/2016/08/ma-m-side.jpg") left bottom no-repeat #fafafa;}
.maseries .su-tabs,.mawseries .su-tabs,.mamseries .su-tabs {padding: 0; background: rgba(249,176,61,0.5); border-radius: 0;}
.maseries .su-tabs-nav span.su-tabs-current,.mawseries .su-tabs-nav span.su-tabs-current,.mamseries .su-tabs-nav span.su-tabs-current {background: #f9b03d;}
.mjseries {background: url("/wp-content/uploads/2016/08/mj-side.jpg") left bottom no-repeat #f9f9f9;}
.mjwseries {background: url("/wp-content/uploads/2016/08/mj-w-side.jpg") left bottom no-repeat #f9f9f9;}
.mjseries .su-tabs,.mjwseries .su-tabs,.mjmseries .su-tabs {padding: 0; background: rgba(142,192,68,0.5); border-radius: 0;}
.mjseries .su-tabs-nav span.su-tabs-current, .mjwseries .su-tabs-nav span.su-tabs-current, .mjmseries .su-tabs-nav span.su-tabs-current {background: #8ec044;}
.mpjseries {background: url("/wp-content/uploads/2016/08/mpj-side.jpg") left bottom no-repeat #fbfbfb;}
.mpjrseries {background: url("/wp-content/uploads/2016/08/mpj-r-side.jpg") left bottom no-repeat #fbfbfb;}
.mpjmseries {background: url("/wp-content/uploads/2016/08/mpj-m-side.jpg") left bottom no-repeat #fbfbfb;}
.mpjseries .su-tabs,.mpjrseries .su-tabs,.mpjmseries .su-tabs {padding: 0; background: rgba(2,86,142,0.5); border-radius: 0;}
.mpjseries .su-tabs-nav span.su-tabs-current,.mpjrseries .su-tabs-nav span.su-tabs-current,.mpjmseries .su-tabs-nav span.su-tabs-current {background: #02568e;}
.mpwseries {background: url("/wp-content/uploads/2016/08/mp-w-side.jpg") left bottom no-repeat #fff;}
.mprseries {background: url("/wp-content/uploads/2016/08/mp-r-side.jpg") left bottom no-repeat #fff;}
.mpmseries {background: url("/wp-content/uploads/2016/08/mp-m-side.jpg") left bottom no-repeat #fff;}
.mpwseries .su-tabs,.mprseries .su-tabs,.mpmseries .su-tabs {padding: 0; background: rgba(192,144,71,0.5); border-radius: 0;}
.mpwseries .su-tabs-nav span.su-tabs-current,.mprseries .su-tabs-nav span.su-tabs-current,.mpmseries .su-tabs-nav span.su-tabs-current {background: #c09047;}

/*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: 30px 10px 5px; float: left; font-size: 13px; color: #000; font-weight: 400; margin-left: 15px; 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: url("/wp-content/uploads/2016/08/uline.gif") bottom center no-repeat; color: #e20613;}
#menu-primary ul.sub-menu {top: 52px; 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: rgba(0,0,0,0.8); width: 200px; background-position: left center; color: #fff; 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: #ff6600;}
#menu-primary ul.sub-menu li:after {content: none}

/*SIDEBAR + SIDE CONTENT*/
.sidebar {float: left; width: 22%; margin: 0 auto; margin-top: 20px; letter-spacing: 3px;}
.sidebar h2.widget-title {background: #e20613; padding: 15px 20px; color: #fff; margin-bottom: 0; border-bottom: 1px solid #fff; text-transform: uppercase;}
.menu-products-container {background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.sidebar .menu li a {padding: 15px 20px; border-bottom: 1px solid #ddd; display: block; font-size: 15px; color: #414042; font-family: 'Oswald', sans-serif; background: #fff;}
.sidebar .menu li a:hover, .sidebar .menu .current-menu-item a {background: #095da6; color: #fff;}
.side-content {float: right; width: 76%; margin-top: 20px; font-size: 13px; line-height: 24px;}

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

/*FOOTER*/
#footer {padding: 0; width: 100%;}
#footer li.widget-container {width: 50%; float: left;}
.footer-block {box-shadow: 0 3px 3px rgba(0,0,0,0.2); float: left; width: 100%;}
.footer-wrapper td {vertical-align: top; padding: 3px 6px;}
.footer-wrapper i {font-size: 14px; color: #e20613;}
.coninfo {padding-top: 1.5%;}
.coninfo h2 {text-align: center; font-size: 32px; font-weight: 700; text-transform: uppercase;}
.copyright {font-size: 12px; float: left; width: 42%; padding: 20px 4%;}
#footer .social {width: 42% !important; padding: 20px 4%; text-align: right;}

@media (max-width: 1199px) {

}

@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%;}
}

@media (max-width: 767px) {
.slider {margin-top: 0;}
.sidebar, .side-content {width: 100%; 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;}
.social {float: none;}
#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%;}
}

@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) {
.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: 30px;}
.page-banner {height: auto;}
.pbanner img, .page-banner img {display: none;}
}

@media (max-width: 320px) {

}