/* Generic*/
body {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; /*{Global | body-font-family}*/ ;
  font-size: 15px /*{Global | body-font-size}*/ ;
  color: #333333 /*{Global | body-font-colour}*/ ;
  background-image: none /*{Global | body-background-image}*/ ;
  background-color: #ffffff /*{Global | body-background-colour}*/ ;
}
a {
  color: #ff4c00 /*{Global | link-text-colour}*/ ;
}
a:hover, a:focus {
  color: #0d75d2 /*{Global | link-text-hover-colour}*/ ;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif /*{Global | headers-font-family}*/ ;
  color: #000000 /*{Global | headers-colour}*/ ;
  font-weight: 500;
}
h1, .h1 {
  font-size: 64px /*{Global | header-1-font-size}*/ ;
  line-height: 1;
    letter-spacing: -1.25px;
}
h2, .h2 {
  font-size: 48px /*{Global | header-2-font-size}*/ ;
}
h3, .h3 {
  font-size: 32px /*{Global | header-3-font-size}*/ ;
  letter-spacing: -0.35px;
}
h4, .h4 {
  font-size: 24px;
}
h5, .h5 {
  font-weight: 600;
  font-size: 15px;
}


.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

/* ============================================
   Erin's Bootstrap Helper Classes for BS 3.36 - 8px Grid
   ============================================ */

/* Padding All */
.p-0  { padding: 0 !important; }
.p-1  { padding: 8px !important; }
.p-2  { padding: 16px !important; }
.p-3  { padding: 24px !important; }
.p-4  { padding: 32px !important; }
.p-5  { padding: 40px !important; }

/* Padding X (left & right) */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 8px !important; padding-right: 8px !important; }
.px-2 { padding-left: 16px !important; padding-right: 16px !important; }
.px-3 { padding-left: 24px !important; padding-right: 24px !important; }
.px-4 { padding-left: 32px !important; padding-right: 32px !important; }
.px-5 { padding-left: 40px !important; padding-right: 40px !important; }

/* Padding Y (top & bottom) */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 8px !important; padding-bottom: 8px !important; }
.py-2 { padding-top: 16px !important; padding-bottom: 16px !important; }
.py-3 { padding-top: 24px !important; padding-bottom: 24px !important; }
.py-4 { padding-top: 32px !important; padding-bottom: 32px !important; }
.py-5 { padding-top: 40px !important; padding-bottom: 40px !important; }

/* Padding Individual Sides */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 8px !important; }
.pt-2 { padding-top: 16px !important; }
.pt-3 { padding-top: 24px !important; }
.pt-4 { padding-top: 32px !important; }
.pt-5 { padding-top: 40px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 8px !important; }
.pb-2 { padding-bottom: 16px !important; }
.pb-3 { padding-bottom: 24px !important; }
.pb-4 { padding-bottom: 32px !important; }
.pb-5 { padding-bottom: 40px !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 8px !important; }
.pl-2 { padding-left: 16px !important; }
.pl-3 { padding-left: 24px !important; }
.pl-4 { padding-left: 32px !important; }
.pl-5 { padding-left: 40px !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 8px !important; }
.pr-2 { padding-right: 16px !important; }
.pr-3 { padding-right: 24px !important; }
.pr-4 { padding-right: 32px !important; }
.pr-5 { padding-right: 40px !important; }

/* Margin All */
.m-0  { margin: 0 !important; }
.m-1  { margin: 8px !important; }
.m-2  { margin: 16px !important; }
.m-3  { margin: 24px !important; }
.m-4  { margin: 32px !important; }
.m-5  { margin: 40px !important; }
.m-auto { margin: auto !important; }

/* Margin X (left & right) */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 8px !important; margin-right: 8px !important; }
.mx-2 { margin-left: 16px !important; margin-right: 16px !important; }
.mx-3 { margin-left: 24px !important; margin-right: 24px !important; }
.mx-4 { margin-left: 32px !important; margin-right: 32px !important; }
.mx-5 { margin-left: 40px !important; margin-right: 40px !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Margin Y (top & bottom) */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 8px !important; margin-bottom: 8px !important; }
.my-2 { margin-top: 16px !important; margin-bottom: 16px !important; }
.my-3 { margin-top: 24px !important; margin-bottom: 24px !important; }
.my-4 { margin-top: 32px !important; margin-bottom: 32px !important; }
.my-5 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Margin Individual Sides */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 8px !important; }
.mt-2 { margin-top: 16px !important; }
.mt-3 { margin-top: 24px !important; }
.mt-4 { margin-top: 32px !important; }
.mt-5 { margin-top: 40px !important; }
.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 8px !important; }
.mb-2 { margin-bottom: 16px !important; }
.mb-3 { margin-bottom: 24px !important; }
.mb-4 { margin-bottom: 32px !important; }
.mb-5 { margin-bottom: 40px !important; }
.mb-auto { margin-bottom: auto !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 8px !important; }
.ml-2 { margin-left: 16px !important; }
.ml-3 { margin-left: 24px !important; }
.ml-4 { margin-left: 32px !important; }
.ml-5 { margin-left: 40px !important; }
.ml-auto { margin-left: auto !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 8px !important; }
.mr-2 { margin-right: 16px !important; }
.mr-3 { margin-right: 24px !important; }
.mr-4 { margin-right: 32px !important; }
.mr-5 { margin-right: 40px !important; }
.mr-auto { margin-right: auto !important; }


