/*

Theme Name: Beyond Surface Solutions
Author: Simon Lowe
Author URI: https://smlowe.co.uk
Description: Theme for Beyond Surface Solutions
Version: 1.0

*/

:root {
  --green: #C8D301;
  --purple: #4D2978;
  --dark-blue: #4318CB;
  --light-blue: #55ADF4;
  --teal: #1ABAD8;
  --dark: #292D32;
  --grey: #D9D9D9;
  --white: #fff;
  --off-white: rgba(245, 245, 245, 0.96);
}


body, html {
  margin: 0;
  padding: 0;
  font-family: "co-headline", sans-serif;
  overflow-x: hidden;
}

header {
  background: var(--dark);
  width: 100%;
  min-height: 300px;
}

.woocommerce header {
  min-height:unset;
  padding:10px;
}

.woocommerce header h3{
color: white;
}

.woocommerce a.edit{
  padding:5px 10px;
  background-color: var(--green);
  color: black;
  margin-bottom: 10px;
}

.woocommerce address{padding:10px}

h1.brand-title{color: rgba(77, 41, 120, 1);font-size: 35px; line-height: 50px;}

p {
font-family: 'lora', 'sans-serif';
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--dark);
}

li{
  font-family: 'co-headline', 'sans-serif';
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  color: var(--dark);
}

.prod-details .panel ul {margin-left:0;padding:0px;}

.panel h5{font-size: 16px;}

  .category-container li.sub-list{list-style-type: none;}

section.white {
  background: #FFF;
}

section.off-grey {
  background: #F5F5F5;
}

h2.purple {
  color: var(--purple);
}

h2.green {
  color: var(--green);
}

.full-width-data h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 35.95px;
}

.full-width-text p {
  line-height: 24px;
}

.full-width-content {
  margin: 0px 0;
}

.full-width-data {
  padding: 0px 0;
}

.general-content.contact-information.white {
  margin-top: 40px;
}

.wrapper {
  display: grid;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

.general-content-text {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.blog_content_container .general-content-text {
display: unset;
}

.blog_content_container .general-content {
margin-bottom: 50px !important;
}

.ninja-contact-form {
  background-color: #F5F5F5;
  padding: 15px;
  position: relative;
  top: -35px;
}

textarea.ninja-forms-field {
  border-radius: 20px !important;
  font-family: 'co-headline';
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
  color: var(--purple) !important;
  border: 1px solid var(--purple) !important;
}

.tnp-widget-minimal input.tnp-email {
  width: 78% !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]) {
  border-radius: 170px !important;
  height: 40px !important;
  font-family: 'co-headline';
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
  color: var(--purple) !important;
  border: 1px solid var(--purple) !important;
}
.nf-form-content input[type="submit"]{
padding:0 15px;
}

.nf-form-content input[type="submit"] {
  width: 120px !important;
  height: 30px !important;
  border-radius: 33px !important;
  background: var(--purple) !important;
  color: #fff !important;
  right: 0;
  padding: unset;
  cursor: pointer;
}

.nf-form-content input[type="submit"]:hover {
  background: transparent !important;
  color: var(--purple) !important;
  border: 1px solid var(--purple) !important;
}

.nf-field-element li label {
  font-size: 16px;
  font-weight: 400;
  font-family: 'lora';
  line-height: 24px;
  color: var(--purple);
}

.general-content-text > div {
  font-family: 'lora';
  max-width: 607px;
  width: 50%;
}

.general-content-text > div:first-child {
  margin-right: 20PX;
}

.general-content-header, .general-content-text strong {
  color: var(--purple);
  font-family: 'co-headline';
  font-weight: 400;
}

.general-content-header {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  display: none;
}

.general-content-text p:first-child {
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 30px;
}

.nf-form-title h3 {
  color: var(--purple);
  font-family: 'co-headline';
  font-weight: 400;
  line-height: 36px;
  font-size: 28px;
}

.nf-before-form-content {
  display: none;
}

section.map-container {
  height: 781px;
  background: var(--grey);
}

.two-column-data {
  display: flex;
  flex-direction: row;
  gap: 45px;
  padding: 100px 0;
}

.two-column-header {
  height: 30px;
  font-weight: 400;
  font-size: 28px;
  line-height: 35.95px;
}

.two-column-text p {
  line-height: 24px;
}

.contact-description {
  line-height: 24px;
}

.contact-text {
  font-family: 'co headline';
  font-weight: 400;
  font-size: 22px;
  margin-top: 30px;
}

.woocommerce-breadcrumb a{color:black;}

.slick-arrow {
width: 25px;
height: 25px;
}

.bss-button {
text-transform: uppercase;
}

.social-icons .fa-brands {
border: 1px solid #fff;
border-radius: 50%;
padding: 5px;
}

.social-icons {
gap: 10px;
display: flex;
margin-bottom: 10px;
}

.nav-top ul{margin:0;padding:0;}
.nav-top li{line-height:30px;}
.made p{margin:0px;padding:0;}

.col-left h4 {
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
height: 15px;
margin-top: 67px;
}

.services.wrapper li{display: flex;}
.services.wrapper li>div{width: 50%;flex-direction: row-reverse;vertical-align: top;display: table;}
.services.wrapper li:nth-child(odd) {flex-direction: row;vertical-align: top;}
.services.wrapper li:nth-child(even) {flex-direction: row-reverse;vertical-align: top;}
.footer-payments {
margin-bottom: 59px;
margin-top: 24px;
}

.footer-payments .fa-brands {
margin-right: 15px;
font-size: 2em;
}

.footer-address p, .copyright-and-reg p, .designed-by p {
font-weight: 300;
}

.footer-text p {
font-size: 18px;
font-weight: 400;
}

.footer-address p {
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
}

#menu-footer-nav-menu li  {
margin-bottom: 15px;
font-family: "co-headline";
}
.copyright, .reg-details, .designed-by p {
font-size: 12px;
font-weight: 300;
}

.designed-by a {
color: var(--white);
}

.designed-by a:hover {
color: var(--green);
}

.tnp-widget-minimal form {
margin-bottom: 20px !important;
width: 453px;
position: relative;
}

.tnp-widget-minimal input.tnp-email {
border-radius: 20px !important;
color: #000 !important;
font-size: 8px !important;
font-weight: 300 !important;
font-family: 'co-headline' !important;
height: 35px !important;
}

.tnp-widget-minimal input.tnp-submit {
width: 20% !important;
border-radius: 20px !important;
cursor: pointer !important;
position: absolute;
right: 0;
height: 35px !important;
z-index: 10;
}

.tnp-widget-minimal {
height: 35px;
}

input.tnp-submit:hover {
background: var(--green) !important;
}

.bapf_hascolarr, .filter h3 {
font-weight: 400;
font-size: 22px;
}

.slick-arrow:hover .fa.fa-solid.fa-chevron-left, .slick-arrow:hover .fa.fa-solid.fa-chevron-right {
color: #fff;
}

.made p {
  text-transform: uppercase;
  color: #fff;
  font-family: 'co-headline';
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
}

.made img {
width: 30px;
height: 15.95px;
vertical-align: text-bottom;
}

a {
  text-decoration: none !important;
}

    .blog-post-content a.btn.bss-button
    {
      border: 1px solid #3C2978;
    border-radius: 29px;
    background: #3C2978;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: 12.84px;
    font-family: 'co-headline';
    width: 252px;
    padding: 10px 35px;
}

.input-group input {
  width: 400px;
  height: 35px;
  flex-shrink: 0;
  border-radius: 17.5px;
  background: #D9D9D9;
  display: flex;
  padding-left: 10px;
}

.woopq-quantity-input input[type=number]{
  text-align: center;
}

.footer #mega-menu-wrap-footer-nav {
display: none;
}

.top-nav {
  display: flex;
  justify-content: space-between;
  height: 30px;
}

.top-nav ul li, .made {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.top-nav ul li:not(:first-child) {
  margin-left: 20px;
}

.top-nav ul li a, .made {
  color: #fff;
}

hr {
  border: 1px solid #fff;
  width: 100%;
  padding:0;
  margin:0;
}

.brand {
  display: flex;
  justify-content: space-between;
  padding-top: 3em;
  padding-bottom: 2em;
}

.header-search {
display: inline-flex;
max-width: 100%;
width: 41%;
height: 35px;
position: relative;
}

.header-search img {
width: 22px;
height: 22px;
}

.icons {
right: 0;
align-self: center;
display: flex;
gap: 22px;
position: absolute;
}

.fa-shopping-basket, .fa-user-circle, .fa-heart, .fa-search {
color: var(--white);
width: 20px;
height: 20px;
transform: translate(5px,5px);
padding-left: 20px;
font-size: 20px;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    transition: none;
}
.cart-total {
display: contents;
font-size: 10px;
color: #fff;
}

.col-one,.col-two{width: 50%;}

.nav-menu {
  padding-bottom: 0.5em;
}

.nav-menu ul, .top-nav ul { 
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: inherit;
}

.nav-menu ul li a {
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  color: #fff;
}

.nav-menu ul li a:hover, .top-nav ul li a:hover {
  color: var(--green);
}

.controls {
z-index: 100000;
position: absolute;
top: 25%;
left: 15px;
transform: translateY(-50%);
}
.controls .burger {
position: relative;
display: block;
float: right;
width: 30px;
padding: 10px;
cursor: pointer;
transition: 0.5s ease-in-out;
transform: rotate(0deg);
}
.controls .burger span {
position: absolute;
display: block;
width: 50%;
height: 3px;
transition: 0.25s ease-in-out;
transform: rotate(0deg);
opacity: 1;
background: var(--white);
}
.controls .burger span:first-child,
.controls .burger span:nth-child(2) {
top: 0;
}
.controls .burger span:nth-child(3),
.controls .burger span:nth-child(4) {
top: 8px;
}
.controls .burger span:nth-child(5),
.controls .burger span:nth-child(6) {
top: 16px;
}
.controls .burger span:nth-child(odd) {
left: 0;
border-radius: 9px 0 0 9px;
}
.controls .burger.open span:first-child,
.controls .burger.open span:nth-child(6) {
transform: rotate(45deg);
}
.controls .burger.open span:nth-child(2),
.controls .burger.open span:nth-child(5) {
transform: rotate(-45deg);
}
.controls .burger.open span:first-child {
top: 2px;
left: 4px;
}
.controls .burger.open span:nth-child(2) {
top: 2px;
left: calc(44%);
}
.controls .burger.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
.controls .burger.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
.controls .burger.open span:nth-child(5) {
top: 11px;
left: 4px;
}
.controls .burger.open span:nth-child(6) {
top: 11px;
left: calc(44%);
}

#menu-main-top-nav > li > .sub-menu {
  display: none;
  border: 1px solid var(--green);
  border-radius: 2px;
  padding: 5px;
}

#menu-main-top-nav > li:hover > .sub-menu {
  display: block;
}

