/*MAIN*/
body {font-family: 'Open Sans', "微软雅黑", STXihei, sans-serif; font-size: 14px; color: #333; line-height: 21px; width: 100%; max-width: 1600px; margin: auto}
#header {padding: 4px 0 0; background: url("/wp-content/uploads/2016/10/header-bg.jpg") top right no-repeat; border-bottom: 6px solid #ed1c24;}
p:empty {display: none}
p {margin-bottom: 20px;}
#container .content {padding: 0;}
.left, .right {display: inline-block;}
.left {text-align: center; width: 25%; background: url("/wp-content/uploads/2016/10/logo-bg.png") top right no-repeat; padding: 10px 80px 14px 0; min-width: 300px;}
.sdesc {font-size: 12px; font-weight: 300; line-height: 1;}
.right {float: right; text-align: right; margin-top: -10px; width:59%;}
.alignleft {float: left; margin-right: 15px;}
.alignright {float: right; margin-left: 15px;}
.aligncenter {text-align: center;}
.content {width: 100%; max-width: 1170px; margin: 0 auto;}
h1, h2, h3, h4 {font-family: 'Oswald', serif; margin-bottom: 0.5em; font-weight: 400; line-height: 1em}
h1 {font-size: 3em;}
h2 {font-size: 2.15em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.2em;}
h2.entry-title {letter-spacing: inherit; margin-bottom: 20px;}
img.round {border-radius: 50%; border: 5px solid #ed1c24;}
.slider {background: url("/wp-content/uploads/2016/10/slider-bg.png") top center no-repeat; position: relative; z-index: 1; width: 100%; height: 780px}
.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: #ed1c24;}
a:hover {color: #000; 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: 10px 25px; background: #ed1c24; color: #fff; text-transform: uppercase; border: 1px solid #ed1c24; font-family: 'Oswald', serif; margin-top: 20px; display: inline-block; letter-spacing: 1px;}
a.btn:hover {background: #fff; color: #ed1c24;}
a.whbtn {padding: 10px 25px; background: translate; color: #fff; text-transform: uppercase; border: 1px solid #fff;  margin-top: 20px; font-family: 'Oswald', serif; display: inline-block}
a.whbtn:hover {background: #fff; color: #000;}
.cycloneslider-template-standard {margin-bottom: 0 !important;}
.page-title {text-align: center;}
.about {padding: 35px 45px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.breadcrumbs {font-size: 13px; text-align: right; font-weight: 600;}
.prodpage {padding: 2%;}
.content .prodpage h1 {margin-top: 1em;}
.breadcrumbs a, h1 b {color: #ed1c24; font-weight: inherit;}
.page-id-26 small {font-size: 0.8em}
#scroll-to-top {bottom: 60px !important;}
label.screen-reader-text {display: none;}
.adrop select {margin: 15px auto; padding: 2%; width: 100%; border: 1px solid #ccc; color: #444; font-family: 'Open Sans', sans-serif; }

/*SEARCH*/
#searchform input {border: 0; padding: 6px 6px 6px 30px; color: #666; background: url("/wp-content/themes/locus-t/images/search-icon.png") 5px center no-repeat #ebebeb; margin: 10px 0; border-radius: 30px;}
#header a.search-btn {color: #fff; cursor: pointer;}
#header a.search-btn:hover {color: #ff6600;}
#header .search-form {margin: 22px 0 0 15px; float: right;}
#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;}
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*/
#welcome {margin-top: -160px;}
.leftcontent {float: left; width: 50%; background: url("/wp-content/uploads/2016/10/bg-glow.jpg") no-repeat center center #000; padding-top: 160px;}
.leftcontent article {max-width: 640px; width: 80%; padding: 10% 10% 0; float: right}
.leftcontent article img {width: 100%;}
.rightcontent {float: right; width: 50%; background: url("/wp-content/uploads/2016/10/redwave-bg.gif") top left no-repeat #ed1c24; padding-top: 160px;}
#vision .leftcontent, #vision .rightcontent {padding-top:0;}
.rightcontent article {max-width: 500px; width: 80%; padding: 10%; text-align: right; color: #fff}
.whychoose ul li {list-style: initial; margin-bottom: 10px;}
#productbg {background: url("/wp-content/uploads/2016/10/productbg.jpg") no-repeat center center; background-size: cover; text-align: center; color: #fff;}
#productbg .content {max-width: 1170px; padding: 30px 0}
#productbg ul li {display: inline-block; width: 25%; margin: 20px 1.5%;}
#productbg ul li a img {width: 94%; border-radius: 50%; border: 7px solid transparent;}
#productbg ul li a img:hover {border: 7px solid #ed1c24;}
#customer .content {padding: 50px 0; text-align: center;}
#awards {background: #f2f2f2; padding: 30px 0;}
.lgrey {background: #f3f3f3;}

/*MENU*/
.menuhead {margin-top: 10px;}
.menu-header {width: 98%; border-bottom: 1px solid #969696; max-width: 595px; float: right;}
#menu-primary {margin: 0 auto;}
#menu-primary li {padding: 0 5%; background: url("/wp-content/uploads/2016/10/divider.gif") center right no-repeat;}
#menu-primary li:first-child {padding-left: 0;}
#menu-primary li:last-child, #menu-primary li.mcu {padding-right: 0; background: none;}
#menu-primary li a {padding: 4px 0 10px; float: left; font-size: 14px; color: #fff; font-family: 'Oswald', serif; margin-bottom: -7px;}
#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: #ed1c24; border-bottom: 1px solid #ed1c24;}
#menu-primary ul.sub-menu {top: 32px; background: transparent; margin-left: 0; padding-top: 8px;}
#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;}
#menu-primary ul.sub-menu li a:hover, #menu-primary ul.sub-menu li.current-menu-item a {display: block; background: url("/wp-content/uploads/2016/05/li-arrow.png") no-repeat 15px center #175fa4;}
#menu-primary ul.sub-menu li:after {content: none}
#menu-primary li.mfb, #menu-primary li.min { display:none;}

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

/*EVENTS*/
ul.product-block {text-align: center; margin-top: 30px;}
ul.product-block li {display: block; background: #fff; padding: 15px; text-align: left; text-transform: uppercase; font-weight: 700; margin: 0 0 3% ; overflow: hidden; position: relative;}
ul.product-block li .featured {float:left;}
.product-title {font-size: 18px;}

/*Contact Form*/
.wpcf7-text, .wpcf7-textarea { font-family: 'Open Sans', serif; background: transparent; font-size: 14px; border: 1px solid #ccc; color: #444; border-radius: 10px; padding: 8px 2%; width: 96%; margin: 10px auto;}
.wpcf7-submit {font-family: 'Oswald', serif; padding: 8px 20px; font-size: 15px; color: #fff; background: #ed1c24; border: 1px solid #ed1c24; margin-top: 10px;}
.wpcf7-submit:hover {background: #fff; color: #ed1c24;}

#footer .wpcf7-text, #footer .wpcf7-textarea { font-family: 'Open Sans', serif; background: transparent; font-size: 14px; border: 1px solid #fff; color: #fff; border-radius: 10px; padding: 8px 2%; width: 96%; margin: 10px auto;}
#footer .wpcf7-submit {font-family: 'Oswald', serif; padding: 8px 20px; font-size: 15px; color: #fff; background: transparent; border: 1px solid #fff; margin-top: 10px; float: right; letter-spacing: 2px;}
#footer .wpcf7-submit:hover {background: #fff; color: #ed1c24;}

/*FOOTER*/
#footer {padding: 25px 0 0; width: 100%; background: #ed1c24;}
#footer .widget-container a {color: #fff;}
#footer .widget-container {float: left; padding: 0 3.5%; width: 26%; color: #fff;}
#footer .col-2-3 {width: 60%;}
#footer h2 {font-size: 15px; color: #fff; border-bottom: 1px solid #fff; font-family: 'Open Sans'; margin: 10px auto; padding-bottom: 10px;}
#footer .menu li {display: block; float: none;}
#footer .menu li a {color: #fff; font-size: 13px; text-transform: capitalize;}
#copyright {font-size: 12px; padding: 15px 0; background: #fff;}
#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 .social-icons > a i.fa { position: relative; line-height: 0.8; }
.social {display: inline-block; margin-top: 38px;}
.social a i {font-size: 18px; margin: 0 5px; color: #ed1c24;}
.social a i:hover {color: #fff;}

@media (max-width: 1169px) {
.left {width: 33%;}
.menuhead {display: none;}
.right {display: none;}
}

@media (max-width: 990px) {
.breadcrumbs {text-align: center;}
.content {width: 96%; padding-left: 2%; padding-right: 2%;}
#header .content {width: 100%; padding: 0}
}

@media (max-width: 767px) {
.sidebar, .side-content {width: 100%; padding: 2%; float: none; margin: 0 auto;}
#welcome {margin-top: 0;}
.leftcontent, .rightcontent {float: none; width: 100%;}
.leftcontent article, .rightcontent article {text-align: center; float: none; margin: auto}
.leftcontent {padding: 10% 0}
.rightcontent {padding-top: inherit;}
.prodpage {text-align: center;}
#footer .widget-container, #footer .col-2-3 {width: 93%;}
.su-column img {max-width: 98%;}
.slider {height: inherit; background: url("/wp-content/uploads/2016/10/sl-bgs.jpg"); background-size: cover;}
}

@media (max-width: 640px) {
.post-img, .pcontent {width: 100%;}
.pcontent {margin-left: 0;}
.post-img {text-align: center;}
ul.product-block li {width: 80%; min-height: inherit;}
ul.product-block li .featured {min-height: inherit;}
ul.product-block li img {width: 100%; height: auto;}
}

@media (max-width: 480px) {
#welcome {margin-top: inherit}
.left {background: #fff; width: 100%; padding: 10px 0;}
.left img {max-width: 180px; height: auto;}
/*.slider {height: 520px;}*/
#productbg ul li {width: 80%}
h1 {font-size: 2.5em;}
}

@media (max-width: 380px) {
/*.slider {height: 480px;}*/
}