/* Buttons */
/* Default*/
.btn-default {
  color: #333333 /*{Default colour style | default-text-colour}*/ ;
  background-color: #ffffff /*{Default colour style | default-background-colour}*/ ;
  border-color: #cccccc /*{Default colour style | btn-default-border-colour}*/ ;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: rgba(250, 154, 45, 1) /*{Default colour style | default-text-colour-hover}*/ ;
  background-color: #ebebeb /*{Default colour style | default-background-colour-hover}*/ ;
  border-color: #adadad /*{Default colour style | default-border-colour-hover}*/ ;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.label-default {
  background-color: #999999 /*{Default colour style | label-default-background}*/ ;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #808080 /*{Default colour style | label-default-background-hover}*/ ;
}
/*Primary*/
.btn-primary {
  color: #ffffff /*{Primary colour style | button-text-colour}*/ ;
  background-color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
  border-color: #ff4c00 /*{Primary colour style | primary-border-colour}*/ ;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff /*{Primary colour style | button-text-colour}*/ ;
  background-color: #ff4c00 /*{Primary colour style | primary-background-colour-hover}*/ ;
  border-color: #ff4c00 /*{Primary colour style | primary-border-colour-hover}*/ ;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #ff4c00 /*{Primary colour style | primary-disabled-background-colour}*/ ;
  border-color: #ff4c00 /*{Primary colour style | primary-disabled-border-colour}*/ ;
}
.label-primary {
  background-color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #ff4c00 /*{Primary colour style | primary-background-colour-hover}*/ ;
}
.text-primary {
  color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
}
/*Warning*/
.btn-warning {
  color: #ffffff /*{Warning colour style | button-text-colour}*/ ;
  background-color: #fbab38 /*{Warning colour style | warning-background-colour}*/ ;
  border-color: #faa01f /*{Warning colour style | warning-border-colour}*/ ;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  color: #ffffff /*{Warning colour style | button-text-colour}*/ ;
  background-color: #fa9606 /*{Warning colour style | warning-background-colour-hover}*/ ;
  border-color: #d88104 /*{Warning colour style | warning-border-colour-hover}*/ ;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #fbab38 /*{Warning colour style | warning-disabled-background-colour}*/ ;
  border-color: #faa01f /*{Warning colour style | warning-disabled-border-colour}*/ ;
}
.label-warning {
  background-color: #fbab38 /*{Warning colour style | warning-background-colour}*/ ;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #fa9606 /*{Warning colour style | warning-background-colour-hover}*/ ;
}
/*Danger*/
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.label-danger {
  background-color: #d9534f /*{Global | on-sale-background-colour}*/ ;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #d2322d;
}
/*Success*/
.btn-success {
  color: #ffffff /*{Success colour style | button-text-colour}*/ ;
  background-color: #5fb660 /*{Success colour style | success-background-colour}*/ ;
  border-color: #4fad50 /*{Success colour style | success-border-colour}*/ ;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #ffffff /*{Success colour style | button-text-colour}*/ ;
  background-color: #479b48 /*{Success colour style | success-background-colour-hover}*/ ;
  border-color: #3c833c /*{Success colour style | success-border-colour-hover}*/ ;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #5fb660 /*{Success colour style | success-disabled-background-colour}*/ ;
  border-color: #4fad50 /*{Success colour style | success-disabled-border-colour}*/ ;
}
.label-success {
  background-color: #5fb660 /*{Success colour style | success-background-colour}*/ ;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #479b48 /*{Success colour style | success-background-colour-hover}*/ ;
}
/*Info*/
.btn-info {
  color: #ffffff /*{Info colour style | button-text-colour}*/ ;
  background-color: #787c91 /*{Info colour style | info-background-colour}*/ ;
  border-color: #787c91 /*{Info colour style | info-border-colour}*/ ;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  color: #ffffff /*{Info colour style | button-text-colour}*/ ;
  background-color: #5e5e5e /*{Info colour style | info-background-colour-hover}*/ ;
  border-color: #5e5e5e /*{Info colour style | info-border-colour-hover}*/ ;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #787c91 /*{Info colour style | info-disabled-background-colour}*/ ;
  border-color: #787c91 /*{Info colour style | info-disabled-border-colour}*/ ;
}
.label-info {
  background-color: #787c91 /*{Info colour style | info-background-colour}*/ ;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #5e5e5e /*{Info colour style | info-background-colour-hover}*/ ;
}
/*Wishlist*/
.wishlist_toggle.btn-default {
  color: #ff4c00 /*{Wishlist colour style | wishlist-text-colour}*/ ;
  background-color: #ffffff /*{Wishlist colour style | wishlist-background-colour}*/ ;
  border-color: #ff4c00 /*{Wishlist colour style | wishlist-border-colour}*/ ;
}
/* Breadcrumb */
.breadcrumb {
  background-color: /*{Breadcrumb | breadcrumb-background-colour}*/ ;
}
.breadcrumb > li + li:before {
  color: #cccccc /*{Breadcrumb | breadcrumb-text-colour}*/ ;
	content: "/\00a0";
    padding: 0;
    color: #ccc;
    margin: 0 -5px 0 8px;
}
.breadcrumb > .active, .breadcrumb a {
  color: #000000 /*{Breadcrumb | breadcrumb-link-colour}*/ ;
}
.breadcrumb li:last-of-type > a {
  color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
}

