/*MAIN*/
body {font-family: 'Open Sans', "微软雅黑", STXihei, sans-serif; font-size: 13px; color: #000; line-height: inherit;}
#header {padding: 15px 0 0;}
p:empty, #products .widget-title {display: none}
.left, .right {display: inline-flex; align-items: center;}
.left {width: 30%;}
.right {float: right; height: 83px; flex-wrap: wrap; align-content: space-between; width: 60%;}
.right li {display: inline-block; margin-left: 10px;}
.logo img {height: 79px;}
small {font-size: 80%;}
.floatleft {float: left; margin-right: 15px;}
.floatright {float: right; margin-left: 15px;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}
#container {margin-top: 30px;}
.content, .slider {width: 100%; max-width: 1170px; margin: 0 auto;}
p {margin-bottom: 20px; line-height: 24px;}
.slider {}
.float {position: fixed; right: -76%; top: 30%; z-index: 999; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.cta {width: 100%; text-align: right;}
.cta li {display: inline-block;}
.cta i {font-size: 24px; display: inline-flex; vertical-align: middle;}
.cta strong {font-weight: normal; color: #f15000;}
h1, h2, h3 {font-weight: 700; margin-bottom: 30px; font-family: 'Raleway', sans-serif;}
h1 {font-size: 2.5em; margin-top: 30px;}
h2 {font-size: 2em}
h3 {font-size: 1.6em;}
h4 {font-size: 1.2em; margin-bottom: 30px; text-transform: uppercase;}
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: #000;}
a:hover {color: #faa346; 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: #faa346; color: #fff; text-transform: capitalize; letter-spacing: 2px; display: inline-block;}
a.btn:hover {background: #868684;}
a.whbtn {padding: 8px 25px; background: translate; color: #fff; text-transform: uppercase; border: 1px solid #fff; letter-spacing: 2px;}
a.whbtn:hover {background: #fff; color: #000;}
.cycloneslider-template-standard {margin-bottom: 0 !important;}
.page-banner {background: url("/wp-content/uploads/2016/12/shadow.jpg") repeat-x top center;}
.breadcrumbs {margin: auto; max-width: 1170px; width: 100%; border-bottom: 1px solid #c4c4c4; padding: 20px 0; text-align: center; letter-spacing: 1px; font-size: 12px; color: #a1a1a1;}
.bcur {color: #faa346; font-weight: 700;}
.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;}

/*section*/
#products {margin-top: 30px; text-align: center;}
#products h1 {font-weight: 300;}
#testi {padding: 30px 0; background: url("/wp-content/uploads/2016/12/bg-testi.jpg"); background-size: cover; color: #fff; display: none}
#testi h1 {letter-spacing: 3px;}
#choose {padding: 30px 0; background: url("/wp-content/uploads/2016/12/divider.png") top center no-repeat #e0e0e0; text-align: center;}

/*SEARCH*/
#header a.search-btn {color: #ccc; cursor: pointer; font-size: 30px;}
#header a.search-btn:hover {color: #154478;}
#header .search-form {float: right; margin-left:15px;}
#header .search-field {	background-color: #fff; /*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: 36px; 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: #ddd;border: 0;cursor: text;outline: 0;width: 140px;}
.search-form .search-submit { display:none;}
#searchform input {border-radius: 15px; padding: 6px 10px 6px 30px; color: #666; background: url("/wp-content/themes/locus-t/images/search-icon.png") 5px center no-repeat #fff; box-shadow: inset 0 0 4px rgba(0,0,0,0.4); border: 0; margin-left: 10px;}

/*products*/

/*MENU*/
.menuhead {width: 100%;}
.menu-header {width: auto;}
#menu-primary {margin: 0 auto; text-align: right;}
#menu-primary li {width: auto; text-align: center; align-items: center; display: inline-flex; align-items: center; justify-content: center; line-height: 18px; transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; border-right: 2px solid #fff; line-height: 1;}
#menu-primary li:last-child {border-right: 0;}
#menu-primary li a {padding: 0; float: left; color: #000; font-weight: 300; text-transform: uppercase; padding: 10px 25px; letter-spacing: 2px;}
#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 {color: #fff; background: #faa346;}
#menu-primary ul.sub-menu {top: 25px; left:0; background: transparent; margin-left: 0; padding-top: 8px;}
#menu-primary ul.sub-menu li {border: none;}
#menu-primary ul.sub-menu li a {display: block; background-color: rgba(0,0,0,0.8); width: 200px; color: #fff; padding: 10px; text-align: left;}
#menu-primary ul.sub-menu li a:hover, #menu-primary ul.sub-menu li.current-menu-item a {display: block; background:  #faa346; color: #000}
.nav-container {background-color: #3c3c3c; text-align: center;}
.fix-nav {
    /* this make our menu fixed top */    
    z-index: 99;  position: fixed; left: 0; top: 0; width: 100%; 
  }
.fix-body {
    /* this will adjust body top margin to prevent content jumping when nav gets fix  */    
    margin-top: 50px;
  }


/*Contact Form*/
.wpcf7-text, .wpcf7-select, .wpcf7-textarea { font-family: 'Open Sans', serif; font-size: 13px; border: none; padding: 8px; width: 97%; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; margin-bottom: 5px;}
.wpcf7-text:focus, .wpcf7-select:focus, .wpcf7-textarea:focus {box-shadow: 1px 1px 3px rgba(0,0,0,0.2)}
.wpcf7-submit {font-family: 'Open Sans', serif; padding: 6px 20px; font-size: 14px; color: #fff; background: #ff0000; border: 1px solid #ff0000;}
.wpcf7-submit:hover {background: #fff; color: #ff0000;}
#newsletter .wpcf7-email {width: 50%;}
#hmform .wpcf7-text, #hmform .wpcf7-select, #hmform .wpcf7-textarea {width: 50%; border-bottom: 1px solid #ccc; margin: 0;}

/*FOOTER*/
#footer {padding: 25px 0; width: 100%; background: url("/wp-content/uploads/2016/12/bg-footer.jpg");}
#footer .content {margin: 30px auto;}
#footer .footer-block {float: left; vertical-align: top;}
#footer .widget-container a {color: #fff;}
#footer .widget-container {float: left; padding: 0 5%; color: #fff; font-size: 13px; width: 90%;}
#footer h2 {font-size: 15px; color: #fff; margin-bottom: 15px;}
#footer .menu li {display: inline-block; float: none; width: 100%;}
#footer .menu li a {color: #fff; font-size: 13px; text-transform: capitalize; padding: 0; border: 1px solid transparent; display: inline-block; margin-bottom: 5px;}
#footer .menu li a:hover, #footer .menu li.current-menu-item a {border-radius: 10px; border: 1px solid #fff; padding: 0 10px; text-decoration: none;}
#copyright {text-align: center; font-size: 12px; padding: 20px 0; }
#footer a .fa {margin-right: 10px; text-align: center; background: #fff; color: #2a2a2a; padding: 3%; border-radius: 50%; width: 10px; height: 10px;}
#footer a .fa:hover {background: #43a0ff;}
#footer .su-list ul {margin-bottom: 10px !important;}
#footer .col-1 {width: 15%}
#footer .col-2 {width: 35%}
#footer .col-3 {width: 50%;}
.col-3 .widget-container {border-left: 1px solid #fff;}

/*Accordion PRODUCT SIDEBAR */
.side-cat .dcjq-parent-li a {padding: 5px 10px; display: block; text-transform: uppercase; background: #d7d7d7; margin-bottom: 1px; font-weight: 400; font-size: 14px;}
.side-cat .dcjq-parent-li ul.children li a {font-size: 13px; text-transform: capitalize; background: #fff;}
.side-cat .dcjq-parent-li ul.children ul.children li a {text-transform: capitalize; padding-left: 20px;}
.side-cat > li > ul { margin-top: 15px; list-style: none; padding-left: 0; }
.side-cat > li > ul li { list-style: none; }
.side-cat > li > ul li a {display: block; color: #000; padding: 5px 15px; transition: all 0.3s ease-in-out; background: #f8f8f8; border-bottom: 1px solid #e9e8e8;}
.side-cat > li > ul > li:first-child > a { border-top: 1px solid #e9e8e8; }
.side-cat > li > ul li a:focus, .side-cat > li > ul li a:hover, .side-cat > li > ul > .current-cat-parent > a {color: #72b3da; }
.side-cat > li > ul .current-cat > a:hover, .side-cat > li > ul .current-cat > a:focus {color: #fff;}
.dcjq-parent.active{ color: #fff!important; background: #2633d9 !important;}
.side-cat > li > ul .current-cat > .dcjq-parent.active{ color: #fff!important; }
/*.side-cat > li > ul li .current-cat a { background: #72b3da; color: #fff; font-weight: 600;}*/
.side-cat > li > ul .current-cat > a { background: #72b3da; color: #fff; font-weight: bold;}
.side-cat > li > ul ul { padding: 0; }
.side-cat > li > ul > ul { padding-left: 15px; }
.dcjq-parent:after { font-family: 'FontAwesome'; content: "\f0d9"; font-size: 1em; /*line-height: 1.3em;*/ float: right; transition: all 0.4s ease; }
.dcjq-parent.active:after{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}

@media (max-width: 1199px) {

}

@media (max-width: 990px) {
.right {margin-right: 100px; width: auto}
.cta li.widget_search {display: none;}
.menuhead {display: none;}
#searchform, .cta {display: inline-block; margin-left: 12px;}
ul.product-block li {width: 46%; float: none;}
}

@media (max-width: 767px) {
.sidebar, .side-content {width: 100%; padding: 2%; float: none; margin: 0 auto;}
#footer .col-1, #footer .col-2 {width: 50%;}
#footer .col-3 {width: 100%;}
#footer .col-3 .widget-container {border: 0;}
#footer .widget-container {width: 100%; padding: 0;}
.content {width: 94%; padding: 0 3%;}
}

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

@media (max-width: 480px) {
.left {width: 100%; margin: 0 auto 10px; display: block; float: none; height: auto;}
.right {display: none;}
.left img {max-width: 250px; height: auto;}
ul.product-block li {width: 95%;}
}

@media (max-width: 380px) {

}