.inline-block {
  display: inline-block;
  vertical-align: top;
}
.clear:after {
  clear: both;
  content: "";
  display: table;
}
.clear > .float {
  float: left;
}
.clear > .float.right {
  float: right;
}
.editor:after {
  clear: both;
  content: "";
  display: table;
}
.editor > .float {
  float: left;
}
.editor > .float.right {
  float: right;
}
.oneline {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.img-helper {
  text-align: center;
  font-size: 0;
}
.img-helper span,
.img-helper img {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.img-helper span {
  width: 0px;
  height: 100%;
}
.responsive img,
.responsive iframe {
  width: 100%;
  height: auto;
}
.parent {
  font-size: 0;
}
.parent > .item {
  display: inline-block;
  vertical-align: top;
}
form .row {
  font-size: 0;
}
form .row > .item {
  display: inline-block;
  vertical-align: top;
}
form .row:after {
  clear: both;
  content: "";
  display: table;
}
form .row > .float {
  float: left;
}
form .row > .float.right {
  float: right;
}
form .row > .col {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.select {
  float: left;
  text-align: left;
  cursor: pointer;
}
.select .select-input {
  position: relative;
}
.select .select-input .select-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select .select-input .select-arrow {
  position: absolute;
  width: 0px;
  height: 0px;
}
.select .select-container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.select.select-fix {
  position: relative;
}
.no-record {
  line-height: 150px;
  text-align: center;
  font-weight: 700;
  color: red;
}
.processing {
  padding: 100px 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
}
.load-on-demand .loading {
  height: 70px;
  background: url(img/loading.png) no-repeat center;
}
.form {
  padding-top: 10px;
}
.form .row {
  position: relative;
  margin-top: 20px;
}
.form .col.col-0,
.form .col.col-1,
.form .col.col-half {
  width: 50%;
  box-sizing: border-box;
}
.form .col.col-0 {
  padding-right: 10px;
}
.form .col.col-1 {
  padding-left: 10px;
}
.form .col.col-full {
  width: 100%;
}
.form .col.col-code {
  width: 100%;
  padding-left: 450px;
  box-sizing: border-box;
}
.form .col.col-code > .wrapper {
  margin-left: -450px;
}
.form input,
.form textarea {
  width: 100%;
  padding: 0 9px;
  box-sizing: border-box;
  line-height: 45px;
  background-color: #E1E1E1;
  color: #000;
}
.form input.error,
.form textarea.error {
  padding: 0 6px;
  border: 3px solid #FBAF3F;
}
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #000;
}
.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: #000;
}
.form input::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #000;
}
.form input:-moz-placeholder,
.form textarea:-moz-placeholder {
  color: #000;
}
.form input {
  height: 45px;
}
.form input.error {
  line-height: 39px;
}
.form textarea {
  height: 226px;
}
.form .label {
  line-height: 40px;
  padding-right: 20px;
}
.form img {
  display: block;
}
.form .code,
.form .refresh {
  cursor: pointer;
}
.form .code {
  background: url(img/verifycode-back.png) no-repeat center;
}
.form .refresh {
  margin: 4px 10px 3px;
}
.form #code {
  width: 110px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.form #code.error {
  line-height: 34px;
}
.form button {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #000;
}
.form #submit-button {
  background-color: #FBAF3F;
}
.form #reset-button {
  background-color: #898989;
}
.form .error-message {
  line-height: 40px;
  color: #FBAF3F;
}
body.mobile .col.col-0,
body.mobile .col.col-1 {
  width: 100%;
  padding: 0;
}
body.mobile .col.col-1 {
  margin-top: 20px;
}
body.mobile .col.col-code {
  padding-left: 0;
}
body.mobile .col.col-code > .wrapper {
  margin-left: 0;
}
body.mobile .error-message {
  float: left;
  clear: both;
  padding-left: 0;
  margin-top: 20px;
}
html,
body {
  background-color: #111;
}
body {
  min-width: 480px;
}
header,
#wrapper,
#content,
footer {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  z-index: 0;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
header {
  z-index: 1;
  background-color: #000;
}
header .logo {
  margin: 13px 0 14px;
}
header .nav {
  text-align: right;
}
header nav {
  margin: 38px 0;
  line-height: 24px;
}
header nav > .item {
  padding: 0 10px;
  margin: 0 15px;
  text-transform: uppercase;
  font-size: 15px;
}
header nav > .item:hover,
header nav > .item.current {
  color: #FBAF3F;
}
header .search {
  position: relative;
  margin: 33px 0 32px 25px;
}
header .search .icon {
  width: 33px;
  height: 33px;
  border: 1px solid #FFF;
  cursor: pointer;
  background: url(img/search-icon.png) no-repeat center;
}
header .m-search-button {
  width: 32px;
  height: 31px;
  margin: 32px 0 36px;
  background: url(img/search-icon-big.png) no-repeat center;
}
header .m-menu-button {
  position: relative;
  width: 40px;
  height: 31px;
  margin: 32px 0 36px 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
header .m-menu-button > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background: #FFF;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
header .m-menu-button > span:nth-child(1) {
  top: 0;
}
header .m-menu-button > span:nth-child(2),
header .m-menu-button > span:nth-child(3) {
  top: 13px;
}
header .m-menu-button > span:nth-child(4) {
  top: 26px;
}
header .m-menu-button.active > span:nth-child(1) {
  top: 13px;
  left: 50%;
  width: 0;
}
header .m-menu-button.active > span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .m-menu-button.active > span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .m-menu-button.active > span:nth-child(4) {
  top: 13px;
  left: 50%;
  width: 0;
}
#search-form {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 232px;
  border: 1px solid #FFF;
  line-height: 33px;
}
#search-form.active {
  display: block;
}
#search-form input {
  width: 179px;
  height: 33px;
  padding: 0 10px;
  background-color: #000;
}
#search-form button {
  width: 33px;
  height: 33px;
  background-color: #FFF;
}
#m-search-form {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 480px;
  padding: 15px;
  box-sizing: border-box;
  line-height: 35px;
  background-color: #000;
}
#m-search-form .wrapper {
  padding-right: 95px;
}
#m-search-form input {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #FFF;
  box-sizing: border-box;
  background-color: #000;
}
#m-search-form button {
  width: 80px;
  height: 35px;
  margin-right: -95px;
  border: 1px solid #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  background-color: #000;
  color: #FFF;
}
#content {
  z-index: 1;
  background-color: #000;
}
#main {
  padding-top: 40px;
  padding-bottom: 50px;
}
#title {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
  line-height: 49px;
  font-size: 42px;
}
footer {
  padding: 10px 0;
  background-color: #111;
}
footer .social {
  max-width: 40%;
  text-align: right;
}
footer .social .item {
  margin: 10px 0 10px 20px;
}
footer .copyright {
  max-width: 60%;
  padding: 5px 0;
  margin: 10px 0;
  line-height: 30px;
  font-size: 12px;
}
footer .copyright a {
  font-size: 12px;
}
#menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 480px;
  z-index: 2;
}
#menu .mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
}
#menu .menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 240px;
  line-height: 25px;
  background-color: #000;
}
#menu .menu .wrapper {
  border-top: 1px solid #FFF;
}
#menu .menu .item {
  display: block;
  padding: 13px 20px;
  border-bottom: 1px solid #FFF;
  text-transform: uppercase;
  font-size: 15px;
}
#menu .menu .item:hover,
#menu .menu .item.current {
  color: #FBAF3F;
}
body.desktop .t,
body.desktop .m {
  display: none;
}
body.desktop .d {
  display: block;
}
body.desktop .d.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.desktop .parent > .d.item {
  display: inline-block;
  vertical-align: top;
}
body.tablet .container,
body.mobile .container {
  padding-left: 15px;
  padding-right: 15px;
}
body.tablet .d,
body.tablet .m {
  display: none;
}
body.tablet .t {
  display: block;
}
body.tablet .t.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.tablet .parent > .t.item {
  display: inline-block;
  vertical-align: top;
}
body.mobile .d,
body.mobile .t {
  display: none;
}
body.mobile .m {
  display: block;
}
body.mobile .m.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.mobile .parent > .m.item {
  display: inline-block;
  vertical-align: top;
}
body.mobile header .m-menu-button {
  margin-left: 30px;
}
body.mobile footer .social,
body.mobile footer .copyright {
  width: 100%;
  max-width: 100%;
}
body.mobile footer .social {
  text-align: left;
}
body.mobile footer .social .item {
  margin-left: 0;
  margin-right: 20px;
}
body.mobile footer .copyright {
  margin: 0;
}
.filter {
  margin-bottom: 20px;
}
a.filter-title {
  display: block;
  padding: 0 40px 0 15px;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  background: #FBAF3F url(img/productcat-rightarrow.png) no-repeat right 10px center;
  color: #000;
}
a.filter-title.active {
  background-image: url(img/productcat-dropdownarrow.png);
}
.filter-body {
  display: none;
  padding: 5px 10px;
  border: 1px solid #363636;
  border-top: 0;
  box-sizing: border-box;
  line-height: 24px;
}
.filter-body > .wrapper {
  overflow: hidden;
}
.filter-body > .wrapper > .wrapper {
  margin-left: -1px;
}
.filter-body .checkbox,
.filter-body .item {
  display: inline-block;
  vertical-align: top;
  min-width: 235px;
  padding: 8px 0;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  background: url(img/productcat-sep.png) no-repeat left center;
}
.filter-body .checkbox.checked,
.filter-body .item.checked {
  text-decoration: underline;
  font-weight: 700;
  color: #FBAF3F;
}
body.desktop .filter-body .checkbox:hover,
body.desktop .filter-body .item:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #FBAF3F;
}
#products {
  overflow: hidden;
}
#products > .parent {
  margin: -15px -40px;
}
#products > .parent > .item {
  width: 25%;
  padding: 0 40px;
  margin: 15px 0;
  box-sizing: border-box;
  background: url(img/home-productdivider.png) no-repeat left center;
}
#products > .parent > .item > .wrapper {
  text-align: center;
}
#products > .parent > .item > .wrapper > a {
  display: block;
}
#products > .parent > .item > .wrapper > .image {
  position: relative;
}
#products > .parent > .item > .wrapper > .image > .mask {
  position: absolute;
  top: 0;
  left: 0;
}
#products > .parent > .item > .wrapper > .text {
  margin-top: 16px;
  line-height: 32px;
}
#products > .parent > .item > .wrapper > .text > .title {
  text-transform: uppercase;
  font-size: 18px;
}
#products > .parent > .item > .wrapper > .price {
  margin-top: 20px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 22px;
  color: #FBAF3F;
}
#products > .parent > .item > .wrapper > .enquiry {
  width: 103px;
  height: 30px;
  margin: 20px auto 0;
  line-height: 25px;
  text-transform: uppercase;
  background: url(img/product-enquirybtn.png) no-repeat center;
}
body.tablet #products > .parent > .item {
  width: 33.333%;
}
body.mobile #products > .parent > .item {
  width: 50%;
}