/* Pagination */
.pagination > li > a, .pagination > li > span {
  color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
  background-color: #fff;
  border-color: #ddd;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #ff4c00 /*{Primary colour style | primary-background-colour-hover}*/ ;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #fff;
  background-color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
  border-color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
}
.well {
  background-color: #f5f5f5;
  border-color: #e3e3e3;
}
.panel-default {
  border-color: #dddddd /*{Panels | panel-border-colour}*/ ;
}
.panel-default > .panel-heading {
  color: #333333 /*{Panels | panel-header-text-colour}*/ ;
  background-color: #f5f5f5 /*{Panels | panel-header-background-colour}*/ ;
  border-color: #dddddd /*{Panels | panel-header-border-colour}*/ ;
}
.panel-title {
  color: #333333 /*{Panels | panel-header-text-colour}*/ ;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd /*{Panels | panel-border-colour}*/ ;
}
.save {
  color: #D9534F;
}
.productsave {
  color: #D9534F;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
}
.navbar-default .navbar-text {
  color: #FFF;
}
.navbar-default .navbar-nav > li > a {
  color: #FFF;
}
.navigation-list li a {
  color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ff4c00;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ff4c00;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #333;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #333;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}
.nav .caret {
  border-top-color: #ffffff /*{Header | navbar-default-link-colour}*/ ;
  border-bottom-color: #ffffff /*{Header | navbar-default-link-colour}*/ ;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
  border-top-color: #333;
}
.dropdown-menu {
  background-color: #ffffff /*{Header | dropdown-menu-background}*/ ;
  border-color: #cccccc /*{Header | dropdown-menu-border-colour}*/ ;
}
.dropdown-menu .divider {
  background-color: #e5e5e5 /*{Header | dropdown-menu-divider-colour}*/ ;
}
.dropdown-menu > li > a {
  color: #333333 /*{Header | dropdown-menu-link-colour}*/ ;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626 /*{Header | dropdown-menu-link-colour-hover}*/ ;
  background-color: #f5f5f5 /*{Header | dropdown-menu-link-background-hover}*/ ;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #ffffff /*{Header | dropdown-menu-link-colour-active}*/ ;
  background-color: rgba(255, 168, 5, 1) /*{Header | dropdown-menu-link-background-active}*/ ;
}
/*Custom CSS*/
.wrapper-top-header {
  background-color: #000 /*{Header | top-bar-background-colour}*/ ;
  color: #ffffff /*{Header | top-bar-link-colour}*/ ;
	font-size: 14px;
    font-family: 'IBM Plex Mono';
}
.wrapper-top-header .navbar-nav > li > a {
  color: #ffffff /*{Header | top-bar-link-colour}*/ ;
}
.wrapper-top-header .account-li > a {
  border-left: none;
  border-color: #000 /*{Header | top-bar-my-account-divider-colour}*/ ;
}
.wrapper-top-header .navbar-nav > li > a#cartcontentsheader, .wrapper-top-header .navbar-nav > li > a:hover {
  background-color: #ff4c00 /*{Header | top-bar-background-colour-hover}*/ ;
}
@media (min-width: 768px) {
  .wrapper-header {
    border-bottom: 1px solid #eee;
    border-color: #eeeeee /*{Header | main-header-border-bottom-colour}*/ ;
  }
}

