/* General */

body {
  font-family:'CircularStd-Book', Arial;
  -webkit-font-smoothing:antialiased;
}
strong {
  font-family:'CircularStd-Bold';
  font-weight:normal;
}
.btn {
  display:inline-block;
  background:none;
  color:#fff;
  text-decoration:none;
  border:1px solid #fff;
  text-transform:uppercase;
  font-size:13px;
  line-height:13px;
  font-family:'CircularStd-Bold';
  padding:16px 48px 18px 48px;
  letter-spacing:0.1em;
  transition:ease 0.5s;
}
.btn:hover {
  background:#fff;
  color:#ee452f;
}
.btn.red {
  border:1px solid #EE452F;
  color:#EE452F;
}
.btn.red:hover {
  background:#EE452F;
  color:#fff;
}
.btn.full {
  background:#fff;
  color:#ee452f;
}
.btn.full:hover {
  border:1px solid #fff;
  color:#fff;
  background:none;
}
.btn.full.red {
  background:#ee452f;
  color:#fff;
}
.btn.full.red:hover {
  background:none;
  border:1px solid #ee452f;
  color:#ee452f;
}
.hide {display:none;}
.box {
  opacity:0;
}

.map-area {
  width: 100%;
  height: 715px;
  display: block;
  margin-right: 6px;
  border-radius: 5px;
}

.photo-gallery iframe, video, object {width:48% !important; float:left; margin-right:2%; margin-bottom:20px;}

/* Wrappers */

.wrapper-lg {
  max-width:1466px;
  width:100%;
  margin:0 auto;
  position:relative;
  background:#f7f7f7;
}
.wrapper {
  max-width:1255px;
  width:100%;
  margin:0 auto;
  position:relative;
}
.wrapper-sml {
  max-width:1100px;
  width:100%;
  margin:0 auto;
  position:relative;
}
.brand-wrapper {
  max-width:1000px;
  width:100%;
  margin:0 auto;
  position:relative;
}

.padding {padding:82px 108px 67px 105px;}

#menu {display:none;}

/* Header */

