.section.section-products {
  overflow-x: hidden;
}
.section.section-products .container {
  padding: 50px 15px;
  padding-top: 0;
}
.section.section-tags .container {
  padding: 0 15px;
}
.section.section-faq .container {
  padding: 30px 15px;
}
.section.section-tags {
  background: #FAFAFA;
  padding: 30px 0;
}
.section.section-faq {
  background: #F8F8F8;
}
.filter-section {
  margin-right: 30px;
  margin-bottom: 50px;
}
.filter-section h4 {
  margin: 0;
  margin-bottom: 15px;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.md-link,
.md-radio {
  display: block;
  padding: 15px 0;
  position: relative;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}
.md-link > *,
.md-radio > * {
  display: inline-block;
  vertical-align: middle;
}
.md-radio > i {
  font-size: 14px;
}
.md-radio > span.radio {
  width: 12px;
  height: 12px;
  border: 1px solid #CCC;
  border-radius: 100%;
}
.md-radio.active > span.radio {
  background: #FF8200;
  border-color: #FF8200;
}
.md-link > span.label,
.md-radio > span.label {
  margin: 0;
  margin-left: 5px;
  font-size: 14px;
  color: #777;
  cursor: pointer;
}
.md-radio-input {
  box-shadow: none;
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.md-radio-input::before {
  border: 1px solid #CCC;
  background: #FFF;
  border-radius: 100%;
  content: "";
  cursor: pointer;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 5px;
  transition: all 0.3s ease-in-out;
}
.md-radio-input:checked::before {
  transform: scale(1.05);
  background-color: #FF8200;
  border-color: #FF8200;
}

.md-radio .md-radio-label {
  margin: 0;
  margin-left: 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.products .product-card {
  width: 100%;
  padding: 15px 0;
  padding-right: 10px;
  box-sizing: border-box;
}

.products-header {
  line-height: 1;
  position: relative;
}
.products-header:last-child {
  margin-bottom: 30px;
}

.products-header .input-field {
  display: inline-block;
  position: relative;
  background: none;
  white-space: nowrap;
  border: 1px solid #EEE;
  margin-bottom: 0;
  margin-right: 10px;
}
.products-header .input-field.search {
  display: block;
}
.products-header .input-field.search form {
  margin: 0;
  display: block;
  position: relative;
  width: auto;
}
.products-header .input-field.search form > input {
  display: inline-block;
  font-size: 12px;
  padding-left: 35px!important;
}
.products-header .input-field.search form > .search-results {
  top: 100%;
  right: auto;
  min-width: 100%;
  max-width: 100vw;
  white-space: inherit;
}
.products-header .input-field.search form > .search-results ul li {
  white-space: initial!important;
}

.products-header .input-field > * {
  display: inline-block;
  font-size: 12px;
}
.products-header .input-field > i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6.5px;
}
.products-header .input-field > input,
.products-header .input-field > select {
  padding-left: 35px!important;
}

.products-footer {
  line-height: 1;
  padding: 0 15px;
  margin-top: 30px;
  position: relative;
}
.products-header span {
  display: block;
  font-size: 16px;
  color: #333;
}
.products-header h1.big {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin: 0!important;
  margin-bottom: 10px!important;
}
.products-header span > strong {
  font-weight: 700;
}

.products-header .pure-menu {7
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  display: inline-block;
}

ol.breadcrumb {
  margin: 0;
  padding: 30px 0;
  list-style: none;
  line-height: 1;
}
ol.breadcrumb li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
  color: #333;
}
ol.breadcrumb li a {
  color: #333;
  text-decoration: none;
}
ol.breadcrumb li i {
  color: #AAA;
}
ol.breadcrumb li:last-child a,
ol.breadcrumb li:last-child span {
  color: #FF8200;
  font-weight: 700;
}

.products-header .pure-form input[type="text"],
.filter-section .pure-form input[type="text"],
.filter-section .pure-form select {
  border-radius: 2px;
  border: 1px solid #DDD;
  font-size: 14px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  color: #333;
  background: #F8F8f8;
  height: auto;
}
.products-header .pure-form input[type="text"] {
  text-align: center;
  margin-bottom: 30px;
}

a#sortLink {
  color: #333;
  border: 1px solid #EEE;
  border-radius: 100px;
  font-size: 16px;
  padding: 10px 40px;
  width: auto;
}