.navigation-spacing {
	padding-top: 96px;
}

.carousel-caption h1, .carousel-caption .h1 {
  color: #FFFFFF /*{Home Page | carousel-heading-colour}*/ ;
}
.carousel-caption p {
  color: #787c91 /*{Home Page | carousel-text-colour}*/ ;
}
.carousel-caption .btn-info {
  color: #ffffff /*{Home Page | carousel-button-text-colour}*/ ;
  background-color: #787c91 /*{Home Page | carousel-button-background-colour}*/ ;
  border-color: #6a6a6a /*{Home Page | carousel-button-border-colour}*/ ;
}
.carousel-caption .btn-info:hover, .btn-info:focus, .carousel-caption .btn-info:active, .btn-info.active {
  color: #ffffff /*{Home Page | carousel-button-text-colour}*/ ;
  background-color: #5e5e5e /*{Home Page | carousel-button-background-colour-hover}*/ ;
  border-color: #4c4c4c /*{Home Page | carousel-button-border-colour-hover}*/ ;
}
#amplifyUsp {
  background-color: #000000 /*{Home Page | usp-background-colour}*/ ;
  color: #e1e1e1 /*{Home Page | usp-text-colour}*/ ;
}
.wrapper-featured-product h2 a {
  color: #333333 /*{Home Page | product-thumbnail-title-color}*/ ;
}
.blog-thumbs .blog-thumbnail .blog-thumbnail-head {
  background-color: #313638 /*{Home Page | blog-top-background-color}*/ ;
  color: #ffffff /*{Home Page | blog-top-text-color}*/ ;
}
.blog-thumbs .blog-thumbnail .blog-thumbnail-head .list-inline li a {
  color: #ffffff /*{Home Page | blog-top-text-color}*/ ;
}
.wrapper-brands, .wrapper-testimonials {
  background-color: #f3f3f3 /*{Home Page | section-background-color}*/ ;
}
.testimonial-thumbnail .testimonial-thumbnail-caption {
  background-color: #ffffff /*{Home Page | testimonial-background-color}*/ ;
}
.testimonial-thumbnail .testimonial-thumbnail-caption h5 {
  color: #ff4c00 /*{Primary colour style | primary-background-colour}*/ ;
}
.wrapper-footer {
  background-color: #000000 /*{Footer | footer-background-color}*/ ;
  color: #f3f3f3 /*{Footer | footer-text-color}*/ ;
	    font-size: 16px;
    letter-spacing: -0.5px;
}

.wrapper-footer .nav-pills > li > a, .wrapper-footer .list-social a i, .wrapper-footer p, .wrapper-footer a {
  color: #787c91 /*{Footer | footer-text-color}*/ ;
}
.wrapper-footer .nav-pills > li > a:hover {
  color: #2a6496 /*{Footer | footer-text-color-hover}*/ ;
}
.wrapper-category-banner h1 {
  color: #000 /*{Primary colour style | primary-background-colour}*/ ;
  text-transform: none;
  letter-spacing: -1px;
}

.wrapper-category-banner {
    background-color: #f3f3f3;
    margin: 42px 0px 25px;
}

.wrapper-header {
  background-color: transparent;
}
.navbar-fixed-top {
  top: 34px;
  border-width: 0px !important;
}
.navbar-transparent-black {
  background-color: #000000e8;
  padding: 16px 24px;
  border-radius: 8px;
  border: 1px solid #787c9138;
}
#homepageCarousel {
  background-color: #000;
}
#homepageCarousel .carousel-caption {
  left: 25%;
  right: 25%;
}
#homepageCarousel .carousel-caption .caption-inner {
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
}
#homepageCarousel .carousel-caption h1 {
  line-height: 0.9;
    font-size: 80px;
    font-weight: 500;
    margin: 32px 0px;;
    letter-spacing: -2px;
}
#homepageCarousel .carousel-caption p {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 32px;
	letter-spacing: -0.5px;
}
.btn {
  padding: 12px 24px;
  font-size: 16px;
  transition: 0.5s;
}

.btn:hover {
	transition: 0.5s;
}