header {
  position:relative;
}
header .top {
  padding:23px 0px 21px;
  background:#efefef;
}
header .top ul {
  margin-left:0px;
  float:left;
}
header .top ul li {
  display:inline-block;
  color:#333;
  font-size:16px;
  line-height:16px;
  letter-spacing:0.03em;
  list-style:none;
}
header .top ul li a {
  color:inherit;
  text-decoration:none;
}
header .top ul li.ph::before {
  display:inline-block;
  content:'';
  float:left;
  height:10px;
  width:12px;
  background:url('/images/ph.png') no-repeat;
  margin:3px 10px 0px 0px
}
header .top ul li.ph::after {
  display:inline-block;
  content:'';
  float:right;
  height:21px;
  width:1px;
  margin:-3px 0px 0px 10px;
  background:#333;
}
header .top ul li.em::before {
  display:inline-block;
  content:'';
  float:left;
  height:11px;
  width:13px;
  background:url('/images/em.png') no-repeat;
  margin:2px 10px 0px 10px
}
header .top a.in, header .top a.out, header .top a.mem {
  float:right;
  font-size:13px;
  line-height:13px;
  font-family:'CircularStd-Black';
  text-transform:uppercase;
  color:#333;
  text-decoration:none;
  letter-spacing:0.1em;
  padding-top:2px;
  cursor:pointer;
}
header .top a.in::before, header .top a.out::before, header .top a.mem::before {
  display:inline-block;
  float:left;
  height:11px;
  width:13px;
  font-family:'FontAwesome';
  font-size:14px;
  color:inherit;
  margin:0px 4px 0px 0px;
}
header .top a.in::before {
  content:'\f023';
}
header .top a.out::before {
  content:'\f13e';
  margin-left:10px;
}
header .top a.mem::before {
  content:'\f007';
}
header figure {
  max-width:329px;
  float:left;
  padding:29px 0px 38px;
}
header nav {
  position:relative;
  background:#f6f6f6;
  z-index: 999;
}
header nav ul {
  margin-left:0px;
  float:left;
}
header nav ul li {
  display:inline-block;
  font-family:'CircularStd-Bold';
  font-size:15px;
  line-height:15px;
  padding:19px 15px 16px;
  text-transform:uppercase;
  color:#5d5d5d;
  letter-spacing:0.05em;
  position:relative;
}
header nav ul li.parent li {
  margin:10px 0;
  letter-spacing: 0;
  color: #5d5d5d;
}
header nav ul li.parent li a {
  color: #5d5d5d;
}
header nav ul li.products {
  background:#444;
  color:#fff;
  width:260px;
  padding:18px 28px 17px 17px;
  z-index: 999;
  position: relative;
}
header nav ul li.products:hover {
  background: #333;
  transition: all 0.3s ease-in-out;
}
header nav ul li.products i {
  float:right;
  margin-top:-2px;
}
header nav ul li.parent {
  position:relative;
  padding:18px 12px 17px 15px;
}
header nav ul li.parent::after {
  background:url('/images/down-arrow.png') no-repeat;
  content:'';
  display:inline-block;
  width:12px;
  height:7px;
  float:right;
  margin:3px 0px 0px 10px;
  cursor:pointer;
}
header nav ul li a {
  color:inherit;
  text-decoration:none;
}
header nav ul li:hover a {
  color:#ee452f;
}
header nav ul li ul {
  background:#fff;
  padding:15px 5px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -3px;
  transform: translateY(-1em);
  z-index:1;
  transition:all 0.3s ease-in-out; 
  -webkit-box-shadow: 0px 7px 23px -8px rgba(153,153,153,1);
  -moz-box-shadow: 0px 7px 23px -8px rgba(153,153,153,1);
  box-shadow: 0px 7px 23px -8px rgba(153,153,153,1);
}
header nav ul li.parent:hover header nav ul li ul {
  visibility: visible;
  opacity: 1;
  z-index:1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  transition:all 0.3s ease-in-out; 
}
header nav ul li:hover ul {
  visibility:visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s;
  transition:all 0.2s ease-in-out; 
}
header nav ul li.parent ul li:hover a {
  color:#333;
  transition: all 0.3s ease-in-out;
}
header nav ul li ul li {
  padding:5px 15px;
  display:block;
  color:#5d5d5d;
}
header nav ul li ul li a {
  color:#5d5d5d !important;
}
header nav ul li ul li:hover a {
  color:#333 !important;
}
header .search {
  margin-top:37px;
  float:right;
  border-bottom:1px solid #e5e5e5;
}
header .search input {
  font-family:'CircularStd-Book';
  font-size:15px;
  line-height:15px;
  border:none;
  border-top:1px solid #e5e5e5;
  border-left:1px solid #e5e5e5;
  color:#a0a0a0;
  float:right;
  padding:15px 14px 15px;
  width:402px;
  -webkit-appearance:none;
  -moz-appearance: none;
}
header .search button {
  float:right;
  background:#EE452F;
  border:none;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  color:#fff;
  font-size:22px;
  line-height:16px;
  padding:14px;
  -webkit-appearance:none;
  -moz-appearance: none;
}
header .search button:hover {
   background:#cf452f;
   transition:ease 0.5s
}
header .search select {
  background:url('/images/select-bg.jpg') no-repeat #fff center right;
  border:none;
  color:#5d5d5d;
  border-top:1px solid #e5e5e5;
  border-left:1px solid #e5e5e5;
  float:right;
  font-family:'CircularStd-Bold';
  font-size:13px;
  line-height:13px;
  text-transform:uppercase;
  padding:18px 14px 17px 25px;
  width:197px;
  letter-spacing:0.1em;
  -webkit-appearance:none;
  -moz-appearance: none;
  border-radius: 0;
  margin-bottom:0px;
}

.login-box {
  display:none;
  position: absolute;
  right: 0px;
  top: -10px;
  width: 60%;
  background:#efefef;
}
.login-box .btn {
  padding:13px 28px 12px 28px;
  margin-left:10px;
  font-size: 11px !important;
  line-height: 11px !important;
}
.login-box .form .inputs {
  width:85%;
  float:left;
}
.login-box .form .button {
  width:15%;
  float:right;
}
.login-box .form input {
  font-size:13px !important;
  margin-bottom:0px !important;
}

/* Banner Styles */


#banner {
  position:relative;
  overflow:hidden;
}
#banner .overlay {
  position:absolute;
  top:-30%;
  left:-43%;
  background:#ee452f;
  height:1255px;
  width: 780px;
  transform: rotate(55deg);
  opacity:0.8;
  z-index:888;
}
#banner .text-overlay {
  position:absolute;
  top:15%;
  left:3%;
  z-index:999;
  width:25%;
}
#banner .text-overlay h1 {
  font-size:44px;
  line-height:49px;
  font-family:'CircularStd-Black';
  text-transform:uppercase;
  color:#fff;
  margin-bottom:14px
}
#banner .text-overlay p {
  font-family:'proxima-nova';
  font-style:italic;
  font-weight:300;
  font-size:17px;
  line-height:24px;
  color:#fff;
  margin-bottom:22px;
}

