/*MAIN*/
body {font-family: 'Open Sans', "微软雅黑", STXihei, sans-serif; font-size: 13px; color: #000; line-height: 24px; font-weight: 300;}
#header {padding: 0 0 10px; background: #070707; display: inline-block;}
p:empty {display: none}
.content p {margin-bottom: 20px;}
#container {}
.left, .right {display: inline-block;}
.logo {margin-top: 24px;}
.right {float: right; text-align: right;}
.alignleft {float: left; margin-right: 15px;}
.alignright {float: right; margin-left: 15px;}
.aligncenter {text-align: center;}
h1,h2,h3 {font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;}
h1 {color: #ff6600; font-size: 36px; letter-spacing: 5px; margin: 50px 0;}
.content {width: 100%; max-width: 1110px; margin: 0 auto;}
.content strong {color: #ff6600; font-weight: 700;}
.cta {color: #095da6;}
.cta i {font-size: 24px; display: inline-flex; vertical-align: middle;}
.cta strong {font-weight: normal; color: #f15000;}
a {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;}
.grey {background: #eee; padding-bottom: 30px;}
.row {padding: 15px; margin: 0;}
a.link::before {content: "» "; display: inline-block; padding-top: 10px; font-size: 18px;}
a.btn {padding: 10px 5%; background: transparent; color: #ff6600; text-transform: uppercase; border: 1px solid #ff6600; margin: 5px 20px auto; display: inline-block; font-size: 12px; letter-spacing: 3px;}
a.btn:hover {background: #ff6600; color: #fff;}
.cycloneslider-template-standard {margin-bottom: 0 !important;}
.page-banner {text-align: center; margin-bottom: 15px;}
.page-banner img {height: auto; width: 100%;}
.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;}
.breadcrumbs {width: 100%; max-width: 1110px; margin: 10px auto; color: #ff6600; font-weight: 700; font-size: 12px;}
.breadcrumbs a {color: #000; font-weight: 300;}
.ssection {background: url(/wp-content/uploads/2016/07/grey-bg.jpg) no-repeat;}
.ssection article {width: 46%; float: right; background: #fff; text-align: center; padding: 2%;}
.ssection h1 {text-transform: inherit; font-size: 30px; margin: 10px auto; letter-spacing: 1px;}
.ssection img {max-width: 350px; width: 90%;}
.contact-float {z-index: 99; position: relative; float: right}
.contact-float .su-column-size-1-4 {width: 23%; margin-left: 2% !important;}
.greycontent {background: rgba(0,0,0,0.8);}
.greycontent .su-column-inner {padding: 20px; min-height: 200px; color: #fff;}
.greycontent a {color: #fff;}
.gmap {position: absolute; width: 100%; height: 840px;}
.gmap2 {display: none;}

/*SEARCH*/
#header a.search-btn {color: #fff; cursor: pointer;}
#header a.search-btn:hover {color: #ff6600;}
#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: #fff;border: 0;cursor: text;outline: 0;width: 120px;}
.search-form .search-submit { display:none;}

/*products*/
ul.product-block li {display: inline-block; width: 22%; background: #ff6600; text-align: center; padding-bottom: 30px; float: left; margin: 0 1.5% 20px;}
ul.product-block li img {width: 100%; height: auto;}
ul.product-block li .product-title {font-size: 14px; color: #fff; font-weight: 400; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; margin: 10px auto 20px; padding: 0 4%; height: 32px; margin-bottom: 10px; line-height: 18px;}
h2.product-title {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #555; font-size: 24px; font-weight: 700; }
.pcontent {width: 58%; float: left; margin-left: 2%;}
.post-img {float: left; width: 40%;}
.post-img img { box-shadow: 0 1px 3px rgba(0,0,0,0.4); width: 100%; max-width: 330px; height: auto;}
.pcontent h3 {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.enquirenow {display: block; padding: 20px 0; border-top: 1px solid #888;}
.enquirenow a {background: #ff6600; color: #fff; padding: 12px 12%; display: inline-block; letter-spacing: 2px; font-size: 13px;}
.enquirenow a:hover {background: #fff; color: #ff6600;}
.related {width: 100%; float: left; padding: 20px 0; border-top: 1px solid #888;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-container {padding: 0 !important;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-image {background: #fff;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-details {background: #ff6600;; padding: 10px !important;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-title {font-size: 16px !important; height: 56px;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-title a {color: #fff; font-weight: 700;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-buttons a, ul.product-block li .btn {padding: 6px 12px !important; border: 1px solid #fff; color: #fff; display: inline-block; text-transform: uppercase;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-buttons a:hover, ul.product-block li .btn:hover {background: #fff; color: #ff6600;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-desc {color: #fff !important;}
.simple-theme.wp-posts-carousel .wp-posts-carousel-desc a {display: none;}
.bawmrp {text-align: center; }
.bawmrp h3 {font-size: 20px; color: #ff6600; font-weight: 700; margin: 30px auto;}
.bawmrp li.bawmrp_auto {min-height: 160px; min-width: 22%; padding-top: 15px !important; background: #fff; border: none !important; float: none !important; display: inline-block;}

/*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: #fff; font-weight: 300; margin-left: 15px; text-transform: uppercase; border: 1px solid transparent; border-top: 0}
#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 {border: 1px solid #ff6600; border-top: 0}
#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; text-transform: uppercase;}
.sidebar h2.widget-title {background: #ff6600; padding: 15px 20px; color: #fff; margin-bottom: 0; border-bottom: 1px solid #fff; font-size: 20px; letter-spacing: 3px;}
.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; letter-spacing: 2px;}
.sidebar .menu li a:hover, .sidebar .menu .current-menu-item a, .sidebar .menu .current-post-parent a {color: #ff6600; font-weight: 700; border-right: 8px solid #ff6600;}
.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: 'Open Sans', serif; background: #fff; font-size: 13px; border: 1px solid #a0968e; }
.wpcf7-text, .wpcf7-quiz {padding: 2%; width: 94%; margin: 3px;}
.wpcf7-textarea {padding: 2%; margin: 3px; width: 94%;}
.wpcf7-submit {font-family: 'Open Sans', serif; padding: 12px 8%; font-size: 12px; color: #fff; background: #ff6600; border: 1px solid #ff6600; letter-spacing: 3px;}
.wpcf7-submit:hover {background: transparent; color: #ff6600;}


/*FOOTER*/
#footer {padding: 40px 0; width: 100%; background: url("/wp-content/uploads/2016/07/footer-bg.jpg") no-repeat center center; background-size: cover;}
.footer-wrapper {width: 100%; max-width: 1110px; margin: 0 auto;}
.footer-wrapper td {vertical-align: top; padding: 3px 6px;}
.footer-wrapper i {font-size: 14px; color: #ff6600;}
.footer-wrapper a {color: #fff;}
.footer-block li.widget-container {float: left; width: 46%; color: #fff; font-size: 13px; text-transform: uppercase; padding: 0 2%;}
.footer-block h2.widget-title {color: #ff6600; font-weight: 700; margin-bottom: 15px;}
#footer .menu li a {float: left; width: 50%; color: #fff; font-size: 13px; display: block; margin-bottom: 10px;}
#footer .menu li a:hover {color: #ff6600; background: url("/wp-content/uploads/2016/07/ico-arrow.png") 70px center no-repeat;} 
.copyright {text-align: center; font-size: 12px; width: 100%; float: left; background: #ff6600; color: #fff; padding: 20px 0;}

@media (max-width: 1080px) {
.right {display: none;}
}

@media (max-width: 990px) {
.menuhead {display: none;}
#searchform, .cta {display: inline-block; margin-left: 12px;}
.right {margin-top: 50px;}
ul.product-block li {width: 46%; float: none;}
#container .content {width: 96%; padding: 2%;}
.wpcf7-text, .wpcf7-textarea, .su-column .wpcf7-text {width: 94%;}
}

@media (max-width: 767px) {
.sidebar, .side-content {width: 96%; padding: 2%; float: none; margin: 0 auto;}
.left, .right {width: 96%; float: none; margin: 0 2%;}
.ssection {background-size: cover;}
.bawmrp li.bawmrp_auto {min-width: 43.5%;}
.widget_nav_menu {display: none;}
.gmap {position:relative; display: none;}
.gmap2 {width: 100%; height: 300px; display: block;}
.contact-float {position: relative; float: none}
.contact-float .su-column-size-1-4 {margin-left: 0 !important;}
.greycontent {width: 94% !important;}
.greycontent .su-column-inner {min-height: auto;}
}

@media (max-width: 640px) {
.post-img, .pcontent {width: 100%;}
.pcontent {margin-left: 0;}
.post-img {text-align: center;}
.ssection article {width: 100%;}
}

@media (max-width: 480px) {
.left img {max-width: 250px; height: auto;}
ul.product-block li {width: 95%;}
.footer-block li.widget-container {width: 96%;}
}

@media (max-width: 320px) {

}