.wrapper .home-heading {
  letter-spacing: -0.5px;
  text-transform: none;
  font-size: 20px;
  font-weight: 500;
}
.wrapper.wrapper-brands .home-heading {
  letter-spacing: -0.5px;
  text-transform: none;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  margin-bottom: 42px;
}
.wrapper-brands, .wrapper-testimonials {
  background-color: #000000;
  color: #FFF;
  padding: 64px 0;
}
.carousel-mono-text {
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px !important;
  font-style: normal;
  letter-spacing: -0.25px;
}

.carousel-inner {
	height: 84vh;
}

.carousel-caption .btn {
    text-shadow: none;
    border-radius: 32px;
}

.wrapper-header .header-search .ajax_search {
	background-color: transparent;
    border: 1px solid #787c9138;
    border-radius: 32px 0px 0px 32px;
    border-right: none;
}

.wrapper-header .header-search button[type="submit"] {
	background-color: transparent;
    padding: 4px 16px 7px 16px;
    border: 1px solid #787c9138;
    border-radius: 0px 32px 32px 0px;
    border-left: none;
    color: #FFF;
    font-size: 15px;
}

/* Z-indexing */

.navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 2;
}

.dropdown-menu {
	z-index: 4;
}

/* Modify only for gradient carousel -too annoying as inserted image by default by Neto */

#homepageCarousel .carousel-inner > .item > a > img {
	max-height: 100vh !important;
	width: auto;
	    opacity: 0;
}

.carousel-caption .btn-primary:hover {
	background-color: #850465;
	border-color: #850465;
}

/* Set the row height; images maintain aspect ratio */
.logos .swiper-wrapper { align-items: center; }
.logos .swiper-slide    { width: auto; height: 56px; padding: 12px 0px; display:flex; align-items:center; }
.logos img              { height: 32px; width: auto; display:block; }

/* Make autoplay motion perfectly linear */
.logos .swiper-wrapper { transition-timing-function: linear !important; }

.wrapper-footer .payment-icon-container {
    background: transparent;
}

.payment-icon {
	filter: grayscale(1);
}


.footer-header {
	    font-size: 18px;
    font-weight: 600;
    color: #FFF !important;
    letter-spacing: -0.5px;
}

.homepage-procurement-wrapper {
    padding: 24px;
    border-radius: 8px;
	color: #FFF;
	margin-bottom: 16px;
	    transition: transform .3s ease-in-out;
}

.homepage-procurement-wrapper:hover {
	scale: 1.1;
	    transition: transform .3s ease-in-out;
}

.homepage-procurement-wrapper a {
	color: #ffffff;
}

.homepage-procurement-wrapper a:hover {
	text-decoration: none;
}

.homepage-procurement-wrapper .h4 {
	color: #FFF;
	font-size: 20px;
	letter-spacing: -0.25px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.homepage-procurement-wrapper i {
	color: #ffffff99;
	-webkit-font-smoothing: subpixel-antialiased;
}



.mono-pre-heading-grey {
	font-family: 'IBM Plex Mono';
    font-weight: 500;
    text-transform: uppercase;
    color: #787c91;
	font-size: 14px;
	letter-spacing: -0.25px;
}

.mono-pre-heading-orange {
	font-family: 'IBM Plex Mono';
    font-weight: 500;
    text-transform: uppercase;
    color: #ff4c00;
	font-size: 14px;
	letter-spacing: -0.25px;
}

.background-level-1 {
	background-color: #ff4c00;
}

.background-level-2 {
	background-color: #f42530;
}

.background-level-3 {
	background-color: #e00047;
}

.background-level-4 {
	background-color: #c60058;
}

.background-level-5 {
	background-color: #a80062;
}

.background-level-6 {
	background-color: #850465;
}

.orange-li li i {
	color: #ff4c00;
}

p.large {
	font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}


.breadcrumb {
	background-color: transparent;
	font-family: 'IBM Plex Mono';
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin-bottom: 8px;
}




@media (max-width: 767px) {
	.carousel-inner {
    height: 75vh;
	}
	#homepageCarousel .carousel-caption {
	top: 40vh;	
	}
	
	#homepageCarousel .caption-inner {
		max-width: 80vw;
	}
	
	#homepageCarousel .carousel-caption h1 {
    font-size: 50px;
    overflow-wrap: break-word;
}
	#homepageCarousel .carousel-caption p {
    font-size: 16px;
		margin-bottom: 32px !important;
	}
	
	h1, .h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1.25px;
	}
	
	.homepage-procurement-wrapper .h4 {
    color: #FFF;
    font-size: 24px;
    letter-spacing: -0.25px;
}
}