main h1 {
  font-size:30px;
  line-height:30px;
  color:#666;
  text-transform:uppercase;
  font-family:'CircularStd-Black';
  text-align:center;
  margin-bottom:38px;
}
main h1::before {
  display:inline-block;
  content:'';
  background:url('/images/dots.png') no-repeat;
  height:1px;
  max-width:517px;
  width:35%;
  float:left;
  margin-top:12px;
}
main h1::after {
  display:inline-block;
  content:'';
  background:url('/images/dots.png') no-repeat;
  height:1px;
  max-width:517px;
  width:35%;
  float:right;
  margin-top:12px;
}
main h1.short::before, main h1.short::after {width:462px; background:url('/images/black-dots.png');}

/* Homepage Category Boxes Styles */

#category-boxes {
  position:relative;
  padding:52px 0px 60px;
}
#category-boxes .wrapper, #services .wrapper {
  max-width:1279px;
}
#category-boxes figure, #services figure {
  margin:12px;
  position:relative;
  overflow:hidden;
}
#category-boxes figure {
  max-height:344px;
}
#category-boxes.related figure {
  min-height:374px;
}
#category-boxes figure img {
  width:100%;
}
#category-boxes figure .overlay, #services figure .overlay {
  position:absolute;
  top:22%;
  left:-75%;
  background:#ee452f;
  width:555px;
  height: 380px;
  transform: rotate(60deg);
  opacity:0.8;
  z-index:888;
  transition:ease 0.8s;
}
#category-boxes .col-4:hover figure .overlay {
  transform:rotate(0deg);
  width:1000px;
  height:1000px;
  top:0px;
}
#category-boxes figure figcaption, #services figure figcaption {
  position:absolute;
  z-index:999;
  color:#fff;
  font-family:'CircularStd-Bold';
  font-size:24px;
  line-height:29px;
  text-transform:uppercase;
  width:40%;
  bottom:20px;
  left:20px;
}


/* Homepage Content Styles */


#homepage-content {
  position:relative;
}
#homepage-content .col-6 section {
  background:#fff;
  padding:44px 80px 56px 74px;
  text-align:center;
}
#homepage-content .col-6:nth-of-type(1) section, #homepage-content .col-6:nth-of-type(1) figure {
  margin-right:17px
}
#homepage-content .col-6:nth-of-type(2) section, #homepage-content .col-6:nth-of-type(2) figure {
  margin-left:17px
}
#homepage-content h2 {
  font-family:'CircularStd-Bold';
  color:#666;
  text-transform:uppercase;
  font-size:26px;
  line-height:36px;
  letter-spacing:0.025em;
  margin-bottom:28px;
}
#homepage-content p {
  font-family:'proxima-nova';
  font-size:15px;
  line-height:24px;
  color:#666;
  margin-bottom:30px;
}

#services {
  padding:72px 0px 72px;
}

#brands {
  text-align:center;
}
#brands img {
  display:inline-block;
  margin:0px 24px 48px;
}
#brands.inside {
  padding-top:70px;
}

#newsletter {
  background:#f4f4f4;
}
#newsletter section {
  padding:82px 0px 68px;
}
#newsletter h2 {
  font-family:'CircularStd-Black';
  font-size:30px;
  line-height:30px;
  letter-spacing:-0.05em;
  text-transform:uppercase;
  margin-bottom:14px;
  color:#666;
}
#newsletter h2 span {
  color:#ee452f;
}
#newsletter p {
  font-family:'proxima-nova';
  font-size:16px;
  line-height:16px;
  color:#666;
  font-style:italic;
  font-weight:300;
}
#newsletter input {
  background:#fff;
  float:left;
  width: 70%;
  padding: 22px 2.5% 18px;
  font-family:'CircularStd-Book';
  font-size:15px;
  line-height:14px;
  color:#5d5d5d;
  border:none;
}
#newsletter button {
  background:#ee452f;
  float:left;
  width:25%;
  text-align:center;
  padding:20px 0px 19px;
  font-family:'CircularStd-Bold';
  font-size:16px;
  line-height:17px;
  text-transform:uppercase;
  color:#fff;
  border:none;
  transition:ease 0.5s
}
#newsletter button:hover {
  background:#cf452f;
  color:#fff;
}

/* Content Pages Styles */