#mega-menu-wrap-primary #mega-menu-primary {
display: flex;
justify-content: space-between;
}

#mega-menu-wrap-primary {
background: none !important;
}

.banner {
  height: 75px;
  background: var(--green);
  display: flex;
  justify-content: space-around;
}

.banner .wrapper {
  display: flex;
  width: 100vw;
  justify-content: space-between;
}

.banner-text {
  color: #000;
  font-family: 'co-headline';
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.banner-container {
  display: flex;
  position: relative;
  gap: 10px;
  width: 25% !important;
  margin: auto 0;
}

.banner-container img {
  display: flex;
  width: 37.588px !important;
  height: 35px !important;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
}

.news-blogs-container {
overflow: hidden;
margin-top: 125px;
margin-bottom: 125px;
}

.woopq-quantity-input{
  margin-bottom: 30px;
}

.news-content-container .color-overlay{
  width: 100%;
}

@media only screen and (min-width: 1000px) {
  .search-mobile-icon
{
  display: none;
}
}

.hero a:-webkit-any-link, .service-container a:-webkit-any-link, .popular.wrapper a:-webkit-any-link, .service-details a:-webkit-any-link, .news-blogs-container a:-webkit-any-link, .services-content a:-webkit-any-link, .popular a:-webkit-any-link, .bss-button:-webkit-any-link {
color: #4d2798;
}

.trending-paints a:-webkit-any-link {
color: #292D32;
}

.product .bss-button {
color: var(--purple);
}

.search-desktop {
height: 35px;
width: 350px;
}

.search-desktop form {
border: 1px solid black;
padding: 5px;
border-radius: 17.5px;
background: #D9D9D9;
height: 24px;
}

.search-desktop.visible {
display: flex;
}

#searchform {
width: 100%;
position: relative;
}

#searchsubmit {
position: relative;
float: right;
top:-20px
}

.screen-reader-text {
clip: rect(1px,1px,1px,1px);
word-wrap: normal !important;
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal !important;
padding: 0;
position: absolute !important;
width: 1px;
}

.search-desktop form input, .search-desktop form button {
border: none;
background: none;
}

#s {
  width: 350px;
}

#s:focus {
  outline: none;
}

#searchsubmit > i {
  font-size: 1.3em;
}

.hero-text {
  color: #4D2978;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 142.857% */
}

.hero-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 390px;
}