a#sortLink::after{
  display: none;
}

a#sortLink > span,
a#sortLink > i {
  display: inline-block;
  vertical-align: middle;
}
a#sortLink > i {
  padding-right: 5px;
}
#sortMenu .pure-menu-link {
  padding: 15px;
}
#sortMenu .pure-menu-link > span {
  font-size: 14px;
}

.sort-container {
  position: relative;
}
.custom-dropdown-trigger.sort {
  display: inline-block;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 15px 20px;
  background: #FFF;
}
.custom-dropdown-trigger.sort > * {
  display: inline-block;
  color: #333;
  font-size: 12px;
}
.custom-dropdown-trigger.sort > i {
  margin-right: 5px;
}

.custom-dropdown.sort {
  border: 1px solid #EEE;
  margin-top: 5px;
  left: 0!important;
  background: #FFF;
  padding: 0;
}
.custom-dropdown.sort .dropdown-container a {
  display: block;
  color: #333;
  text-decoration: none;
}
.custom-dropdown.sort .dropdown-container li {
  background: #FFF;
  padding: 15px 20px;
  font-size: 12px;
  color: #333;
  cursor: pointer;

  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.custom-dropdown.sort .dropdown-container li:hover {
  background: #EEE;
}

ul.pagination {
  display: block;
  padding: 0;
  list-style: none;
  text-align: right;
}
.products-header ul.pagination {
  margin: 0;
  margin-top: 24px;
  padding-right: 10px;
}
ul.pagination li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
ul.pagination li:nth-child(1) {
  margin-left: 0;
}
ul.pagination li a,
ul.pagination li span {
  display: block;
  padding: 5px 0;
  border-radius: 4px;
  color: #333;
  text-decoration: none; 
  font-size: 16px;
}
ul.pagination li.active span {
  color: #FF8200;
  font-weight: 700;
}

.products-footer ul.pagination {
  text-align: center;
}

.section.section-pills {
  padding: 15px 0;
  background: #F8F8F8;

  white-space: nowrap;
  overflow: auto;
}
.section.section-pills .container {
  padding: 0 15px;
}
.section.section-pills ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.section.section-pills ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.section.section-pills ul li:last-child {
  float: right;
}
.section.section-pills ul li button {
  padding: 12px 0;
  padding-left: 0;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background: #FFF;
  position: relative;
}
.section.section-pills ul li button.selected {
  font-weight: 700;
  background: #FF8200;
  color: #FFF;
}
.section.section-pills ul li button:active,
.section.section-pills ul li button:focus {
  outline: none;
}
.section.section-pills ul li button.active:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #FFF;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -20px;
}
.section.section-pills ul li button > * {
  display: inline-block;
  vertical-align: middle;
}
.section.section-pills ul li button > i {
  padding-left: 10px;
  padding-right: 5px;   
}
.section.section-pills ul li button > i:last-child {
  padding-right: 10px;
}
.section.section-products {
  position: relative;
}
.section.section-products .filter-overlay {
  display: none;
  background: rgba(255,255,255,.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.section.section-products .filter-overlay.active {
  display: block;
}
.filter-card {
  display: none;
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 6;
  background: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  border-radius: 4px;
  overflow: hidden;
}
.filter-card.active {
  display: inline-block;
}
.filter-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter-card ul li {
  padding: 0 15px;
  padding-right: 30px;
}

@media (max-width: 1023.5px) {
  .products-header {
    padding: 0 15px;
  }
  .products .product-card {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product-card .product-image .product-information > * {
    font-size: 14px;
  }
  .products .product-card .product-content h4.product-title {
    font-size: 18px;
    min-height: 0;
  }
  .product-card .product-content p.product-oneliner.short {
    display: none;
  }
  .product-card .product-content p.product-oneliner.full {
    min-height: 0;
    display: block;
  }
  .filter-container {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    opacity: 0;
    pointer-events: none;

    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }

  .filter-container .filter-bg {
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .filter-container.active {
    opacity: 1;
    pointer-events: all;
    top: 0vh;
  }
  .filter-container .filter-wrapper {
    margin-top: 100%;
    background: #FFF;
    padding: 0;
    padding-bottom: 20px;
    position: relative;
    -webkit-transition: margin-top .2s ease-in-out;
    -o-transition: margin-top .2s ease-in-out;
    transition: margin-top .2s ease-in-out;
  }

  .filter-container.active .filter-wrapper {
    margin-top: 50%;
  }

  .md-radio .md-radio-label {
    display: inline-block;
    letter-spacing: initial;
  }

  .filter-wrapper {
    padding: 0;
  }
  .filter-section {
    margin-right: 0;
    margin-bottom: 0;
  }
  .filter-section h4 {
    margin: 0;
    padding: 20px;
    background: #FCFCFC;
  }

  .filter-section .pure-form {
    padding: 0 20px;
  }

}

@media (max-width: 567.5px) {
  .products .product-card {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .products .product-card .product-image {
    border-radius: 0;
  }
  .products .product-card .product-content {
    padding: 15px;
    padding-top: 5px;
  }
  .products .product-card .product-content .product-head {
    min-height: 0;
  }
  .products-header ul.pagination {
    margin: 20px 0;
  }
}
@media (max-width: 767.5px) {
  .section.section-search .container,
  .section.section-products .container {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .products-header.filter-form {
    margin-bottom: 25px;
  }
  .products-header.filter-form .input-field.search {
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .products-header h1.big {
    font-size: 20px
  }
  .products-header span {
    font-size: 16px;
  }

  .products-header.breadcrumbs-container {
    margin-top: -10px;
  }
  ol.breadcrumb li {
    font-size: 16px;
    margin-top: 10px;
  }

  .products .product-card .product-content h4.product-title {
    font-size: 16px;
  }
  .section.section-pills ul li:last-child {
    float: none;
  }

}

button.filter-btn {
  z-index: 4;
  position: fixed;
  left: 15px;
  bottom: 15px;
  background: #FF8200;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  padding: 10px 20px;
  border-radius: 100px;
  border: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
button.filter-btn > * {
  display: inline-block;
  vertical-align: middle;
}
button.filter-btn > i {
  padding-right: 5px;
}

.section-header {
  padding: 0 5px;
  padding-bottom: 15px;
}
.section-header span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
.tags-body {
  padding: 15px;
}
.tags-body .tag {
  display: inline-block;
}
.tags-body .tag > * {
  display: inline-block;
  vertical-align: middle;
}
.tags-body .tag > a {
  font-size: 14px;
  font-weight: 700;
  color: #777;
  /* text-transform: uppercase; */
  text-decoration: none;
  padding: 5px 5px;
  border-radius: 4px;
  margin: 5px 2px;
  background: #FFF;
}
.tags-body .tag > span.separator {
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #EEE;
}
.tags-body .tag:last-child > span.separator {
  display: none;
}

.section.section-faq .question {
  background: #FFF;
  border-radius: 4px;
  margin-top: 15px;
}
.section.section-faq .question .question-header {
  padding: 20px 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.section.section-faq .question .question-body {
  padding: 0 15px;
  padding-bottom: 20px;
}
.section.section-faq .question .question-body ul {
  margin: 0;
}
.section.section-faq .question .question-body strong,
.section.section-faq .question .question-body p {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    color: #777;
    font-size: 16px;
}
.section.section-faq .question .question-body li {
    margin-bottom: 15px;
    color: #777;
    font-size: 16px;
}
.section.section-faq .question .question-body p:last-child,
.section.section-faq .question .question-body li:last-child {
  margin-bottom: 0;
}