#content {
  position:relative;
  padding:70px 0px;
}
#content .col-6:nth-of-type(1) section, .contentThreeAbout section {
  padding:0px 85px 0px 0px;
}
#content .col-6:nth-of-type(2) section {
  padding:0px 0px 0px 70px;
}
#content .col-6 section.grey {
  padding:60px;
  background:#eee;
}
#content h1 {
  
}
#content h2, #feature-box h2 {
  font-family:'CircularStd-Bold';
  font-size:30px;
  line-height:44px;
  text-transform:uppercase;
  color:#666;
  letter-spacing:0.025em;
}
#content h3 {
  font-family: 'CircularStd-Bold';
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ee452f;
  display: block;
  margin-top:20px;
  margin-bottom: 0px;
}
#content h5 {
  font-family:'CircularStd-Black';
  font-size:31px;
  line-height:38px;
  color:#333;
  text-transform:uppercase;
  margin-bottom:12px;
}
#content h4 {
  font-family:'CircularStd-Bold';
  font-size:18px;
  line-height:18px;
  color:#ee452f;
  text-transform:uppercase;
  margin-bottom:5px;
  margin-top:8px;
}
#content .btn {
  font-size: 12px;
  line-height: 13px;
  font-family: 'CircularStd-Bold';
  padding: 15px 35px 13px 35px;
}
#content .btn.sml {
  font-size:10px;
  line-height:10px;
  padding:9px 15px 7px;
}
#content p, #content li, #feature-box p, #feature-box li {
  font-family:'proxima-nova';
  font-size:15px;
  line-height:26px;
  margin-bottom:28px;
  color:#666;
}
a {
  color:inherit;
}
#content ul, #feature-box ul {
  margin-bottom:24px;
}
#content li, #feature-box li {
  margin-bottom:4px;
}
#content hr {
  background:#ebebeb;
  height:1px;
  border:none;
  margin:10px 0px 20px;
  display:block;
}
.headings {
  border-bottom:1px solid #ebebeb;
  margin-bottom:20px;
}
.headings h4 {float:left;}
.headings .btn {float:right;}
.headings hr {clear:both;}

#feature-box {
  background:#f7f7f7;
  text-align:right;
  padding:70px 0px 66px
}
#feature-box section {
  padding-left:144px;
}


/* Catalogue Pages Styles */

#sidebar {
  width:24%;
  float:left;
}
#sidebar h1 {
  background:#f6f6f6;
  display: block;
  padding: 16px 18px 18px;
  color: #444;
  font-family: 'CircularStd-Black';
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  margin-bottom: 0px;
  text-align: left;
  letter-spacing:0.1em;
}
#sidebar h1::before, #sidebar h1::after {
  display:none;
}
#sidebar ul {
  margin-left:0px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
#sidebar ul li {
  font-family:'open-sans';
  font-size:14px;
  line-height:14px;
  color:#444;
  display:block;
  list-style:none;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:0px;
}
#sidebar ul li:hover {
  background:rgba(250, 250, 250, 0.4);
  transition: all 0.3 ease-in-out;
}
#sidebar ul li a {
  color:inherit;
  text-decoration:none;
  display:block;
  padding:20px 24px 18px 16px;
  position:relative;
}
#sidebar ul li.parent > a::after {
  content:'';
  display:block;
  position:absolute;
  top:50%;
  right:20px;
  transform:rotate(0deg) translate(0, -50%);
  height:8px;
  width:5px;
  background:url('/images/next.png');
  transition:ease 0.5s;
}
#sidebar ul li.parent > a.animated::after {
  transform:rotate(90deg) translate(0, -50%);
}
#sidebar ul li ul {
  display:none;
  border:none !important;
  margin-bottom:0px;
}
#sidebar ul li ul li {
  border-bottom:none;
  border-top:1px solid #e5e5e5;
}
#sidebar ul li ul li a {
  padding-left:45px;
}
#sidebar ul li.current ul {
  display:block;
}