.hero-container .hero-text-container {
  position: absolute;
  height: 75%;
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.hero-container .hero-text-panel-container {
  display: table;
  vertical-align: middle;
  justify-content: flex-end;
  max-width: 700px;
}

.hero-container .hero-text-panel {
padding-top:0px;
}

.hero-image-wrapper{display: table;width: 100%;}


.hero-container img {
  width: 100%;
}

.hero-container a.bss-button {
position:unset;
}

.bss-button {
  display: flex;
  height: 1%;
  padding: 15px 35px;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 33px;
  border: 1px solid #4D2978;
  position: absolute;
  font-weight: 300;
  font-size: 10px;
  font-family: 'co-headline';
  color: #4D2978;
}

.hero-image{width: 50%;background-repeat: no-repeat;min-height: unset;}

.featured-product .bss-button{width: 40px;}

.hero-container .btn.bss-button {
width: 25%;
}

.bss-button:hover {
  background: #4D2978; 
  color: #fff !important;
}

.featured-products > pre > div > ul > li > a > span > .woocommerce-Price-amount.amount, .featured-products > div > ul > li > a > span > .woocommerce-Price-amount.amount {
display: none;
}

.featured-product .image-container {
width: 217px !important;
height: 215px !important;
background-color: #F5F5F5;
border: 1px solid #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
}

.featured-product img {
width: 165px !important;
height: 147px !important;
margin: auto;
border: none;
}

.featured-title {
font-size: 18px;
font-weight: 300;
width: 217px;
margin-bottom: 0;
line-height: 23px;
letter-spacing: 0.9px;
text-transform: uppercase;
}

.featured-product a {
color: #292D32;
}

.featured-sku, .featured-price {
font-size: 12px;
line-height: 15px;
font-weight: 300;
font-family: 'co-headline';
width: 50%;
margin-top: 0;
}

.featured-product {
width: 217px !important;
margin-right: 20px;
}

.featured-products {
  width: 100%;
}

.view-button {
display: none;
height: 9px;
padding: 15px 22px;
justify-content: center;
align-items: center;
font-family: 'co-headline';
font-weight: 500;
font-size: 16px;
border-radius: 33px;
background: #fff;
position: absolute;
color: var(--purple);
text-transform: uppercase;
}
.product-container li{position: relative;justify-content: center;align-items: center;display: table-cell;}
.product-container li .view-button {position:absolute;top:100px;left:74px;}

.image-container:hover .view-button {
display: flex;
}

.woocommerce-breadcrumb,.woocommerce-breadcrumb a{font-size: 18px;padding-bottom: 50px;text-transform: capitalize;font-weight: 300;border-bottom: 1px solid #d9d9d9;margin-bottom: 50px;}

.blog_content_container{width: 100%;margin:0 auto;}
.blog-post-container{width: 100%;display: flex;gap:75px;}
.blog-post-content{width: 60%;}
.blog-post-image{width: 40%;}
.blog-post-image img{z-index:1;width: 100%;height: auto;}

.news_list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr}
.news_list .news-content-container{grid-gap: 10px; position: relative;}
.news_list .news-button{bottom:46px;}

.popular-container {
margin-top: 125px;
margin-bottom: 125px;
}

.block-container:not(:last-child) {
margin-right: 21px;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none !important;
}

.top-trending, .popular-container, .news-blogs-container {
display: block;
}

.text-container.wrapper, .popular.wrapper, .wrapper.news-blogs-content {
  float: left;
  margin-right: 0;
}

.text-container {
width: 100%;
}

.fw-map-panel .wrapper{margin:unset;width: 100%;max-width: unset;}
.fw-map-panel .wrapper .general-content-text{margin-right: 0;padding:0;}


.blog-container,.blog_content_container{margin:0px auto;padding:0px 0px;}
.blog_content_container .general-content,.blog_content_container .blog-post-container{max-width: 1400px;margin:25px auto;}
.blog-list-header{width: 100%; text-align: right;margin-bottom: 20px;}
.blog-pagination-container,.blog-filter-container{width: 100%;}
.image-and-text-container.right{float:left;}
button{background-color: white;border:0;}
.page-numbers{line-height:20px;display:table-cell;line-height: 50px;padding:0 5px;color:black;}

.woocommerce-pagination .page-numbers{line-height:unset;display:flex;padding:0 5px;color:black;}
.woocommerce-pagination .page-numbers li{list-style-type: none;}
.woocommerce-pagination .page-numbers li a{width: unset;font-size: 16px;}
.woocommerce-pagination{display: flex;justify-content: right;}

ul.pagination{display: flex;height: 15px;list-style-type: none;justify-content: flex-end;margin-top:0px;padding-left: 0px;}
.pagination li{line-height: 30px;}

.product-container .pagination li {
    height: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 10px;
}
.product-container .pagination li a{width: unset;font-size: 16px;line-height: 30px;margin: unset;}

.product-container .pagination li span.page-numbers {
  line-height: 30px !important;
  display: unset;
  line-height: unset;
  padding: 0 5px;
}
.prev.page-numbers img,.next.page-numbers img{width: 20px;height: 20px;}
.product-container .pagination li.active {background: unset;height: unset;color:var(--green);}
.filter{border-right:1px solid #231F20;padding-right:20px;}
.page-numbers.current{color:var(--green);}
.pagination .nav-links{display: table;}


.pagination-wrapper{
display: flex; /* Or inline-flex */
    align-items: center; /* Vertically align */
    justify-content: right; /* Horizontally center */
    text-transform: uppercase;
    margin-top: 15px;
}
.page-info {
    margin-right: 10px; /* Add some space between page info and links */
    font-weight: 300;
}

.popular, .news-blogs-content {
position: relative; 
top: 15%;
width: 100%;
}

.trending-header, .popular-header, .news-blogs-header {
  color: #292D32;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.popular-header, .news-blogs-header {
width: auto;
height: 80px;
}

.yith-wcwl-add-to-wishlist {
position: absolute;
transform: translate(185px, -225px);
display: none;
}

.trending-text, .popular-text {
  color: #292D32;
  font-family: Lora;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  margin-top: 0;
  width: 50%;
}

.top-trending {
margin: 125px auto;
}

.trending-title {
font-size: 18px;
font-weight: 300;
margin-top: 20px;
margin-bottom: 0px;
width: 217px;
}

.trending-ral {
font-size: 12px;
font-weight: 300;
font-family: 'co-headline';
margin-top: 10px;
}

.trending-paints {
display: flex !important;
width: 100%;
}

.top-trending-container {
height: 300px !important;
width: 217px !important;
margin-right: 20px;
}

.view-paint img {
transform: translate(50%, 50%);
}

.trending-content {
position: absolute;
bottom: 0;
}

.trending-paints ul {
list-style-type: none;
padding-left: 25px;
width: 215px !important;
}

.trending-paints ul img {
width: 100px;
height: 100px;
transform: translate(56%,56%);
}

.trending-button {
position: absolute;
transform: translate(19%,-56%);
opacity: 0;
width: 90px;
height: 1px;
font-size: 10px;
font-weight: 300;
line-height: 12.84px;
border: none;
}

.top-trending a:visited {
color: #292D32;
}

.view-paint {
width: 217px;
height: 215px;
}

.view-paint:hover .trending-button {
opacity: 1;
background: #fff;
}

.tranding.button:hover {
background: var(--purple);
}

.view-paint:hover img {
opacity: 0;
}

.featured-products, .news-blogs-carousel {
display: block !important;
right: 0;
}

.news-blogs-carousel {
  width: 100%;
  display: flex;
}

.featured-products > li {
list-style: none;
}

.news_carousel, .services_carousel {
width: 100%;
overflow: hidden;
}

.news_container, .content-container {
display: flex;
background-color: #F5F5F5;
}


.services-details, .services-content {
width: 50%;
display: table;
}

.services-content img{display: none;}

.services-content-container{
  display: table-cell;
  vertical-align: middle;
  padding-left:30px;
}

.services-details h2, .services-content h2 {
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
color: #C8D301;
}

.services-details p, .services-content p {
color: #292D32;
font-family: 'Lora';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.32px;
/** max-width: 652px; **/
margin-top:0px;
width: 100%;
}

.service-details {
display: table-cell;
vertical-align: middle;
padding:30px;
}
.onsale{display: none;}
.services ul {
  padding-left: 0 !important;
}

.news p {
width: 80%
}

.news-container .left-arrow.slick-arrow {
/** left:51.2%; **/
top:55%;
}

.news-container .right-arrow.slick-arrow {
/** left: 53%; **/
top: 42%;
}

/* .services_carousel {
max-height: 609px;
} */

.post-carousel > button {
background: transparent;
border: none;
border-radius: 50%;
appearance: none;
width: 25px;
height: 25px;
}

.post-carousel > button.right-arrow.slick-arrow{
  top:47%;
  left:47%;
}

.post-carousel > button.left-arrow.slick-arrow{
  left:47%;
}

.post-left, .post-right {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: white;
}

.pagination .post-left,.pagination  .post-right {
  vertical-align: middle;
  }

.general-content-centered{
  margin-bottom: 125px;
}

/* .post-left:hover, .post-right:hover {
background: var(--green);
} */

.post-right:hover {
content: url('https://bss2024.devsites.plinkfizz.co.uk/wp-content/uploads/2024/03/Subtract.svg');
width: 25px;
height: 25px;
}

.post-left:hover {
content: url('https://bss2024.devsites.plinkfizz.co.uk/wp-content/uploads/2024/03/Subtract-1.svg');
width: 25px;
height: 25px;
}

.services_carousel .news-container .slick-slide img {
  height: 100% !important;
  width: 100% !important;
}

.slick-track{display: flex;}

.services .content-container > img {
  height: 100% !important;
  object-fit: cover;
  height: 609px !important;
}

.left-arrow.slick-arrow {
left: 46%;
top: 55%;
position: absolute;
z-index: 99;
cursor: pointer;
}

.right-arrow.slick-arrow {
left: 46%;
top: 42%;
position: absolute;
z-index: 99;
cursor: pointer;
}

.news-right-arrow.slick-arrow {
position: absolute;
z-index: 99;
top: -70px;
right: 10px;
}

.news-left-arrow.slick-arrow {
position: absolute;
z-index: 99;
top: -70px;
right: 50px;
}

.news-blogs-posts span {
text-transform: uppercase;
color: #fff;
font-size: 8px;
font-weight: 300;
display: flex;
margin-top: 10px;
}

.post-categories li a {
font-size: 8px;
font-weight: 300;
color: #fff;
}

.fa.fa-solid.fa-chevron-left, .fa.fa-solid.fa-chevron-right {
color: #4D2978;
}

.content-container {
  left: 1px;
  position: relative;
}

.cross-sell-panel{display: grid;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

.cross-sells ul{list-style-type: none;}

.three-blocks {
margin-top: 125px;
margin-bottom: 125px;
}

.three-block-image {
width: 450px;
height: 350px;
}

.block-container:hover .three-block-image {
opacity: 0;
background: unset;
}

.three-block-button {
display: flex;
height: 5px;
padding: 10px 18px;
justify-content: center;
align-items: center;
border-radius: 33px;
border: 1px solid #fff;
color: #fff;
pointer-events: none;
position: absolute;
bottom: 20px;
margin-left: 30px;
font-size: 10px;
text-transform: uppercase;
font-weight: 300;
}

.woocommerce-MyAccount-navigation li{padding:5px 0px;}

.block-content {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.block-content.block-carousel
{display: flex;flex-direction: row;}

.block-carousel .block-container  {
display: flex;
width: 33%;
position: relative;
}

.block-container{position: relative;}

.block-container > a > img {
width: 453px;
height: 350px;
}

.block-container:hover img {
opacity: 0.3;
}

.block-container:hover a {
background: var(--green);
}

.block-title {
position: absolute;
color: var(--white);
font-size: 22px;
line-height: 28px;
font-weight: 400;
bottom: 45px;
z-index: 1;
}

.inner-content {
position: absolute;
width: 100%;
height: auto;
margin-left: 30px;
bottom: 0;
pointer-events: none;
}

.inner-content > a {
width: 40px;
height: 0;
border: 1px solid var(--white);
color: var(--white);
bottom: 26px;
font-weight: 400;
text-transform: uppercase;
padding: 15px 22px;
font-size: 10px;
z-index: 1;
}

.inner-content > a:hover {
background: var(--white);
color: var(--purple);
border: 1px solid var(--purple);
}

.block-container .background-gradient {
height: 350px;
}

.services-title {
font-weight: 300 !important;
font-size: 12px !important;
line-height: 15.41px !important;
text-transform: uppercase !important;
height: fit-content !important;
margin-bottom: 0 !important;
font-family: 'co-headline' !important;
}

.services-header {
margin-top: 5px;
}

.general-content-centered-data {
text-align: center;
}

.general-content-centered-header {
font-weight: 400;
font-size: 22px;
line-height: 28.25px;
color: var(--purple);
}

.general-content-centered-text {
font-weight: 400;
font-family: 'lora';
font-size: 16px;
line-height: 24px;
color: var(--dark);
}

.news-blogs-posts {
position: absolute;
display: block;
top: 200px;
width: 270px;
float: left;
padding-left: 22px;
pointer-events: none;
}

.news-carousel div div div img {
width: 276px !important;
height: 290px !important;
opacity: 0.7;
}

.news-blogs-title {
font-weight: 300;
font-size: 12px;
line-height: 15.41px;
width: 231px;
color: var(--white);
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.news-blogs-title {
text-transform: uppercase;
}

.post-categories li a {
height: 45px;
}

.news-blogs-button.visible {
visibility: hidden;
}

.news-blogs-button:hover {
background-color: transparent;
color: #fff;
}

.news-content-container {
margin-right: 10px;
padding-right: 0px;
height: 320px;
}

.background-gradient {
background: linear-gradient(#bbb 0%, #292d32 75%);
}

.background-gradient:hover {
opacity: 0.5;
}

.news-image {
width: 100%;
height: 290px;
}

.news-image:hover {
opacity: 0.1;
}

.color-overlay:hover .news-blogs-posts span {
display: none;
}

.featured-view-all {
width: 80px;
height: 25px;
line-height: 25px;
padding: 2px 9px;
border-radius: 29px;
border: 1px;
gap: 10px;
border: 1px solid var(--purple);
position: absolute;
top:20px;
right:110px;
}

.view-all-news{
width: 80px;
height: 25px;
line-height: 25px;
padding: 2px 9px;
border-radius: 29px;
border: 1px;
gap: 10px;
border: 1px solid var(--purple);
position: absolute;
top:9px;
right:110px;
}

.slick-slider .slick-track {
    /* ONLY transition the transform property */
    transition: transform 500ms ease;
    /* You can add vendor prefixes for older browsers if needed */
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
}

/* It's also good practice to ensure the list has no transition */
.slick-slider .slick-list {
    transition: none;
}

.wrapper.news-blogs-content {
transform: translate(0%, 75%);
}

.news-blogs-header {
margin-bottom: 0;
margin-top:0;
}

.post-categories {
list-style: none;
display: inline-block;
margin-top: 2px;
padding-left: 0;
}

.news-carousel button, .featured-carousel button {
background: none;
border: none;
border-radius: 50%;
width: 25px;
height: 25px;
}

.news-content-container img:hover {
opacity: 0.3;
}

.color-overlay {
background: var(--green);
width: 99%;
}

.news-blogs-button {
position: absolute;
transform: translate(5%, -118%);
width: 80px;
height: 25px;
padding: 2px 9px;
border-radius: 29px;
border: 1px;
gap: 10px;
border: 1px solid var(--off-white);
}

.news-blogs-button {
color: var(--white);
text-transform: uppercase;
}

.news-blogs-posts span.visible {
visibility: hidden;
}

.footer {
background: var(--dark);
position: relative;
z-index: 9999;
}

.footer-horizontal {
border: 1px solid var(--green);
width: 100%;
height: 18px;
background: var(--green);
margin: 25px 0 0 0;
position: relative;
z-index: 9999;
}

iframe{
  width: 100vw;
}

.footer p {
color: var(--white);
font-family: 'co-headline';
}

.col-left {
display: grid;
width: 25%;
color: var(--white);
font-size: 16px;
font-weight: 300;
}

.col-right {
display: grid;
width: 75%;
position: relative;
justify-content: end;
color: var(--white);
font-size: 16px;
font-weight: 300;
}

.footer-content.wrapper {
display: flex;
}

.col-right .text-widget {
margin-top: 70px;
}

.col-left a {
margin-top: 31px;
}

#menu-footer-nav-menu {
display: grid;
grid-template-columns: repeat(3, auto);
list-style: none;
padding-left: 0;
}

.menu-footer-nav-menu-container ul li a {
color: #fff;
padding-bottom: 5px;
}

.menu-footer-nav-menu-container ul li a:hover {
color: var(--green);
}

.menu-footer-nav-menu-container {
margin-top: 96px;
}

.footer-text {
margin-top: 115px;
font-size: 18px;
}

.footer-address {
font-size: 12px;
font-weight: 300;
}

.textwidget.custom-html-widget {
margin-top: 0px;
}

.contact-details {
margin-bottom: 15px;
}

.contact-details p, .address p {
margin: 0;
}

.contact-details p a {
color: var(--white);
}

.contact-details p a:hover {
color: var(--green);
}

.address {
margin-bottom: 112px;
}


.below-footer {
color: var(--white);
display: flex;
justify-content: space-between;
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
margin-top: 29px;
padding-bottom: 29px;
}

.copyright-and-reg {
display: flex;
}

.reg-details {
margin-left: 100px;
}

.designed-by p {
text-transform: uppercase;
}

.bapf_body ul li {
padding-top: 5px !important;
}

.product-layout  {
display: grid;
grid-template-columns: repeat(2,auto);
}

.product-image {
width: 689px;
border: 1px solid #A5A5A5;
}

.product-layout .product-image {
border: 0px solid #A5A5A5;
}

.product-layout .product-image img {
border: 1px solid #A5A5A5;
}

.product-image img {
width: inherit;
height: inherit;
}

.product-title {
width: auto;
color: #3C2978;
margin-bottom: 0;
font-size: 28px;
line-height: 36px;
padding-bottom: 20px;
font-weight: 400;
}

price-without

.price-without {
padding-top: 20px;
font-size: 22px;
}

.price-with {
padding-bottom: 20px;
font-size: 22px;
}

.price-without{padding-top:20px;}

.exc-tax, .inc-tax {
font-size: 18px;
font-weight: 300;
line-height: 23.11px;
}

.woocommerce-Price-amount {
font-size: 22px;
font-weight: 400;
line-height: 28.25px;
}

.content {
padding-left: 100px;
}

.product-divider {
width: auto;
border: 1px solid var(--grey);
}

.tabs.wc-tabs, #tab-description h2 {
display: none;
}

.woocommerce-product-details__short-description p {
font-size: 16px;
font-weight: 400;
font-family: 'lora';
line-height: 24px;
}

.single_add_to_cart_button.button.alt {
border: 1px solid #3C2978;
border-radius: 29px;
background: #3C2978;
color: #fff;
font-size: 10px;
font-weight: 300;
line-height: 12.84px;
font-family: 'co-headline';
width: 252px;
height: 35px;
}

.cart {

}

.prod-accordion {
background-color: #fff;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
border-bottom: 1px solid #D9D9D9;
margin: 20px 0;
justify-content: space-between;
display: flex;
font-size: 18px;
font-weight: 300;
line-height: 23.11px;
font-family: 'co-headline';
}

.prod-info {
margin-top: 30px;
}

.active, .prod-accordion:hover {
background: var(--green);
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

.panel p {
font-size: 16px;
font-weight: 400;
font-family: 'lora';
line-height: 24px;
}

.footer-accordion {
background-color: transparent;
cursor: pointer;
padding: 18px 18px 18px 0;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
border-top: 1px solid #D9D9D9;
justify-content: space-between;
display: flex;
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
font-family: 'co-headline';
color: #fff;
text-transform: uppercase;
}

.footer-nav {
  margin-top: 10px;
}

.footer-accordion-arrow {
  color: #fff;
}

.footer-nav-container {
  display: none;
}

.footer-nav .panel {
  background-color: transparent;
  padding: 0;
}

.panel li a {
  color: #fff;
  font-size: 12px;
}

.panel li:hover a {
  color: var(--green);
}

.products.columns-4 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-left: 0;
gap: 20px;
list-style: none;
}

.product-container {
width: 70%;
float: right;
}

.product .yith-wcwl-icon.fa.fa-star-o, .product .yith-wcwl-icon.fa.fa-star {
font-size: 20px;
transform: translate(95px, -130px);
}

.yith-wcwl-icon.fa.fa-star-o  {
color: var(--grey);
}

.yith-wcwl-icon.fa.fa-star {
color: #A5A5A5;
}

.category-divider {
border: 1px solid #231F20;
}

.product-container li {
height: auto;
margin-bottom: 30px;
margin-top: 60px;
}


.woocommerce-pagination li {
  height: 20px;
  margin-bottom: 0px;
  margin-top: 0px;
  }

.product-container ul li img {
width: 217px;
height: 215px;
}

.product-container ul.pagination li img {
  width: 20px;
  height: 20px;
  }

.product-container ul li:hover .view-button{
display: block;
color: var(--purple);
text-transform: uppercase;
background-color: white;
}

.bapf_body label {
font-weight: 300;
}

.product-container section h1 {
font-size: 22px;
font-weight: 400;
line-height: 28.25px;
color: var(--dark);
}

.woocommerce-loop-product__title {
font-size: 18px;
font-weight: 300;
line-height: 23.11px;
color: var(--dark);
width: 217px;
min-height: 70px;
}

.product-sku {
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
color: var(--dark);
font-family: 'co-headline';
min-height: 16px;
}

.image-and-text li{display: flex;flex-direction: row;}
.image-and-text:nth-child(odd) li{flex-direction: row-reverse;}
.image-and-text li>div{width: 50%;}
.image-and-text li div.image-and-text-container{padding:30px 30px 30px 0px;width:calc(50% - 30px);display:table}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link span {
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
color: var(--dark);
}

.product-container a {
width: 150px;
height: 0;
font-size: 10px;
font-weight: 300;
line-height: 12.84px;
margin-top: 10px;
}

.orderby {
border: none;
background: #F5F5F5;
border-radius: 17.5px;
width: 268px;
height: 35px;
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
padding-left: 15px;
text-transform: uppercase;
}

.orderby option {
font-size: 12px;
font-weight: 300;
line-height: 15.41px;
width: 200px;
height: 15px;
font-family: 'co-headline';
}

.woocommerce-ordering {
display: flex;
justify-content: right;
}

.filter {
width: 25%;
display: inline-grid;
}

.woof-front-builder-container .woof_container h4 {
font-size: 22px;
font-weight: 400;
font-family: 'co-headline';
border-bottom: 1px solid #231F20;
background: none;
}

.woof_list, .woof_list label span span {
font-size: 18px;
font-weight: 300;
}

.featured-products .price, .featured-products .btn {
position: unset;
display: none;
}

.services-content img {
width: 168px !important;
height: 168px !important;
position: absolute;
top: -155px;
left: -90px;
display: none !important;
}

.category-hero, .services-hero {
width: auto;
min-height: 210px;
display: flex;
background: var(--off-white);
justify-content: flex-end;
}

.category-hero img, .services-hero img {
width: 100%;
height: 216px;
display: flex !important;
float: none;
}

.category-hero h1, .services-hero h1 {
font-size: 35px;
font-weight: 700;
color: var(--purple);
margin-bottom: 0;
line-height: 35px;
height: fit-content;
}

.services-hero h1 {
line-height: 50px;
padding:0px;
margin:0;
}

.services-hero p {
width: auto;
margin:0;
}

.hero-wrapper {
width: 50%;
display: table;
max-width: 700px;
justify-content: flex-end;
margin:unset;
}

.hero-img-wrapper{
  width: 50%;
  background-size: cover;
}

.service-news-image-container{width: 50%;background-size: cover;background-position: center;min-height: 609px;display: table;}
.hero-text-panel{display: table-cell; padding-right: 100px;padding-top:0px;vertical-align: middle;}
.category {
padding-top: 50px;
padding-bottom:145px;
}

.category h2 {
font-size: 28px;
font-weight: 400;
line-height: 35.95px;
width:100%;
height: 36px;
color: var(--purple);
}

.category p {
width: 690px;
}

.sub-header {
font-size: 22px;
font-weight: 400;
line-height: 28.25px;
color: var(--dark);
padding-left:10px;
}

.sub-list {
margin-bottom: 35px;
padding-bottom:70px;
position: relative;
height:190px;
}

/*.category-container ul :nth-child(1).sub-list {border-bottom: 1px solid rgba(35, 31, 32, 0.2);}
.category-container ul :nth-child(2).sub-list {border-bottom: 1px solid rgba(35, 31, 32, 0.2);}
.category-container ul :nth-child(3).sub-list {border-bottom: 1px solid rgba(35, 31, 32, 0.2);}
.category-container ul :nth-child(4).sub-list {border-bottom: 1px solid rgba(35, 31, 32, 0.2);}
*/

.category-container ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
margin-left: 0;
padding-left: 0;
}

.sub-description {
font-size: 8px;
font-weight: 300;
line-height: 10.27px;
width: 217px !important;
height: 30px !important;
color: var(--dark)
}

.sub-link {
position: absolute;
transform: translate(0px, -20px);
display: flex;
width: 100%;
}

.sub-list:hover .sub-link, .sub-header, .sub-description, .sub-button {
opacity: 1;
}

.sub-list:hover {
background: var(--green);
}

.sub-button {
width: 64px;
height: 18px;
border: 1px solid var(--dark);
justify-content: space-between;
border-radius: 33px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
color: var(--dark);
background: none;
text-align: center;
position: absolute;
margin-left: 20px;
cursor: pointer;
right: 0;
top: 27px;
}

.sub-button:hover{background-color: #4D2978;color: white;}

.featured-product-price-container{
  display: flex;
  flex-direction: row;
}

.sub-list img {
width: 100%;
height: 259px;
}

.sub-list:hover img {
opacity: 0.3;
}

.services li {
margin: 100px 0;
}

.services li img {
width: 100%;
height: 100%;
display: block;
}

.service-content-container{vertical-align: middle;display: table-cell;padding:0px 30px;}

.service-image {
float: left;
margin-right: 0px;
width: 50%;
vertical-align: middle;
max-height: 440px;
background-position: center top;
background-repeat: no-repeat;
}

.services-hero h1 {
margin-bottom: 0px;
}

.service-title {
font-size: 28px;
font-weight: 400;
color: var(--purple);
}

.image-and-text-container-text{
  vertical-align: middle;
  display: table-cell;
  padding-left:30px;
}

.breadcrumb,.woocommerce-breadcrumb {
margin-top: 15px;
}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
width: 217px !important;
height: 215px !important;
}

.pwb-brands-col3 div a img {
width: 217px;
height: 215px;
border: 1px solid var(--grey);
}

.pwb-brands-col3 small, .pwb-brands-col3 p:first-child {
display: none;
}

header.page-header .controls .burger.open span:first-child,
header.page-header .controls .burger.open span:nth-child(6) {
transform: rotate(45deg);
}
header.page-header .controls .burger.open span:nth-child(2),
header.page-header .controls .burger.open span:nth-child(5) {
transform: rotate(-45deg);
}
header.page-header .controls .burger.open span:first-child {
top: 2px;
left: 4px;
}
header.page-header .controls .burger.open span:nth-child(2) {
top: 2px;
left: calc(44%);
}
header.page-header .controls .burger.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
header.page-header .controls .burger.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
header.page-header .controls .burger.open span:nth-child(5) {
top: 11px;
left: 4px;
}
header.page-header .controls .burger.open span:nth-child(6) {
top: 11px;
left: calc(44%);
}

.woocommerce-products-header .berocket_aapf_widget_selected_filter{display: flex;}
.woocommerce-products-header .bapf_sfilter{display: flex;}
.woocommerce-products-header .bapf_sfa_taxonomy span{display:none}
.woocommerce-products-header .bapf_sfa_taxonomy a{font-size: 18px;color:black;}
.woocommerce-products-header .bapf_head h3 {font-weight: 300;}
.woocommerce-products-header .bapf_sfa_taxonomy ul{display: inline-flex;padding-left:0px;padding-right: 0px;margin-right: 30px;background-color: #cccccc;border-radius: 25px;}
.woocommerce-products-header .bapf_head h3 {font-weight: 300;}
.woocommerce-products-header .braapf_unselect_all{display: none;}
.bapf_sfilter.bapf_button_berocket .bapf_button,.bapf_sfilter.bapf_button_berocket .bapf_button:hover{border: 1px solid #3C2978;
  border-radius: 29px;
  background: #3C2978;
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  line-height: 12.84px;
  font-family: 'co-headline';
  width: 252px;
  height: 35px;}
.woocommerce-products-header .bapf_sfa_inline .berocket_aapf_widget_selected_area ul li {
  display: inline-block;
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.bapf_head h3{margin-right: 30px;}
.trending-paints button {
background: none;
border: none;
border-radius: 50%;
cursor: pointer;
top: 0px;
}

.trending-arrow-left.slick-arrow{
  right:50px;
  top:-70px;
  position: absolute;
}

.trending-arrow-right.slick-arrow{
  right:10px;
  top:-70px;
  position: absolute;
}

.footer-payments img {
width: 37px;
height: 29px;
}

.footer-payments img:not(:last-child) {
margin-right: 15px;
}

.block-container img {
opacity: 0.7;
}

.news-button  {
display: none;
width: 60px;
height: 15px;
padding: 2px 9px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 29px;
border: 1px solid #fff;
bottom: 18px;
position: absolute;
margin-left: 22px;
pointer-events: none;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
}

.news-image:hover + .news-button {
display: flex;
}

.pwb-brands-col3:hover {
background: var(--green);
}

.pwb-brands-col3:hover div {
opacity: 0.2;
}

.pwb-brands-col3, .attachment-woocommerce_thumbnail {
border: 1px solid #D9D9D9; 
}

.right {
  float: right;
  margin-right: 0;
}

.left {
  float: left;
}

.image-and-text-container.left {
  right: 260px;
}

.image-and-text img {
  width: 100%;
}

.image-and-text {
  margin-bottom: 100px;
}

.image-and-text ul {
  padding-left: 0;
}

.history {
  height: 609px;
  margin-bottom: 109px;
  margin-top: 149px;
  background: #f5f5f5;
}

.history-container {
  height: inherit;
  display: flex;
  flex-direction: row;
  margin:0 auto;
}

.history-container-image{width: 50%;background-repeat:no-repeat;background-size:cover;background-position: center;}

.history-title {
  color: var(--green);
  font-size: 1.75rem;
  font-weight: 400;
}

.history-details p {
  line-height: 1.5rem;
}

.tiles {
  margin-top: 45px;
}

.tiles.wrapper {
  margin:100px auto;
}

.tiles-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto;
}

.tile {
  width: calc(33% - 20px);
  padding:0 10px 0 0;
  height: auto;
  display: flex;
  flex-direction: column;
}

.tile-image-container {
  display: flex;
  min-height: 120px;
}

.tile-image-container img{
max-width: 60%;
object-fit: contain;
vertical-align: middle;
}

.tile-title {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
  color: var(--purple);
  margin-bottom: 5px;
}

.tile p {
  line-height: 1.5rem;
  height: auto;
}

.tile .bss-button {
  width: 98px;
  height: 1px;
  text-transform: uppercase;
}

.button-container {
  margin-top: auto;
  height: 32px;
}

.quantity {
display: flex;
}
.product-image img{display: block;border:1px solid #A5A5A5}

.prod-description .yith-wcwl-add-to-wishlist, .prod-description .pwb-single-product-brands {
  visibility: hidden;
}

.woocommerce table.shop_table{
  width:100%;
  max-width: 1460px;
  margin:10px auto;
}

.woocommerce-notices-wrapper
{
  width:100%;
  max-width: 1460px;
  margin:10px auto;
}

.wc-empty-cart-message,.return-to-shop{
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}

.woocommerce form .form-row label {
  line-height: 2;
  font-family: "co-headline", sans-serif;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
display: none;
}

.category-hero img {
  width: 50%;
}

.history-container img {
  width: 50%;
}

.history-details {
  width: 50%;
  display: table;
}

.history-details-container{
  display: table-cell;
  vertical-align: middle;
  padding:30px;
}

.featured-arrow-left.slick-arrow {
  position: absolute;
  z-index: 99;
  top: -21%;
  right: 50px;
}
.featured-arrow-right.slick-arrow {
  position: absolute;
  z-index: 99;
  top: -21%;
  right:10px;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}
.woocommerce{width: 100%;max-width: 1400px;margin:0 auto;display: flex;flex-direction: column;}
.woocommerce-MyAccount-navigation{width: 25%;background: rgba(245, 245, 245, 0.96) ;}
.woocommerce-MyAccount-navigation a{color:rgba(41, 45, 50, 0.4)}
.woocommerce-MyAccount-content{width: 75%;padding:30px}
.woocommerce-MyAccount-content{border-radius: 170px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{border-radius: 170px;padding:5px 20px}
.variations label{margin-right: 10px;padding:20px 3px}
.variations select,.variations select:active,.variations select:focus{margin-right: 10px;background-color: rgba(245, 245, 245, 0.96);border-radius: 30px;padding:9px 20px;border:0;box-shadow: none;}
.variations tr{margin-bottom: 10px;display: unset;}
.variations table{margin-bottom: 10px;}
.single_variation_wrap{margin-top:30px;}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  float: none;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
float:none;
text-align: right;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ 
}

/* Media Queries */
@media only screen and (min-width:3200px) {

.woocommerce{width: 100%;max-width: 3200px;margin:0 auto;display: flex;flex-direction: column;}

.news_carousel, .services_carousel{
  margin: 0 auto;
}
}

@media only screen and (min-width:2400px) {
.hero-container > div > a {
  position: unset;
}

.services-content img {
  top: -26%;
  left: -11%;
}

.services-details {
  transform: translate(0, 20px);
}

.left-arrow.slick-arrow, .right-arrow.slick-arrow {
  /** top: 28%; **/
}

.left-arrow.slick-arrow {
  /** left: 50.9%; **/
}

.right-arrow.slick-arrow {
  /** left: 52.5% !important; **/
}

.news-left-arrow.slick-arrow {
  /** left: -49.5%; **/
}

.news-right-arrow.slick-arrow {
  /** left: -46.1%; **/
}

.hero-container .hero-text-panel-container{display: table;vertical-align: middle;justify-content: flex-end;max-width: 700px;}
.hero-container .hero-text-panel{vertical-align: middle;}

.trending-paints {
  width: 1400px;
}

.services_carousel .news-container .slick-slide img {
  width: 50% !important;
}
}



@media only screen and (min-width:1901px) {
  .services .left-arrow.slick-arrow{/** left:51%;top:30% **/}
  .services .right-arrow.slick-arrow{/** left:53%;top:30% **/}

}

@media only screen and (max-width:1900px) {
.wc-empty-cart-message{}

.hero-container .wrapper{
  margin:unset;
}

.service-container {
  width: 480px;
}

.services-hero img {
  width: 50%;
}

.services-hero p {
  height: 120px;
  margin-top: 0px;
}

.service-image {
  width: 600px;
}

.services_carousel .news-container .slick-slide img {
  width: 50% !important;
  max-width: 900px;
}

.news-container .left-arrow.slick-arrow {
  /** left: 51.5%; **/
}

.news-container .right-arrow.slick-arrow {
  /** left: 54%; **/
  /** top:31%; **/
}

.services_container {
  margin-bottom: 0px;
}

.news-container .left-arrow.slick-arrow{
  /** left:51.2% **/
}

.three-block-image {
  width: 100%;
  height: 320px;
}

.tnp-widget-minimal form {
  width: 100%;
}

.history-details {
  width: 50%;
}

.image-and-text-container {
  width: 30%;
}

.image-and-text-container.left {
  right: 180px;
}

.featured-arrow-left.slick-arrow {
  position: absolute;
  z-index: 99;
  /** top: 5%;
  left: -48.5%; **/
}
.featured-arrow-right.slick-arrow {
  position: absolute;
  z-index: 99;
  /** top: 5%;
  left: -44%; **/
}

section.popular-container.wrapper {
  margin-top: 125px;
  margin-bottom: 125px;
}

.trending-arrow-left.slick-arrow {
  position: absolute;
  /** left: -48.5%;
  top: -5%; **/
}

.trending-arrow-right.slick-arrow {
  position: absolute;
  /** left: -44%;
  top: -5%; **/
}

.news-left-arrow.slick-arrow {
  position: absolute;
  z-index: 99;
  /** top: 30px;
  left: -29%; **/
}

.news-right-arrow.slick-arrow {
  position: absolute;
  z-index: 99;
  /** top: 30px;
  left: -25.5%; **/
}

.right-arrow.slick-arrow {
  /** left: 53.5%;
  top: 35%; **/
  position: absolute;
  z-index: 99;
  cursor: pointer;
}

.services_container .right-arrow.slick-arrow {
  /** left: 54%; **/
  top: 47%;
  position: absolute;
  z-index: 99;
  cursor: pointer;
}

.news-blogs-carousel {width: 100%;}
.popular, .news-blogs-content {width: 100%;}

}

@media only screen and (min-width:1800px) {

}

@media only screen and (max-width:1799px) {
  .left-arrow.slick-arrow {
}

.services_container .left-arrow.slick-arrow {

}
.hero-text-panel{
  padding-right: 15px;
}

.services_container .right-arrow.slick-arrow {
top:40%;
}

.post-carousel > button.right-arrow.slick-arrow{
  left: 45%;
}

.post-carousel > button.left-arrow.slick-arrow{
  left: 45%;
}

.right-arrow.slick-arrow {
  position: absolute;
  z-index: 99;
  cursor: pointer;
}

.featured-arrow-left.slick-arrow {
  position: absolute;
  z-index: 99;
}
.featured-arrow-right.slick-arrow {
  position: absolute;
  z-index: 99;
}

section.popular-container.wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top:100px;
}

.trending-arrow-left.slick-arrow {
  position: absolute;
}

.trending-arrow-right.slick-arrow {
  position: absolute;
}

.news-left-arrow.slick-arrow {
  position: absolute;
  z-index: 99;
}

.news-right-arrow.slick-arrow {
  position: absolute;
  z-index: 99;
}

.service-image {
  width: 50%;
  background-size: 100% auto;
  display: table;
}

.history-container-image{
  width: 50%;
  background-size: 100% auto;
}

.history {
  height: unset;
  margin-bottom: 109px;
  margin-top: 149px;
  background: #f5f5f5;
}

.service-image {
min-height: unset;
}

.hero-image{
  width: 50%;
}

}

@media only screen and (min-width:1440px) {
  .hero-container{
    min-height: 430px;
    position: relative;
  }
}

@media only screen and (max-width:1440px) {
.wrapper {
  margin: 0 135px;
}

.woocommerce-checkout{
  padding:0px 20px;
  width: calc(100% - 40px);
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  padding:0px 20px;
  width: calc(100% - 40px);
}

.search-desktop {
  position: absolute;
  right: 150px;
}

.news .bss-button {
  width: 83px;
}

.news-container .left-arrow.slick-arrow {
  /** left: 37.4%; **/
}

.news-container .right-arrow.slick-arrow {
  /** left: 41%; **/
} 

.text-container {
  top: 10%;
  position: relative;
}

.trending-arrow-left.slick-arrow {
  position: absolute;
  /** left: -76%; **/
}

.trending-arrow-right.slick-arrow {
  position: absolute;
  /** left: -70%; **/
}

.trending-header {
  width: 354px;
}

.popular .wrapper {
  position: relative !important;
  top: 20% !important;
}

.general-content-centered {
  margin: 0px 0;
  margin-bottom: 125px;
}

.featured-arrow-left.slick-arrow {
  position: absolute;
  /** left: -64%;
  top: 5%; **/
}

.featured-arrow-right.slick-arrow {
  position: absolute;
  /** left: -58%;
  top: 5%; **/
}

.hero-container .hero-text-container{margin-left:30px}

section.services_carousel {
  margin-top:100px;
}

.services .left-arrow.slick-arrow {
  /** left: 51.6%;
  top: 28%; **/
}

.services .right-arrow.post-arrows.slick-arrow {
  /** top: 28%;
  left: 55.5%; **/
}

.services-content img {
  top: -27%;
  left: -19%;
}

.services-hero img {
  width: 50%;
}

.services-hero p {
  height: auto;
  padding-top: 20px;
}

.news-left-arrow.slick-arrow {
  /** left: -40.5%;
  top: 30px; **/
}

.news-right-arrow.slick-arrow {
  /** left: -35%;
  top: 30px; **/
}

section.three-blocks.wrapper {
  margin-bottom: 125px;
  margin-top:125px;
}

.tnp-widget-minimal form {
  width: 315px
}

.trending-arrow-left.slick-arrow{
  right:70px;
  top:-50px;
  position: absolute;
}

.trending-arrow-right.slick-arrow{
  right:20px;
  top:-50px;
  position: absolute;
}

.hero-wrapper {
  width: 50%;
}



.tiles {
  margin-top: 45px;
}

.tile:last-child {
  margin: auto;
}

.history-container img {
  width: 50%;
}

.history-container{
  flex-direction: row;
  padding-top:0px;
}

.history-details{width: 50%;display: block;}
.history{height: unset;}

.wrapper{margin:0 30px;}
.image-and-text-container {
  width: 440px;
}

.image-and-text-container.left {
  right: 97px;
}

.image-and-text.wrapper {
  margin-bottom: 30px ;
}

.block-content.block-carousel.slick-initialized.slick-slider.slick-dotted {
  display: grid;
}

.wrapper{max-width: calc(1400px - 60px);}
.news-blogs-container{
  margin-bottom: 125px;
  padding-top:125px;
}

.hero-container .hero-text-container{
  width: 40%;
  height: unset;
}
.woocommerce-cart-form{padding:0px 30px}
}

@media only screen and (max-width:1280px) {
.wrapper {
  max-width: 1280px;
  width: calc(100% - 60px);
}

.category-hero .wrapper{max-width: calc(50% - 60px);}

.wishlist_table.mobile li .additional-info-wrapper .product-remove {
  text-align: left;
}

.wishlist_table{
  width: calc(100% - 60px);
  padding:0px 30px;
}

.wishlist-title-container
{
  width: calc(100% - 60px);
  padding:0px 30px;
}

.yith-wcwl-share{
  width: calc(100% - 60px);
  padding:0px 30px;
}

.hero-container {
  background-color: #F5F5F5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}


#searchsubmit {
  top: -20px;
}


.news-container .right-arrow.slick-arrow {
  /** left: 54%; **/
}

.trending-paints div div ul {
  width: fit-content !important;
}

.services-content p, .services-content h2 {
  width: 100%;
}

.featured-arrow-left.slick-arrow {
  position: absolute;
  /** top: 20px;
  left: -425px; **/
}

.featured-arrow-right.slick-arrow {
  position: absolute;
  /** top: 20px;
  left: -395px; **/
}

.block-content  {
  gap: 10px;
}

.block-container a img {
  width: 355px;
  height: 300px;
}

.news-container .left-arrow.slick-arrow {
  /** left: 52% !important;**/
  
}

.news-container .right-arrow.slick-arrow {
  /** left: 56% !important; **/
}

.news-container .left-arrow.slick-arrow, .news-container .right-arrow.slick-arrow {
  /** top: 17%; **/
}

.post-carousel > button.right-arrow.slick-arrow{
  left: 45%;
}

.post-carousel > button.left-arrow.slick-arrow{
  left: 45%;
}

.content-container {
  height: 442px !important;
  width: 100vw !important;
}

.news-container .content-container,.services .content-container {
  height: auto !important;
  width: 100% !important;
}
.history-details-container{padding:0;}

.services_carousel .news-container .slick-slide img {
  width: 50% !important;
}

.services-content {
  /** width: 500px; **/
}

.popular {
  position: relative;
  top: 15%;
}

.featured-arrow-left.slick-arrow  {
  top: -13%;
}

.featured-arrow-right.slick-arrow {
top: -13%;
}


.hero-container .hero-text-container {
  width: 40%;
}

.featured-view-all{top:71%}


.services-content img {
  width: 110px !important;
  height: 110px !important;
  top: -14%;
  left: -19%;
}

.news-blogs-carousel.wrapper{
  margin:0px;
  width: 100%;
}

.services .btn.bss-button {
  height: 1px;
  width: 95px;
}

.services .services-content p {
  margin-top: -5px;
}

.service-container {
  width: 440px;
}

.product-info{
  width: 100%;
}

.product-layout .content{
  padding-left:15px;
}

.history{margin-bottom: 50px;}
.top-trending{padding-top:100px;}
.category-container ul {
  grid-template-columns: 1fr 1fr 1fr;
}
.sub-list{height: 250px;}
}



@media only screen and (max-width: 1024px) {
  .block-container:not(:last-child){
    margin-right: 1px;
  }
  .sub-list{height: 250px;}
  .category-container ul {
    grid-template-columns: 1fr 1fr;
  }
  .trending-text, .popular-text {
    width: 100%;
}
.top-trending, .popular-container, .news-blogs-container {
  height: unset;
  padding-top:100px;
}

.popular, .news-blogs-content {
  width: 100%;
}

.news-blogs-carousel {
  width: 100%;
}

.popular-container.wrapper{
  display: flex;
  flex-direction: column;
}

.featured-products {
  width: 100%;
}

.popular-container.wrapper .popular{
width:100%;
}

.image-and-text:nth-child(odd) li,.image-and-text li {flex-direction: column-reverse;}
.image-and-text li>div{width: 100%;}
.image-and-text li div.image-and-text-container{width: 100%;padding:30px 0;}
.history{margin-bottom: 50px;}

.featured-products, .news-blogs-carousel{
  position: relative !important;
}

.mega-menu-toggle {
  position: relative;
  top: -100px;
}

#mega-menu-primary {
  position: absolute !important;
}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
  width: 100vw !important;
  top: -40px;
}

.search-desktop {
  display: none;
  max-width: 0;
}

.brand-image {
  transform: translate(350%,-77%);
  width: 120px;
  height: 46px;
  position: relative;
  justify-content: center;
  display: flex;
  z-index: 5;
}

.header.text-center {
  min-height: 80px;
  height: 100px;
}

.top-nav, .header hr {
  display: none;
}

.search-mobile-icon {
  display: block;
  cursor: pointer;
  z-index: 99;
  transform: translate(-135px, -5px);
}

.icons {
  top: -6px;
}

.basket-icon {
  width: max-content;
}

#searchform.visible {
  width: 185px;
  position: absolute;
  right: -29px;
  top: -12px;
}

/* button#searchsubmit {
  transform: translate(198px, -121px);
} */

.search-mobile-icon.hidden {
  display: none;
}

.fa-shopping-basket, .fa-user-circle, .fa-heart, .fa-search {
  transform: translate(0,0);
}

.header-search {
  position: relative;
  right: 60px;
  transform: translate(20%, -25%);
  width: auto;
  z-index: 5;
}

.hero-container .wrapper {
  position: unset;
  display: grid;
  margin:0;
  padding:15px;
  margin-bottom: 20px;
}

.hero-text {
  font-size: 26px;
  line-height: 30px;
  top: 70px
}

.hero-container .btn.bss-button {
  width: 23%;
  height: 12px;
  font-size: 10px;
  position: unset;
  text-align: center;
}

.text-container {
  transform: translate(0%, -5%);
}

.trending-paints {
  display: block !important;
  width: 100%;
}

.prod-details ul{margin-left:0px;padding-left:0px;}

.sub-link{position: unset;flex-wrap: wrap;}
.sub-link h3{width: 100%;margin-bottom: 5px;}
.sub-button{
  position: unset;
  margin-left: 0;
}

.services-content .bss-button, .service-details .bss-button {
  height: 0;
  font-size: 8px;
  bottom: 135px;
}

.services-content img {
  width: 92px;
  height: 92px;
}

.services-content.news {
  /** width: 470px; **/
}

.featured-arrow-left.slick-arrow{
top:-13%;
}

.featured-arrow-right.slick-arrow{
  top:-13%;
}

.popular.wrapper {
  width: 30%;
}

.block-container a img {
  width: 453px !important;
  height: 350px !important;
}

.hero-wrapper {
  width: 65%;
}

.category-hero p {
  width: auto;
}

.news-container .left-arrow.slick-arrow {
  /** left: 505px; **/
}

.news-container .right-arrow.slick-arrow {
  /** left: 595px; **/
}

.news .bss-button {
  margin-top: auto;
}

.category-hero img, .services-hero img{
  height: auto;
}

.service-container {
  width: 100%;
}

.col-right {
  right: -160px;
  width: 60%;
}

.hero-wrapper h1 {
  margin-top: 0;
}

.hero-wrapper {
  width: 45%;
  display: block;
  padding:30px 0;
}

.category-hero img {
  width: 50%;
  right: 0;
}

.services_container {
  margin-bottom: 0px;
}

.image-and-text {
  display: flex;
  flex-direction: column;
}

.image-and-text-container {
  width: 100%;
  position: relative;
}

.woocommerce-breadcrumb{margin-bottom: 20px;}

.trending-content {
        bottom: unset;
        position: unset;
    }

    .trending-title {
      width: 100%;
  }

  .product-remove{display: none !important}

  .top-trending-carousel.slick-initialized .slick-slide {
    flex-direction: column;
}
.trending-paints {
position: relative !important;
}

.service-image {
  width: 100%;
  margin-top: 25px;
  margin-right: 0;
}

section.top-trending.wrapper{
  margin-top:0px;
  display: flex;
  flex-direction: column;
}

.top-trending .text-container {
  width: 100%;
  margin-bottom: 70px;
}

.top-trending-container{
  height: unset !important;
}

.image-and-text-container.left {
  right: 0;
}

.services ul li:nth-child(2) .service-container {
  right: 0;
  position: relative;
}

.services li {
  margin: 30px 0;
}

.product-image {
  width: 428px;
  height: 400px;
}

.services .services-content {
  width: 470px;
}

.services-details p, .services-content p{
  height: auto;
}

.service-image{min-height: 687px;}
.services .service-image{min-height: 260px;}

}

@media only screen and (min-width:968px) and (max-width:1024px) {

.popular.wrapper {
  position: relative;
  top: 15%;
}


.services-content img {
  width: 90px !important;
  height: 90px !important;
  top: -12%;
  left: -21%;
}

.content-container {
  height: 380px !important;
}

.services_carousel .news-container .slick-slide img {
  width: 50% !important;
}

}

@media only screen and (min-width:768px) and (max-width:968px) {


.news-container .right-arrow.slick-arrow {
  /** left: 60%; **/
}

.service-container {
  width: 360px;
}

.pwb-brands-cols-outer {
  gap: 8px !important;
}
}

@media only screen and (max-width: 961px) {
  .hero-image{
    min-height: 260px;
  }
  .hero-container{
    min-height: 260px;
  }
}

@media only screen and (max-width: 868px) {
.header.text-center {
  height: 80px;
}

.news-container .slick-slide{
  display: flex;
  flex-direction: column;
}

.brand-image, .brand-image img {
  width: 93px;
  height: 34px;
}

.service-news-image-container{width: 100%;min-height: 339px !important;}

.brand-image {
  transform: translate(280%, -80%);
}

.general-content-text iframe{
  width:100%;
}

.general-content-text > div:first-child {
  margin-bottom: 50px;
}

.general-content-text > div {
  width: 100%;
}

.general-content-text {
  display: flex;
  flex-direction: column;
}

.header-search {
  transform: translate(20%, -65%);
}

.hero-container .btn.bss-button {
  width: 27%;
}

.banner-container img {
  width: 76px !important;
}

.banner-container.slick-slide, .banner-container.slick-slide.slick-current.slick-active {
  height: 76px;
  margin-top: 20px;
  justify-content: center;
}
.service-image{min-height: 560px;}

.banner .wrapper {
  display: grid;
  grid-template-columns: repeat(1,auto);
}

.banner-container{
  width: 100%;
}

.hero-container img {
  height: auto;
  width: 100%;
}

.history-container {
  flex-direction: column;
}

.col-right {
  right: 0px;
  width: 60%;
}

.menu-footer-nav-menu-container {
  margin-top: 0px;
}

.hero-container {
  background-color: #F5F5F5;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column-reverse;
  align-items:flex-start;
}

.hero-container .hero-text-container{
  margin-left:0;
}

.hero-container .wrapper{
width: 40%;
height: 100%;
width: calc(100% - 30px);
}

.hero-container .wrapper h1{
padding:5px;
display: block;
position: unset;
margin-bottom: 10px;
}

.hero-text {
  width: 100%;
  top: 0px;
  margin:0;
  font-size: 22px;
  margin-bottom: 10px;
}

.hero-container .btn.bss-button {
  top: 265px;
}

.hero-image {
  width: 100%;
  max-width: 100%;
  min-height: 230px;
}

.history-container-image {
  width: 100%;
  background-size: 100% auto;
  min-height: 460px;
}

.featured-product img {
height: auto;
width: unset !important;
}

.featured-title {
width: 100% !important;
}

.top-trending {
  height: unset;
  margin-bottom: unset;
  padding-top:30px !important;
}

.top-trending .text-container.wrapper {
  float: none;
}

.text-container {
  transform: translate(0, 15px);
}

.top-trending-container {
  width: 50% !important;
  margin-right: 10px;
}

.view-paint {
width: 100%;
}

.trending-header {
  font-size: 18px;
  width: 230px;
  margin-top:0;
}

.trending-text {
  font-size: 14px;
  width: 100%;
}

.service-container {
  width: 100%;
}

.post-carousel div img {
  width: 100%;
  height: 260px;
}

.featured-product {
width: calc(50% - 20px) !important;
}

.featured-product .image-container {
width: unset !important;
height: unset !important;
}

.hero-container .hero-text-container{width: calc(50% - 60px);padding:30px;}

.services-hero img {
  width: 100%;
}

.services-content, .services-details {
  position: relative;
  width: 100% !important;
  top: unset;
}

.services-content .bss-button, .service-details .bss-button {
  bottom: 30px;
}

.activate-filter{padding:5px 20px;background-color: var(--green);}

.services-content img {
  width: 119px !important;
  height: 119px !important;
  transform: translate(-75px, -112px);
}

.services .left-arrow.slick-arrow, .services .right-arrow.post-arrows.slick-arrow {
top:25%;
}
.featured-view-all {
  top:-45px;
}

.featured-view-all {
        top: -170%;
        right: 0;;
    }

.services .services-content {
  height: 220px;
}

.services .right-arrow.slick-arrow {
  left: unset;
  right: 10%;
  top:15%;
}

.services .right-arrow.post-arrows.slick-arrow { 
  left: unset;
  right:10%
}

.services .left-arrow.post-arrows.slick-arrow { 
  left: unset;
  right:10%
}

.featured-products, .news-blogs-carousel {
  float: none;
  display: block !important;
  position: unset !important;
}

.services-header {
  font-size: 18px;
}

.services .left-arrow.slick-arrow {
  left: 45px;
}

.service-container p {
  font-size: 14px;
}

.services_carousel .news-container .slick-slide img {
  height:auto !important;
  width: 100% !important;
  max-height: 400px;
}

.popular.wrapper {
  float: none;
  width: 100%;
  margin-top: 20px;
}

.tnp-widget-minimal input.tnp-email {width: 79% !important;}

.wrapper {
  margin: 0 0px;
  padding:0px 30px;
  width:calc(100% - 60px) !important;
}

.product-layout {
    display: grid;
    grid-template-columns: repeat(1, auto);
}

section.three-blocks.wrapper {
  margin-bottom: 0;
  margin-top: 0;
}

.services-details, .services-content {
  display: table;
}

.products.columns-4{
  display: flex;
}

.product-container li{
  margin-bottom: 50px;
  margin-top:0px;
  width: 48%;

}

.products.columns-5 {
  display: flex;
}

.product-container li{
  height: auto;
}

.popular {
  top: 10%;
}

.popular-header {
  font-size: 20px;
  width: 100%;
  height: 100%;
}

.block-content.wrapper {
  margin-left: 0;
}

.block-container {
  width: 219px;
  height: 100% !important;
  display: block !important;
  clear:both;
  float:unset
}

.block-container a img {
  width: 768px !important;
}

.news-blogs-container {
  width: 100%;
  display: block;
  height: auto;
  top:unset
}
.news-blogs-container{
  padding-top:30px;
}

.general-content-centered {
  margin: 0px 0;
  margin-bottom: 30px;
}

.featured-products, .news-blogs-carousel{position:relative !important;display: block !important;}

.popular, .news-blogs-content {
  position: relative;
  top: unset;
  width: 100%;
}


.news-blogs-carousel {
  position: relative;
  display: block !important;
  left: 0px;
  float: none;
  width: 100%;
  margin:0;
}

.col-right  {
  width: 100% !important;
  margin-top: -175px !important;
  justify-self: start !important;
}

.col-left {
  width: 100% !important;
}

.news-content-container{
  width: 100% !important;
  height: 320px;
}

.view-all-news, .featured-view-all{
  display: block;;
}

.footer-content.wrapper {
  display: grid;
}

.tnp-widget-minimal form {
  width: 100%;
}

.social-icons img {
  width: 30px;
  height: 30px;
  padding-right: 40px;
}

.news-image {
  width: 100%;
}

.news-carousel{
  width: 100%;
  display:block;
}

.color-overlay {
  width: 100%;
  background: none;
}

.footer-payments {
  display: flex;
  justify-content: space-between;
}

.col-left a {
  display: none;
}

.category-hero {
  height: unset;
  width: 100%;
}

.category-hero, .services-hero{flex-direction: column-reverse;}

.hero-wrapper {
padding:30px;
}

.tiles-container{display: flex;flex-direction: column;}
.tiles-container .tile{width: 100%;margin-bottom: 30px;}

.category-hero img {
  width: 100%;
}

.woocommerce-cart-form{padding:15px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator
{
  padding:15px;
  width:calc(100% - 30px);
}

.services-details, .services-content {
  transform: none;
  padding:30px 0;
}

.popular-container.wrapper .popular {
  margin-bottom: 0px;
}

/*
.services-content .btn.bss-button {
  top: 105%;
}
*/
.news-content-container{padding-right:10px;}
.hero-img-wrapper{width: 100%;min-height: 185px;}
.services-hero {
  background-color: #F5F5F5;
}

.category-hero, .services-hero{height: unset;}

.breadcrumb.wrapper {
  margin-top: 20px;
}

.three-block-image  {
  width: 100%;
  height: auto;
}

.tile {
  width: 310px;
}

.history{
  margin-top:30px;
}

.history-container img {
  width: 100%;
  height: auto;
  position: absolute;
}

.history-details {
  width: calc(100% - 60px);
  padding:0px 30px;
}
.product_type_variable.add_to_cart_button{display: none;}
.history-details-container{}

.featured-products {
  width: 100%;
}

section.popular-container.wrapper {
  display: block !important;
}

.filter {
  display: block;
}

.filter {
  width: 100%;
  display: inline-grid;
}

.product-container {
  width: 100%;
  float: none;
}

.image-and-text {
  height: auto;
}
.general-content.contact-information.white{
  margin-top: 0;
}

.products.columns-4 {
  gap: 20px;
  width: 100%;
}

.history{margin-bottom: 0;}
.service-title{margin-top:0;}
.tile-image-container{height: auto;}

.product-container ul li img{width: 100%;height: auto;}

.services .content-container img {
  height: auto !important;
  width: 100%;
}

.product-image {
  width: 100% !important;
  height: auto;
  overflow: hidden;
}
.single_variation_wrap{padding:20px 0px}
.woocommerce-variation.single_variation{padding:10px 0;}
.woopq-quantity-default{margin-bottom: 20px;}

.service-image {
height: auto !important;
background-size: 100% auto;
}


.content {
  padding-left: 0px;
  display: block;
}

.featured-product-price-container .bss-button{
  top: -20px;
  position: relative;
  text-align: center;
  width: unset;
  padding: 5px 20px;
}  

.news-container .right-arrow.slick-arrow{
  right:5%;
  top:45%;
left: unset;
}

.news-container .left-arrow.slick-arrow{
  right:20px;
left: unset;
}

.services .content-container{
  flex-direction: column;
}
.blog-post-content {
    width: 100%;
    padding-right: 0px;
}
.blog-post-container{flex-wrap: wrap;flex-direction: column-reverse;}
.blog-post-image {width: 100%;}
.blog_content_container {width: calc(100% - 60px);max-width: 1400px;margin: 0 auto;padding:0px 30px;}
.blog-container{padding:0px;}
.featured-sku, .featured-price{margin-bottom: 20px;}
  
.featured-products .price, .featured-products .btn{display: block;width: 30%;}

.banner .slick-prev, .banner .slick-next{
  display: none !important;
}
.post-carousel > button.left-arrow.slick-arrow{left:unset;right: 10%;top:32%;}
.services_carousel .post-carousel > button.right-arrow.slick-arrow{left:unset;right: 10%;top:28%;}
.services_carousel .post-carousel > button.left-arrow.slick-arrow{left:unset;right: 10%;top:22%;}

.services_carousel .news-container.post-carousel > button.right-arrow.slick-arrow{left:unset;right: 10%;top:21%;}
.services_carousel .news-container.post-carousel > button.left-arrow.slick-arrow{left:unset;right: 10%;top:15%;}
.news_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.featured-title {
    font-size: 16px;
}
.product-image img{width: 98%;}
}

@media only screen and (max-width: 640px) {


.wrapper {
  margin: 0 0px;
}

.two-column-data {
  display: flex;
  flex-direction: column;
  gap: 15px
}

.ninja-contact-form {
  width: 90% !important;
}

.hero-image {
  content: url('/wp-content/uploads/2024/01/car-paint-mobile.png');
}

.brand-image {
  transform: translate(130%, -80%);
}

.wishlist-icon, .account-icon {
  display: none;
}

.basket-icon {
  position: relative;
  right: -100%;
  top: 0px;
  width: max-content;
}

.trending-paints {

}

.hero-container {
  background-color: #F5F5F5;
  display: flex;
  height: unset;
}

.hero-container .hero-text-container {
  width: calc(100% - 60px);
  padding: 30px;
  order:1;
  position: unset;
}

.hero-image-wrapper{
  order:2;
}

.wrapper{
  width: calc(100% - 30px);
}

.trending-title {
  margin-bottom: 0px;
  min-height: 50px;
}

.trending-ral{
  margin-top:0px;
}
.top-trending-container{
  height:365px !important;
}

.trending-content {
bottom: 45px;
}

.search-mobile-icon {
  position: relative;
  right: -100px;
}

section.popular-container.wrapper {
        padding-top: 30px;
}

.service-news-image-container
 {
    width: 100%;
    min-height: 339px !important;
}

.hero-container {
  height: auto;
}

.text-container {
  width: 100%;
}
.wrapper {
margin: 0 0px;
padding: 0px 15px;
width: calc(100% - 30px) !important;
}

.news-blogs-container.wrapper{
  padding:30px 15px;
}

.service-details{
  padding:30px 15px;
}

.hero-text {
  width: 100%;
  margin-bottom: 10px;
}

.hero-container .bss-button {
  top: 415px;
  width: 97px !important;
}

.hero-container img {
  height: 288px;
  width: 100%;
}

.featured-view-all {
    display: none;
}

.view-all-news{
 display: none;
}

.trending-text {
  width: 100%;
}

.services-content p, .services-content h2, .services-details p, .services-details h2 {
  width: 100%;
}

.services-content h2, .services-details h2 {
  margin-bottom: 0;
}

.news-container .services-content.news.wrapper, .services-content.news {
  top: unset;
  width: 385px;
  padding-bottom: 0px;
}

.service-container {
  width: 100%;
}

.services .content-container {
  height: 590px;
}

.services-content .bss-button, .service-details .bss-button {

  top: unset;
}

.services-content-container {
padding:30px;
}

.featured-product .featured-title {
    font-size: 14px;
}

.services-content img {
  transform: translate(-50%, -70%);
  display: none;
}

.service-details .btn.bss-button {
  bottom: -10px !important;
}

.news-image{}

.left-arrow.slick-arrow {
  right: 20px;
  bottom: 10px;
  top:unset;
  left:unset
}

.right-arrow.slick-arrow {
  right: 20px 20px 50px 20px ;
  bottom: 50px;
  top:unset;
  left: unset;
}
.woocommerce-loop-product__title {
    width: 100%;
}
.news-container .right-arrow.slick-arrow{
  right: 5%;
  top:44%;
  left: unset;
}


.featured-arrow-left.slick-arrow,.featured-arrow-right.slick-arrow{
  top:-40px;
  left:unset;
}

.services_container .slick-initialized .slick-slide img{
  height: auto;
}

.news-container .left-arrow.slick-arrow{
  top:50%;
}

.services-content-container{
  padding-left:30px;padding-right:30px;
}

.featured-product img {
  width: 100% !important;
  height: auto !important;
  margin: auto;
  border: none;
}

.block-container {
  width: 100vw !important;
}

.news-blogs-carousel {
  margin-left: 0px !important;
}

.footer #mega-menu-wrap-footer-nav {
  display: block;
}

.menu-footer-nav-menu-container {
  display: none;
}

.footer .mega-toggle-blocks-left {
  top: 85px;
  position: relative;
}

.below-footer {
  display: block;
}

.copyright-and-reg {
  display: block;
}

.reg-details {
  margin-left: 0;
}

.copyright, .reg-details, .designed-by p {
  font-size: 12px;
  font-weight: 300;
}
.news_list {
  grid-template-columns: 1fr;
}

.designed-by {
  padding-bottom: 10px;
}

.category-container ul {
  grid-template-columns: 1fr !important;
  grid-gap:20px;
  justify-content: start;
  width: 100%;
}

.sub-list, .sub-list img {
  width: 100%;
  height: 160px;
  margin-right: 20px;
}

.sub-link {
  width: 100%;
}

.sub-header {
  width: 100%;
  font-size: 17px;
}

.category-hero p {
  width: 350px;
}

.category-hero {
  height: 460px;
}

.tnp-widget-minimal form {
  width: 345px !important
}

.category p {
  width: 340px;
}

.category-container {
  margin-top: 0px;
}

.product-container li{
  margin-bottom: 50px;
  margin-top:0px;
  width: 47%;
}
.product-container a{width: auto;}

.services.wrapper li:nth-child(odd){flex-direction: column-reverse;}
.services.wrapper li{flex-direction: column-reverse;}
.services.wrapper li>div{width: 100% !important;}
.services.wrapper li:nth-child(odd) {
  flex-direction: column-reverse;
  vertical-align: top;
}

section.top-trending.wrapper {
margin-top: 0%;
margin-bottom: 50px;
}

.trending-paints {
top: unset;
left: 0;
width: 100%;
}

.services .btn.bss-button {
 bottom:5%;
  margin-top:0px;
}

}

@media only screen and (min-width:469px) {
.mobileviewbutton{display: none;}
.color-overlay:hover {
  background: var(--green);
  opacity: 1;
  }
}

@media only screen and (max-width:468px) {

.menu-footer-nav-menu-containermenu-footer-nav-menu-container{display: none;}
  .category-hero .wrapper {
      max-width: calc(100% - 60px);
  }
section.prod-info{
  width: 100%;
}

.hero-container .btn.bss-button{
  position: unset;
  display: block;
  line-height: 0px;
  height: 0px;
  width: 87px !important;

}

.hero-container .wrapper {
  position: relative;
  top:unset;
}

.hero-text{
  position: unset;
  padding:10px 0px
}

.top-trending .text-container {
  width: 100%;
}

.pwb-brands-col3 div a img {
  width: 163px;
  height: 163px;  
}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
  width: 163px !important;
  height: 163px !important;
}

section.three-blocks.wrapper {
  margin-bottom: 50px;
  margin-top: 50px;
}

.category-hero {
  height: auto;
  flex-direction: column-reverse;
  display: flex;
  width: 100%;
}

.services .services-content {
  top: unset;
}

.search-mobile-icon {
  right: -115px;
  left: unset;
}

#searchform.visible {
  right: -140px;
}

