/* ------Header Styles------ */
header{
    border-bottom: 1px solid #dddddd;
}

header section.search .search-form .form-group input {
    border-color: #fff;
    border-bottom-color: #dcdcdc;
    padding-top:20px;
    padding-bottom:20px;
}
.relsearch button i {
    color: #dcdcdc;
}
.toolbar .cart-btn > .btn {
    background: #aaa;
}
.toolbar .cart-btn a i {
    color: #fff;
}
body{
  color: #000;
}
/* ------ Footer Styles-------- */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5{
    color:#29b2c4;
}
footer{
   padding-bottom: 15px;
}

footer .footersection-1{
    padding-bottom: 50px;
}
footer a{
   color: #386eaf
}
footer a:hover{
   color: #1cb5fc;
  text-decoration : none;
}
.subscr-widget{
  background-image:url(https://eu.evocdn.io/dealer/1396/content/media/My_Banners/newsletter_signup/low-cost-office-newsletter-signup.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.subscr-widget h2, .subscr-widget .p-style3, .subscr-widget .p-style2{
    color:#fff
}
.menu{
  width:100%;
  display:none;
} 
.menu .catalog {
    text-align: center;
}
.menu .catalog-block {
    background: #eeeeee;
}

.menu .catalog-block .submenucontainer{
  background: #fcfcfc;
border: 1px solid #29b2c4;
}
.menu .catalog li:hover {
    background-color: #29b2c4;
}
.menu .catalog li:hover a{
    color: #fff;
}
.menu ul.catalog > li > a{
    color: #4b4b4b;
border-right: 1px solid #cccccc;
}

.menu .catalog li {
    padding: 0px;
}
.menu ul.catalog > li.has-submenu > a:after {
    font-family: FontAwesome;
    content: '\f105';
    display: inline;
    margin-left: 5px;
    color: #29b2c4;
    font-weight:bold;
    font-size: 15px;
}
.menu ul.catalog > li.has-submenu:hover > a:after {
    color: #fff;
}
.menu .catalog > li.has-submenu.open .submenu{
  display:block;
}
.menu .catalog > li.has-submenu.short-menu .submenu div[style].submenucontainer {
  height:250px !important;
}
.menu .catalog > li.has-submenu.long-menu .submenu div[style].submenucontainer {
  height:600px !important;
}
.menu.expanded .catalog .submenu .submenucontainer li > a{
  color: #666;
  font-weight: normal;
}
.menu.expanded .catalog .submenu .submenucontainer li.active > a{
     color: #000;
     font-weight: bold;
}
.menu .catalog .submenu .submenucontainer li > a:hover{
 text-decoration: underline;
  color: #29b2c4;
}
.menu .catalog .submenu .submenucontainer li.has-submenu > a{
  color: #29b2c4;
}
.menu .catalog .submenu .submenucontainer li.has-submenu > a:hover{
  text-decoration:none;
  color: #1f8693;
}
.menu.expanded .catalog .submenu .submenucontainer .has-submenu ul {
    max-height:150px;
    overflow:hidden;
}
.menu .catalog li .submenu li{
    padding-right: 0px;
}
.menu.expanded .catalog .submenu li.has-submenu{
  margin-bottom: 0px;
}
.menu.expanded .catalog > li > ul.submenu > div > li {
    width: 17%;
}

.out-stock {
    color: #e73b36;
}

.in-stock {
    color: #007740;
}
.catalog-grid .catalog-name{
   margin-bottom:15px;
}
.product-sku {
    font-size: 1rem;
    color: #9e9e9e;
}

/* ------Most Popular Marketing Container ------ */
.most-popular .brand-label, 
.most-popular .indicators-grid, 
.most-popular .product-sku, 
.most-popular .product-category, 
.most-popular.catalog-grid .tile .footer span.uom.uomblock,
.most-popular .addtoquicklist-wrapper,
.most-popular .product-compare-action  {
   display:none;
}

/* reverse price and incl vat */
span.price-label-inc-vat.with-value {
    display: flex !important;
    flex-direction: row-reverse;
}
/* add some space between the price and incl vat text */
span.price-label-inc-vat.with-value .has-vat-price {
    margin-right: 5px;
}
/* center align in the product page */
.softgraybackground span.price-label-inc-vat.with-value {
    justify-content: center;
}
/* align to the left in grids */
.has-carousel span.price-label-inc-vat.with-value,
.tileparent span.price-label-inc-vat.with-value {
    justify-content: flex-end;
}




/* This is needed for Google Feeds to work */
.price-label.has-price::after,
.price > .has-price::after,
.price.has-price::after {
   content: ' excl VAT';
   font-size: 14px;
}
.product.non-taxable .price-label.has-price::after,
.product.non-taxable .price > .has-price::after,
.product.non-taxable .price.has-price::after {
   content: ' incl VAT';
   font-size: 14px;
}


/*
.most-popular.catalog-grid .tile .footer .footer-wrapper{
 min-height: 150px;
}
.most-popular.catalog-grid .tile .price-label {
    position: absolute;
    bottom: 40px;
}
.most-popular.catalog-grid .tile .product-price-rrp{
    position: absolute;
    bottom: 0px;
}
*/
/*  Hide default inventory display - replaced via script */
/*.showproductlocations, .catalog-grid .tile .footer a.showproductlocations{
display: none
}*/

/* Top Brands Styling */
.category-item {
}
.category-item img {
  transition: transform 0.3s;
}
.category-item img:hover {
  transform: scale(1.1);
}
.category-item p {
  margin-top: 10px;
  font-size: 19px;
  font-weight: bold;
  color: #333;
}

/* Homepage USP Icon Styling */

.features-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            margin: 0 auto;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            padding: 15px;
            border-right: 1px solid #e0e0e0;
            flex-grow: 1;
            min-width: 200px;
            text-decoration: none; /* Remove underline from links */
            color: inherit; /* Inherit text color */
        }

        .feature-item:last-child {
            border-right: none;
        }

        .feature-icon {
            font-size: 40px;
            margin-right: 15px;
            color: #29b2c4; /* Icon color */
            transition: transform 0.2s;
        }

        .feature-item:hover .feature-icon {
            transform: scale(1.1); /* Slight zoom on hover */
        }

        .feature-text h4 {
            margin: 0;
            font-size: 20px;
            color: #29b2c4; /* Dark blue for titles */
        }

        .feature-text p {
            margin: 0;
            font-size: 20px;
            color: #666;
        }

        @media (max-width: 768px) {
            .features-container {
                flex-direction: column;
                align-items: stretch;
            }

            .feature-item {
                border-right: none;
                border-bottom: 1px solid #e0e0e0;
            }

            .feature-item:last-child {
                border-bottom: none;
            }
          
  /* Homepage Titles Styling */
    .section-header {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0;
            font-family: Arial, sans-serif;
        }

        .section-header:before,
        .section-header:after {
            content: "";
            flex: 1;
            border-bottom: 2px solid #00a5b5; /* Change color to match the lines */
            margin: 0 15px;
        }

        .section-header h2 {
            font-size: 1.8em;
            color: #00a5b5; /* Text color */
            font-weight: bold;
            text-align: center;
            white-space: nowrap; /* Keeps the text on a single line */
        }

        @media (max-width: 768px) {
            .section-header h2 {
                font-size: 1.5em; /* Adjust the font size for smaller screens */
            }
        }

        @media (max-width: 480px) {
            .section-header h2 {
                font-size: 1.2em; /* Further adjust the font size for very small screens */
            }
        }
          
          
          
          
 /* start of video */

.tagline {
    z-index: 20;
}
.tagline:first-child {
    height: 54vh;
    min-width: 250px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   display: -webkit-box; 
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
section#section-top {
    height: auto;
    overflow:hidden;
}
.video-filter {
    z-index: 0;
    background-color: #2d364157;
    width: 768px;
    height: auto;
    position: absolute;
     left: 0;
}
.bgvid-c {
    height: auto;
    width: auto;
    overflow: hidden;
    position: absolute;
    object-fit: fill;

}
#bgvid {
    
  display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: auto;
    position: absolute;
}
#section-top h1 {
    color: #fff;
}
.img-icon {
    width: auto;
    margin-top: auto;
    margin-left: auto;
}
.btn-white {
    background: transparent;
    border: 1px white solid;
    color: white;
}
.btn-white:hover {
    background: rgba(255, 255, 255, 0.37);
    color: white;
}
#section-top .btn-primary {
    border: 1px solid;
    border-color: white;
}
@media only screen and (min-width: 1501px) {

    #bgvid {
    bottom: 50%;
}

    }

@media only screen and (max-width: 1500px) and (min-width: 1220px) {

    #bgvid {
    bottom: 32%;
}

    }

@media only screen and (max-width: 992px) {
    #section-top h1 {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 23px;
    padding: 12px 30px;
}

}

@media only screen and (max-width: 600px) {
  h1 #section-top  {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 14px;
    padding: 10px 15px;
}

}

/* end of video */