#content.catalogue {
  padding:30px 0px;
}
#content.catalogue #category-boxes {
  width:74%;
  float:right;
  padding:0px;
}
#content.catalogue #category-boxes p {
  font-size:18px;
  margin:0px 8px;
}
#content.catalogue #category-boxes .description p {
  margin:0px 8px 20px;
}
#content.catalogue #category-boxes .description img {
  float:right;
  margin:0px 0px 10px 20px;
}
#content.catalogue #category-boxes a, #category-boxes.related a {
  text-decoration:none;
}
#content.catalogue #category-boxes figure {
  margin:8px;
}
#content.catalogue #category-boxes h2 {
  margin:8px 8px 0px;
}
#content.catalogue #category-boxes h4, #category-boxes.related h4 {
  text-align:center;
  position:relative;
  padding:19px 31px 19px 31px;
  color:#333;
  font-family:'CircularStd-Bold';
  font-size:18px;
  line-height:24px;
  width:auto;
  left:auto;
  bottom:auto;
}
#content.catalogue .col-6:nth-of-type(1) figure {
  padding-right:30px;
}
#content.catalogue .col-6:nth-of-type(2) section {
  padding:0px;
}
#content.catalogue h3 {
  display:block;
  padding:11px 0px 10px;
  color:#444;
  font-family:'CircularStd-Black';
  font-size:19px;
  line-height:19px;
  text-transform:uppercase;
  margin-bottom:8px;
  text-align:left;
  border-bottom:3px solid #ee4338;
  letter-spacing:0.1em;
}
#content.catalogue #category-boxes h3 {
  margin:0px 8px 8px;
}
#content.catalogue #sidebar h3 {
  margin-bottom:0px;
}
#content.catalogue #category-boxes figure::after {
  position:absolute;
  bottom:0px;
  left:0px;
  height:100%;
  width:140%;
  background:#EE452F;
  opacity:0.9;
  display:block;
  content:'';
  -ms-transform: rotate(90deg); 
    -ms-transform-origin: 0% 0%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0% 0%; 
    transform: rotate(90deg);
    transform-origin: 0% 0%;
  transition:ease 0.9s;
}
#content.catalogue #category-boxes .col-4:hover figure::after {
  transform:rotate(0deg);
}
#content.catalogue #category-boxes .view {
  background:none;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border-radius:50%;
  padding:15px 16px;
  color:#fff;
  border:1px solid #fff;
  opacity:0;
  z-index:9999;
  transition:ease 0.9s;
  transition-delay:0.1s;
} 
#content.catalogue #category-boxes .view i {
  font-size:22px;
  color:#fff;
}
#content.catalogue #category-boxes .col-4:hover .view {
  opacity:1;
}
#category-boxes.related {
  padding-bottom:0px;
}

#content .description p {
  font-family:'proxima-nova';
  font-size:16px;
  line-height:30px;
  color:#666;
}

#specifications .tabs {
  background:#f6f6f6;
  border-bottom:1px solid #fff;
  width:100%;
}
#specifications .tabs ul {
  margin-left:0px;
}
#specifications .tabs ul li {
  display:inline-block;
  font-family:'CircularStd-Bold';
  font-size:15px;
  line-height:15px;
  color:#5d5d5d;
  text-transform:uppercase;
  letter-spacing:0.1em;
  transition:0.5s ease;
}
#specifications .tabs ul li a {
  color:inherit;
  text-decoration:none;
  padding:19px 48px 17px 40px;
  display:block;
}
#specifications .tabs ul li:focus, #specifications .tabs ul li:hover, #specifications .tabs ul li.active {
  background:#6d6d6d;
  color:#fff;
}
#specifications .container {
  background:#f9f9f9;
  padding:38px 78px 46px 56px;
}

#specifications .container ul li, #specifications .container p {
  font-family:'proxima-nova';
  font-size:16px;
  line-height:30px;
  margin-bottom:2px;
  color:#666;
}
#specifications .container ul, #specifications .container p {
  margin-bottom:20px;
}

#specifications table {
  font-family: 'proxima-nova';
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
  color: #666;
  width:100%;
}
#specifications table td {
  padding:15px;
  background:#fff;
  border-bottom:1px solid #eee;
}

#Features h3 {
  display:none;
}
#Features h4 {
  font-family: 'CircularStd-Bold';
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ee452f;
  display: block;
  margin-top:20px;
  margin-bottom: 5px;
}

.enquiry-box {
  max-width:467px;
  width:100%;
  position:relative;
  margin:0 auto;
  display:block;
  background:#f9f9f9;
  text-align:center;
}
.enquiry-box section {
  padding:20px 55px 26px !important;
}
.enquiry-box h1 {
  font-family:'CircularStd-Bold';
  font-size:14px;
  line-height:14px;
  text-transform:uppercase;
  color:#fff;
  display:block;
  text-align:center;
  padding:17px 0px;
  background:#6d6d6d;
  letter-spacing:0.1em;
  margin-bottom:0px
}
.enquiry-box h1::before, .enquiry-box h1::after {
  display:none;
}
.enquiry-box p {
  color:#a0a0a0 !important;
  font-family:'proxima-nova' !important;
  font-size:15px;
  line-height:24px !important;
  margin-bottom:15px !important;
}

/* Pagination Styles */

.pagination {
  float:right;
  position:relative;
  margin-top:50px;
}
.pagination ul {
  margin-left:0px;
}
.pagination ul li {
  list-style:none;
  display:inline-block;
  color:#a9a9a9;
  font-size:22px;
  line-height:20px;
  margin-left:9px;
  position:relative;
}
.pagination ul li a {
  color:inherit;
  text-decoration:none;
  padding:17px 25px 20px 22px;
  background:#fff;
  border:1px solid #e1e1e1;
}
.pagination ul li:hover a, .pagination ul li.active a {
  background:#ee452f;
  border:1px solid #ee452f;
  color:#fff;
}
.pagination ul li a img {
  display:none
}
.pagination ul li.prev a, .pagination ul li.next a {
  padding:17px 29px 20px 27px;
}
.pagination ul li.prev::after {
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:url('/images/pagi-prev-g.png') no-repeat;
  width:8px;
  height:13px;
}
.pagination ul li.next::after {
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:url('/images/pagi-next-g.png') no-repeat;
  width:8px;
  height:13px;
}
.pagination ul li.prev:hover::after {
  background:url('/images/pagi-prev-w.png') no-repeat
}
.pagination ul li.next:hover::after {
  background:url('/images/pagi-next-w.png') no-repeat
}