.basket-icon {
  top: 0;
}

.image-and-text li>div{min-height: 260px;}

.category-hero, .services-hero {
  display:block;
  height: unset;
}

.history-container-image{
  background-size: 100% auto;
  min-height: 259px;
}

.hero-container{flex-direction: column-reverse;}
.hero-container img{width: 100%;}

.hero-wrapper {
  width: calc(100% - 30px);
  padding:30px 0px 0px 0;
  height:auto;
  display: block;
  margin-bottom: 40px;
  margin:0 auto 35px auto;
}
.services li img {
  height: auto;
}
.services li {
  margin: 0px 0;
}
.featured-product-price-container{
  flex-direction: column;
}
.category-hero p {
  transform: unset;
}

.services-content-container{padding:0;}

.hero-wrapper h1{
  margin:unset;
  margin-bottom: 10px;
}

.category-hero p, .services-hero p{
  margin:unset;
  height: unset;
}

.category-hero p{width: 100%;}
.hero-container .hero-text-panel {
  padding-top: 0px;
}

.featured-product {
width: calc(100% - 20px) !important;
}

.featured-product .image-container {
width: unset !important;
height: unset !important;
}

.banner {
  height: 75px;
}

.news-blogs-title,.news-blogs-posts span{
  color: black;
}

.woocommerce-breadcrumb {
line-height: 22px;
}