/* Table Styles */


#content .table th {
  font-size:20px;
  line-height:20px;
  color:#242525;
}
#content .table tr th:last-child {
  border-right:1px solid #ddd;
}
#content .table th, .table td {
  padding:8px 12px;
}
#content .table td {
  
}
#content .table tr td:first-child {
  border-left:1px solid #eee;
}
#content .table tr td:last-child {
  border-right:1px solid #eee;
}


/* Gallery Styles */

.photo-gallery {
  margin-bottom:80px;
}


/* Forms */

#feature-box .wrapper .col-6:first-child {
  z-index:9999;
}

.form {
  position:relative;
  display:block;
}
.form label {
  display:block;
  font-size:15px;
  margin-bottom:5px;
}
.form .combined {
  width:50%;
  float:left;
}
.form input[type=text], .form input[type=password], .form input[type=email], .form  textarea, .form select {
  width:92%;
  padding:15px 4%;
  border:0;
  margin-bottom:10px;
  font-family:'CircularStd-Book';
  font-weight:300;
  font-size:15px;
  color:  #a0a0a0;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}
.form .check label {
  float:left;
}
.form .check input[type=checkbox] {
  float:left;
  margin: 3px 10px 0px 0px;
}
.form input.submit {
  margin-top:20px;
}

.login-box .form input[type=text], .login-box .form input[type=password], .login-box .form input[type=email], .login-box .form  textarea, .login-box .form select {
  width:90%;
  padding:10px 5%;
}
.form input.cms_submit {
  display:inline-block;
  background:#EE452F;
  border:none;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  line-height:13px;
  font-family:'CircularStd-Bold';
  padding:16px 48px 18px 48px;
  transition:ease 0.5s;
  float:left;
}
.form input.cms_submit:hover {
  background: #cf452f;
  transition: all 0.5s ease;
}
.dist {
  background:#f6f6f6;
  border: 12px solid #fff;
  box-sizing: border-box;
  padding: 14px;
}
.dist section {
  padding:20px;
  border:1px solid #fff;
}

/* Error Styles */

.form input.highlight-form-field, .form .fb_invalid input {
  border:1px solid #ee452f !important;
}

/* Footer */


footer {
  position:relative;
  background:#5d5d5d !important;
  padding:44px 0px;
}
footer figure {
  max-width:322px;
  margin-bottom:42px;
}
footer .col-5 section {
  padding-right:110px;
}
footer h2 {
  font-family:'CircularStd-Bold';
  font-size:16px;
  line-height:18px;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:24px;
  margin-top:26px;
}
footer ul {
  margin-left:0px;
}
footer ul li {
  font-family:'proxima-nova';
  font-size:14px;
  line-height:36px;
  text-transform:uppercase;
  color:#aaa;
  list-style:none;
}
footer ul li a, footer p a {
  color:inherit;
  text-decoration:none;
}
footer p {
  font-family:'proxima-nova';
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 18px;
  text-transform:uppercase;
  color:#aaa;
}
footer .col-5 section {
  padding:0px;
}
footer .col-5 ul li {
  float:left;
  width:100%;
  line-height:20px;
  margin:8px 0px;
}

footer .fa {
  float:left;
  color:#fff;
  font-size:25px;
  width:22px;
  margin-right:20px;
}
footer .fa.fa-map-marker {
  margin-top: 4px;
}
footer .fa.fa-phone {
  margin-top: -2px;
}
footer .fa.fa-mobile {
 font-size:30px; 
 margin-top: -4px;
}
footer .fa.fa-envelope-o {
  font-size:20px;
  margin-top: -2px;
}

/* Mobile Menu */

.mobmenu {
  display: none; 
  background-color: #444; 
  color: #fff; 
  padding: 20px 10px; 
  font-size: 20px; 
  margin-bottom: 0px; 
  clear: both; 
}
.mobmenu a {
  color:#fff; 
  text-decoration:none;
}
#page { 
  display: block; 
  background-color: #fff; 
}
a.menu-icon { 
  color: #fff; 
  float: right; 
  font-size: 30px; 
  margin-top: -5px; 
}