.read-time{margin-bottom: 10px;}

.news-blogs-posts{
  position: unset;
  padding-left:0px;
}

.services .service-image {
  min-height: 230px;
}

.mobileviewbutton{display: block;}

.text-container {
  top: 0;
  margin-bottom: 50px;
}
.col-one,.col-two{width: 100%;}

.shop_table_responsive{margin-bottom: 10px !important;}

.news-blogs-carousel{padding:0px;width:100% !important}

section.top-trending.wrapper {
display: block;
}

/* .services-content .btn.bss-button {
  top: 15rem;
} */

section.popular-container.wrapper {
  display: block !important;
}
section.services_carousel {
  margin-bottom: 0px !important;
}

.footer-nav-container ul{padding-left: 0px;}

.popular .btn.bss-button.featured-view-all  {
  top: 0;
}

.popular {
  position: unset;
  width: 100%;
}

.three-block-image {
  width: 100% !important;
  height: 235px;
}

.general-content-centered {
margin: 0px 0;
}

.popular, .news-blogs-content {
position: unset;
top: 0;
width: 100%;
margin-bottom: 50px;
}

.block-container {
  width:100% !important;
}

.tnp-widget-minimal input.tnp-email {
width: 80% !important;
}

.services .left-arrow.slick-arrow {
  left: unset;
  top: 21% !important;
  right:10%;
}