#popup #content, #content.popup {
  padding:0px;
}
#popup #content p {
  margin-bottom:20px;
}
#popup section {
  padding:40px 30px;
}
#popup h2, #content.popup h2 {
    font-family: 'CircularStd-Black';
    font-size: 31px;
    line-height: 38px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 12px;
}
#popup input.submit {
  margin-top:0px;
}
.g-recaptcha {
  transform: scale(0.70);
  transform-origin: 0 0;
  float: right;
  display: block;
  width: 200px;
  margin-right: 2%;
}

#systemMessage {
  font-family: 'CircularStd-Bold';
  font-size: 18px;
  line-height: 18px;
  color: #ee452f;
  text-transform: uppercase;
  margin-top: 8px;
}
#systemMessage.highlight_message {
  margin-bottom:20px;
}

.photo-gallery section {position:relative;}

#next, #prev {
  position:absolute;
  top:50%;
  transform:translate(0%, -50%);
  width:11px;
  height:22px;
  z-index:999;
}
#next {
  right:-30px;
  background:url('/images/next-lg.png') no-repeat;
}
#prev {
  left:-30px;
  background:url('/images/prev-lg.png') no-repeat;
}

.boxInformation .grey { background: #ee452f !important; color:#fff; }
.boxInformation .grey h2 { color: #fff !important; margin-bottom: 10px;}
.boxInformation .grey p { color:#fff !important; font-weight: bold; margin-bottom: 20px !important; }
.boxInformation .btn.full { margin: 10px 0 15px;}

/* Responsive */


@media all and (max-width:1300px) {
  
  .wrapper {width:95%;}
  
  header nav ul li {padding:19px 10px 16px; font-size:13px;}
  
}

@media all and (max-width:1050px) {
  main h1::before, main h1::after {width:28%;}
  main h1.short::before, main h1.short::after {width:32%;}
  
  header .search {width:65%; border-bottom:none;}
  header .search input {width:50%; border-bottom:1px solid #ebebeb;}
  header .search select {border-bottom:1px solid #ebebeb;}
  header nav ul li {font-size:13px; padding:19px 10px 16px;}
  header nav ul li.products {width:180px;}
  
  #banner .text-overlay {width:35%;}
  #banner .text-overlay h1 {font-size:30px; line-height:35px;}
  #banner .overlay {top:-45%;}
  
  #homepage-content .col-6 section {padding:40px 30px}
  #homepage-content h2 {font-size:20px; line-height:30px;}
  
  #content h4 {font-size:15px; line-height:15px;}
  
  #newsletter section {padding:50px 40px 40px 0px}
  #newsletter h2 {font-size:25px; line-height:25px;}
  
  .gallery .img {height:230px !important;}
  
}

@media all and (max-width:800px) {
  
  nav:not(.mm-menu) {display:none;}
  #menu {display:block !important;}
  .mobmenu {display:block;}
  
  header figure {float:none; margin:0 auto;}
  header .top a.lo {float:none;}
  header .search {width:100%; margin-top:0px; border-bottom:none;}
  header .search input, header .search select {border-bottom:1px solid #e5e5e5;}
  header .search select {margin-bottom:20px;}
  
  main h1 {font-size:25px;}
  main h1.short::before, main h1.short::after {width:30%;}
  
  #banner.wrapper {width:100%;}
  #banner .text-overlay {position:relative; top:auto; lefT:auto; width:auto; padding:20px; background:#ee452f;}
  #banner .overlay {display:none;}
  
  #homepage-content .col-6 section {padding:20px;}
  #homepage-content .col-6:nth-of-type(1) section, #homepage-content .col-6:nth-of-type(1) figure {margin-right:0px;}
  #homepage-content .col-6:nth-of-type(2) section, #homepage-content .col-6:nth-of-type(2) figure {margin-left:0px;}
  .padding {padding:40px 20px;}
  
  #category-boxes figure, #category-boxes.related figure {max-height:1000px; height:auto;}
  #category-boxes .col-4, #category-boxes .col-3 {width:50%; float:left;}
  
  #content .col-6:nth-of-type(1) section, .contentThreeAbout section  {padding-right:0px;}
  
  #feature-box section {padding-left:0px; text-align:left;}
  
  #content.catalogue .col-6:nth-of-type(1) figure {padding-right:0px; margin-bottom:30px}
  #content.catalogue #category-boxes, #sidebar {width:100%; float:none;}
  #content.catalogue #category-boxes h3 {margin:0 0 8px;}
  #content.catalogue #category-boxes figure {margin: 8px 0px;}
  
  #sidebar {margin-bottom:20px;}
  
  .pagination ul li.prev a, .pagination ul li.next a {padding: 8px 19px 10px 17px;}
  .pagination ul li a {padding:8px 15px 9px 14px}
  
  #specifications .container {padding:30px;}
  
  #brands img {width:auto;}
  
  #sidebar ul {display:none;}
  
  footer {text-align:center;}
  footer figure {margin:0 auto 30px;}
  footer ul {width:100%; margin-left:0px; list-style:none;}
  img {width:100%;}
  
  .gallery .img {width:50% !important;height:150px !important;}
  
}

@media all and (max-width:550px) {
  
  header .top {text-align:center;}
  header .top ul {float:none; text-align:center;}
  header .top a.in, header .top a.out, header .top a.mem {float:none; display:block; padding-top:10px;}
  header .top a.in::before, header .top a.out::before, header .top a.mem::before {float:none;}
  header .top .login-box {width:100%; background:#fff; padding:20px 0px; border-bottom:1px solid #eee;}
  header .top .login-box .form {max-width:95%; margin:0 auto;}
  header .top .login-box .inputs .combined:first-child input {margin-bottom:10px !important;}
  
}

@media all and (max-width:450px) {
  
  header figure {padding-bottom:0px;}
  header .search {float:none; margin-top:20px;}
  header .search input {width:75%; float:left}
  header .search button {width: 15%; padding: 14px 1% 12px 1%;}
  header .search select {border:1px solid #e5e5e5; margin-top:5px; width:100%;}
  header .top .wrapper {width:100%;}
  header .top ul {padding:0px 10px;}
  header .top ul li.ph::after {display:none;}
  header .top a.in, header .top a.out, header .top a.mem {float:none; display:block; padding-top:10px;}
  header .top a.in::before, header .top a.out::before, header .top a.mem::before {float:none;}
  header .top .login-box {width:100%; background:#fff; padding:20px 0px; border-bottom:1px solid #eee;}
  header .top .login-box .form {max-width:95%; margin:0 auto;}
  header .top .login-box .inputs .combined:first-child input {margin-bottom:10px !important;}
  
  .login-box {width:100%; background:#fff;}
  .login-box .form .inputs, .login-box .form .button {width:100%; float:none;}
  .login-box .form input {display:block; margin:0px auto 5px;}
  .login-box .form .button input {margin-top:10px;}
  
  #category-boxes figure .overlay, #services figure .overlay {left:-70%}
  #category-boxes figure figcaption, #services figure figcaption {width:60%; font-size:18px; line-height:24px;}
  #category-boxes .col-4, #category-boxes .col-3 {width:100%; float:none;}
  
  main h1::before {margin-bottom:15px;}
  main h1::before, main h1::after, main h1.short::before, main h1.short::after {width:100%;}
  
  #content {padding:40px 0px;}
  #content .col-6.members:nth-of-type(1) {text-align:center;}
  #content .col-6.members:nth-of-type(1) section {padding:0px 20px;}
  #content .col-6.members:nth-of-type(1) h2 {font-size:25px; text-align:center; line-height:30px;}
  #content .col-6.members:nth-of-type(1) .btn.full.red {text-align:center; display:block;}
  
  #content.catalogue #category-boxes .description p {margin:0px 0px 20px;}
  #content.catalogue #category-boxes .description img {width:auto; max-width:100%; margin:0px auto 20px; float:none !important;}
  
  #feature-box {padding:0px 0px 0px;}
  #feature-box .wrapper {width:100%;}
  #feature-box section {padding:40px 20px 20px;}
  #feature-box h2 {font-size:25px; line-height:32px;}
  
  #specifications .container {padding: 30px 20px;}
  #specifications .tabs ul li {width:100%; text-align:center;}
  #specifications .tabs ul li a {padding:18px 28px 19px 20px}
  
  #brands {padding-bottom:20px;}
  #brands img {margin:0px 10px 20px; max-width:35%;}
  #brands br {display:none;}
  #brands.inside {padding-top:20px;}
  
  #newsletter .col-5 section {padding:40px 0px 10px;}
  #newsletter .col-7 section {padding:10px 0px 20px;}
  #newsletter button {font-size:10px;}
  
  footer .col-5 ul li {width:100%; float:none; margin-bottom:16px;}
  
  .login-box {top:75px; z-index:999;}
  .form .inputs .combined, #popup .form .combined {width: 100%; float: none;}
  .form .inputs {width:90%; margin:0 auto;}
  
  .g-recaptcha {float:none; width:100%;}
  #popup input.submit {float:none; display:block; width:100%; margin-top:20px;}
  
  .gallery .img {width:100% !important; float:none !important; height:250px !important;}
  .photo-gallery iframe, video, object {width:100% !important; float:none; margin:0px;}
  
  .wow.flipInY {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
  }
  
}