.services .right-arrow.slick-arrow {
  top: 14% !important;
  left: unset !important;
  right:10%;
}

.services_carousel {
  display: block;
}

.trending-paints{position: relative !important;}

.services-content img {
  transform: translate(21rem,-3.7rem);
  width: 80px !important;
  height: 80px !important;
}

.news-blogs-header {
  width: 100%;
  height: unset;
  margin-bottom: 20px;
}

.popular-header {
  width: 100%;
  height: unset;
  margin-bottom: 60px;
  margin-top:0px;
}

.news-left-arrow.slick-arrow {
  top: -85px;
  right: 16%;
  left: unset;
}

.news-content-container{margin-right: 0px;}

.news-right-arrow.slick-arrow {
  top:  -85px;
  right: 2%;
  left:unset;
}

.news-blogs-carousel .news-content-container {
  padding-right: 0px;
}

.three-blocks.wrapper .slick-dots{
  display: none;
}

.services_container {
  margin-bottom: 0px;
}

.tile {
  margin: auto;
  padding-bottom: 0px;
}

.history-details {
}

.services-content {
  margin-left: 0px;
  width: calc(100% - 60px) !important;
  margin:30px auto;
}

.services_carousel .news-container .slick-slide img {
  height: 40% !important;
}

.services .content-container img {
  width: 100%;
  max-height: 260px;
}


.single_add_to_cart_button.button.alt {
  width: 180px;
}

.product-layout {
  grid-template-columns: repeat(1, auto);
  overflow: hidden;
}

.menu-footer-nav-menu-container, .footer-address, .footer-text {
  visibility: hidden;
}

.footer-nav-container {
  display: block;
}

.col-right > div:nth-child(2) {
  height: 0;
  margin-top: 0;
}
.news-content-container{
  padding-right: 0px;
  margin-bottom: 20px;
}
.blog-container, .blog_content_container
{
  margin-top: 0px;
}
}