.loading-mask {
	display: none;
}



/* =============================================================================
   Manufacturer Catagory Logo
   ========================================================================== */
.price-excluding-tax.teer {color:#0088cc;} 

.catalog-category-view .category-description {
		min-height: 150px;
	}

.catalog-category-view .category-description img.manufacturer-category-logo {
	width: 250px;
    	height: 150px;
    	float: right;
}

.category-description h1 { 
	font-weight: 600;
	color: #2c264b;
	margin-bottom:10px;
	font-size: 35px;	
}

.category-description p {font-size:14px;font-weight:600;}

/* =============================================================================
   Product Page - Manufacturer Logo and the h1 and extended description
   ========================================================================== */

.manufacturer-img-box {
	position:relative;
	float:right;
}
img.product-manufacturer-image {
	padding:2px;
	width:75%;
	height:auto;
	float:right;
}

.product-info-main .page-title-wrapper h1 {
    font-weight: 600;
	color: #2c264b;
}

.desc-block {padding:15px;border:1px solid #f5f5f5}
.desc-block h3 {text-transform:uppercase;font-size:16px;color:#08c}

/* =============================================================================
   Category Page - Manufacturer Logo
   ========================================================================== */

.manupagelogo {
	float:right;
	width:166px;
	height:63px;
}

/* =============================================================================
   Icons on product pages
   ========================================================================== */

.producticons {
	margin:5px 0px;
	text-align:center;
}
.producticons img {
	/*-	margin:1px; -*/
	border-radius: 9px;
/*-	filter: grayscale(0.5);   -*/
	padding-bottom:2px;
}


/* =============================================================================
   Product Page - Related Title
   ========================================================================== */
.block.related .title {
    background: url(../images/slider-bar.png) right no-repeat;
}

.block.related .title strong {
    font-size: 16px;
    text-transform: uppercase;
    background-color: #fff;
    padding: 0;
    padding-right: 20px;
}

/* =============================================================================
   Product Page - Pre Order Stuff
   ========================================================================== */

.page-product-configurable .stock.available .label.ampreorder-observed {
   display:none;
}

.catalog-product-view .stock.available span.ampreorder-observed {
/*     font-size: 1.8rem; */
/*     font-weight: 700; */
}

.tooltippreorder {
    position: relative;
    display: inline-block;
/*    border-bottom: 1px dotted black; */
}

.stock-preorder-message {
    padding: 2px 7px;
    border: 1px solid #00a66e;
    border-color: grey;
    font-weight: 400;
    color: grey;
    margin-bottom: 5px;
    line-height: 25px;
}

#preorder-icon {
    color: #000;
  position: relative;
  display: inline-block;
}

#preorder-icon .tooltippreordertext {
    visibility: hidden;
    width: 150px;
    background-color: #FFFFA5;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    margin-bottom: 20px;
    opacity: 0;
    transition: opacity 0.3s;
}

#preorder-icon .tooltippreordertext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

#preorder-icon:hover .tooltippreordertext {
  visibility: visible;
  opacity: 1;
}

/* =============================================================================
   Home Page - Carousel of Products
   ========================================================================== */
/* Align the height */

.cms-index-index .product-items.owl-carousel .product-item-name {
    min-height: 60px;
}

/* =============================================================================
   All Pages - Carousel of Products
   ========================================================================== */

.product-items.owl-carousel .item.product.product-item {
    width: auto;
    float: none;
    padding:10px;
}

/* =============================================================================
   Category Page - Carousel of Products
   ========================================================================== */

/* Align the height */

.catalog-category-view .product-items.owl-carousel .product-item-name {
    min-height: 60px;
}

/* =============================================================================
   Catalogue Search Result Page - Carousel of Products
   ========================================================================== */

.catalogsearch-result-index.page-layout-2columns-left .products-grid .product-item .product-item-details .product-item-name {

    min-height: 90px;
}

/* =============================================================================
   Product Page - List bullet points
   ========================================================================== */


.product.attribute.description .value li {
    display: list-item;
    list-style-type: disc!important;
	line-height:15px!important;
}

.products-grid .product-item .product-item-details .product-item-name {
    white-space: wrap;
    min-height: 60px;
}

.products-grid .product-item .product-item-details .product-item-description {
    /* min-height: 100px; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: calc(4.8rem);
    overflow: hidden;
    line-height: 1.2;
    font-size:13px;
}

.compat {
    text-align: center;
    font-family: Open Sans;
    padding: 10px;
    border: 1px solid #333;
    background-color: #f9f3f3;
    margin-bottom:19px;
}


/* Category and Product Pages */

.cat-prod-background, .cat-prod-adj-nav-slider-bg, .cat-prod-slider-bg, .cat-prod-adj-nav-checkbox, .cat-pro-close, .cat-prod-close-hover, .cat-prod-search,
.cat-prod-attention, .cat-prod-chart, .cat-prod-connected, .cat-prod-delivery, .cat-prod-pdf, .cat-prod-return,
.cat-prod-powersupplyunit, .cat-prod-slider-btn-zoom-in, .cat-prod-slider-btn-zoom-out, .cat-prod-arrows, .cat-prod-bkg-rating,
.cat-prod-cat-close, .cat-prod-cat-open, .cat-prod-magnifier-handle, .cat-prod-adj-nav-slider-hadle, .cat-prod-i-asc-arrow,
.cat-prod-i-desc-arrow, .cat-prod-pager-arrow-left, .cat-prod-pager-arrow-left-end, .cat-prod-pager-arrow-right, .cat-prod-pager-arrow-right-end, .cat-prod-bkg-tabs, .cat-prod-info, .cat-prod-1, .cat-prod-rating, .cat-prod-link-seperator, .cat-prod-bullet
{ display: inline-block; background: url('/media/sprite/cat-prod-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.cat-prod-background { background-position: -20px -0px; width: 974px; height: 4px; }
.cat-prod-adj-nav-slider-bg { background-position: -248px -24px; width: 208px; height: 2px; }
.cat-prod-slider-bg { background-position: -248px -24px; width: 208px; height: 2px; }
.cat-prod-adj-nav-checkbox { background-position: -476px -24px; width: 80px; height: 80px; }
.cat-pro-close { background-position: -618px -24px; width: 12px; height: 12px; }
.cat-pro-close-hover {background-position: -618px -44px; width: 12px; height: 12px; }
.cat-prod-search { background-position: -576px -24px; width: 22px; height: 22px; }
.cat-prod-attention { background-position: -618px -24px; width: 20px; height: 20px; }
.cat-prod-chart { background-position: -657px -24px; width: 20px; height: 20px; }
.cat-prod-connected { background-position: -698px -24px; width: 20px; height: 20px; }
.cat-prod-delivery { background-position: -738px -24px; width: 20px; height: 20px; }
.cat-prod-pdf { background-position: -778px -24px; width: 20px; height: 21px; }
.cat-prod-return { background-position: -823px -241px; width: 20px; height: 20px; }
.cat-prod-powersupplyunit { background-position: -818px -24px; width: 20px; height: 20px; }
.cat-prod-slider-btn-zoom-in { background-position: -858px -24px; width: 20px; height: 18px; }
.cat-prod-slider-btn-zoom-out { background-position: -898px -24px; width: 20px; height: 18px; }
.cat-prod-arrows { background-position: -938px -24px; width: 15px; height: 50px; }
/* .cat-prod-bkg-rating { background-position: -20px -46px; width: 14px; height: 213px; } */
.cat-prod-bkg-rating { 
  background: url('/media/sprite/cat-prod-sprite.png') 0 0 repeat-x;
  background-position: -1014px -49px;
  text-indent: -999em;
  width: 69px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;}
.cat-prod-bkg-rating .rating {
  float: left;
  height: 13px;
  background: url('/media/sprite/cat-prod-sprite.png') 0 100% repeat-x;
  background-position: -1014px -249px;
}
.cat-prod-cat-close { background-position: -54px -46px; width: 12px; height: 12px; }
.cat-prod-cat-open { background-position: -86px -46px; width: 12px; height: 12px; }
.cat-prod-magnifier-handle { background-position: -118px -46px; width: 9px; height: 22px; }
.cat-prod-adj-nav-slider-hadle { background-position: -147px -46px; width: 8px; height: 14px; }
.cat-prod-i-asc-arrow { background-position: -175px -46px; width: 7px; height: 10px; }
.cat-prod-i-desc-arrow { background-position: -202px -46px; width: 7px; height: 10px; }
.cat-prod-pager-arrow-left { background-position: -229px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-left-end { background-position: -255px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-right { background-position: -281px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-right-end { background-position: -307px -46px; width: 6px; height: 7px; }
.cat-prod-bkg-tabs { background-position: -973px -24px; width: 1px; height: 24px; }
.cat-prod-info { background-position: -674px -134px; width: 30px; height: 30px; }
.cat-prod-1 { background-position: -600px -140px; width: 5px; height: 5px; }
.cat-prod-rating { background-position: -618px -140px; width: 18px; height: 13px; }
.cat-prod-link-seperator { background-position: -600px -140px; width: 1px; height: 10px; }
.cat-prod-bullet { background-position: -658px -141px; width: 17px; height: 17px; }

/**************************************/
/* table-container - Makes it scroll  */
/**************************************/
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

/* =============================================================================
   Table Styling for matrix
   ========================================================================== */
   
/* USED on Tables in Buyers Guides */
.rounded-matrix {
   	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   	font-size: 12px;
   	margin: 10px;
   	width: 95%;
/*   	text-align: left; */
   	border-collapse: collapse;
}
.rounded-matrix thead th.rounded-top-left {
   	background: #b9c9fe url('/media/porto/web/images/matrix/left.png') left -1px no-repeat;
}
.rounded-matrix thead th.rounded-top-right {
	background: #b9c9fe url('/media/porto/web/images/matrix/right.png') right -1px no-repeat;
}
.rounded-matrix th {
   	padding: 8px;
   	font-weight: normal;
   	font-size: 13px;
   	color: #039;
   	background: #b9c9fe;
	text-align:center;
	vertical-align:middle;
}
.rounded-matrix td {
   	padding: 8px;
   	background: #e8edff;
   	border-top: 1px solid #fff;
   	color: #669;
	text-align:center;
	vertical-align:middle;
}
.rounded-matrix tfoot td.rounded-foot-left {
   	background: #e8edff url('/media/porto/web/images/matrix/botleft.png') left bottom no-repeat;
}
.rounded-matrix tfoot td.rounded-foot-right {
   	background: #e8edff url('/media/porto/web/images/matrix/botright.png') right bottom no-repeat;
}
.rounded-matrix tbody tr:hover td {
   	background: #d0dafd;
}

/* =============================================================================
   Buy-back CMS Page - banner img
   ========================================================================== */
.buy-back-cms { 
    height: 250px;
    width: 800px;
    background-repeat: no-repeat;
    color: #fff;
    padding: 20px;
}

.buy-back-cms p {
    font-weight: 300;
    max-width: 55%;
    font-size: 19px;
    line-height: 1.5;
}

.buy-back-cms h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 1.90;
}

/* =============================================================================
   Glossary o Terms CMS Page - remove sticky
   ========================================================================== */
.cms-glossary-of-telephone-terms header.page-header.sticky-header .nav-sections {
    display: none;
}
/* =============================================================================
   Product Page - Sidebar 
   ========================================================================== */
.plai em {
    font-size: 30px;
    color: #123456;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #123456;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.plai a {text-decoration:none;}

/* =============================================================================
   Product Page - Upsell and related 
   ========================================================================== */

.products-upsell .product.name a {
    white-space: unset;
}

/* =============================================================================
   Category Page - Short Snippet Code
   ========================================================================== */

.catalog-category-view #layer-product-list .product-item-description {
/*   color:#000; */
/*   font-size: smaller; */

/*   text-align: left; */
/*   min-height:90px; */
}

.catalog-category-view #layer-product-list .product-item-name {
   min-height:63px;
}

/* =============================================================================
   Catalog Search Result - Short Snippet Code
   ========================================================================== */

.catalogsearch-result-index #layer-product-list .product-item-description {
/*   color:#000; */
/*   font-size: smaller; */
/*   text-align: left; */
/*   min-height:90px; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: calc(4.8rem);
    overflow: hidden;
    line-height: 1.2;
}

.catalogsearch-result-index #layer-product-list .product-item-name {
   min-height:63px;
}

/* =============================================================================
   Category Page - Review snippet
   ========================================================================== */
.product-item .product-reviews-summary .reviews-actions {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-top: 0;
    line-height: 16px;
}

/* =============================================================================
   Product Page - Padding
   ========================================================================== */
   
.catalog-product-view .page-main {
    padding-bottom: 5px;
}

.catalog-product-view .columns .column.main {
    padding-bottom: 5px;
}
/* =============================================================================
   Product Page - Warranty
   ========================================================================== */

.wazza {
    width: 55%;
    margin: 0px auto 0px auto;
}
/* =============================================================================
   Product Page - Marketing
   ========================================================================== */
.marketing
 {
	width: 80%;
    margin: 0px auto 0px auto;
}
/* =============================================================================
   Product Page - Add to links
   ========================================================================== */
.moved-add-to-links {
    vertical-align: unset;
}

/* =============================================================================
   Category Page - Remove QTY from Category in sidebar
   ========================================================================== */
.catalog-category-view .options .items .item .count {
    display:none;
}
/* =============================================================================
   Product Page Tabs
   ========================================================================== */
a#tab-label {color: #000;}
a#tab-label  {color: #000;}
/* =============================================================================
   Product Page Tabs
   ========================================================================== */
.product.data.items>.item.title>.switch {
 color:unset;
}
/* =============================================================================
   All Pages Header
   ========================================================================== */
.page-header.type2 .custom-block span.calltoaction {
    line-height: 20px;
    color:#123456;
    font-weight:600;
}
.page-header.type2 .custom-block span.phone {
    height: 50px;
    line-height: 20px;
    position: unset;
    top: 50%;
    right: 60px;
    margin-top: -20px;
    font-size: 27px;
}



/* =============================================================================
   Product Page - Add to compare
   ========================================================================== */
.action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare {
	border: unset;
	width: 100%;
}
.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    content: unset;
}
.product-addto-links .action span, .moved-add-to-links .action span, .product-social-links .action span {
    display: block;
}
/* =============================================================================
   Offers Page - Carousel Titles
   ========================================================================== */

.catalog-product-view .main-product-detail .table-container th, .catalog-product-view .main-product-detail .table-container td {
    padding: 0px;
}
/* =============================================================================
   Product Page - Make sure tables have no padding
   ========================================================================== */

.owl-bottom-narrow p.carousel-title {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
}

/* =============================================================================
   Product Page - Various
   ========================================================================== */

div.overview>div {
    font-size: 14px;
}

.product.description ul {
    line-height: unset;
}

.rating-summary .rating-result>span:before, .review-control-vote label:before {
    color: #00b67a!important;
}

.rating-summary .rating-result>span:after {

    color: #fff!important;
}

.product-reviews-summary .reviews-actions a {
    color: #2b2b2b;
}

/* =============================================================================
   All Page - Cookie
   ========================================================================== */
.message.global.cookie .actions {
    float: right;
    margin-right:50px;
}

/* =============================================================================
   Various
   ========================================================================== */

.product-info-price .price-box .price-container .price-including-tax .price {
    color: #2b2b2b;
}

.product-info-price .price-box .price-container .price-including-tax::before {
   font-size: 1.4rem; 
   content: attr(data-label) ': ';
   font-weight: normal;
}

header.page-header.sticky-header .navigation li.level0>.level-top {
/*    padding: 0 10px; */
}
.data a {color:#000}

.products-upsell .product.name a {
    white-space: unset;
}


/* =============================================================================
   Various Pages - Removing Price from various pages
   ========================================================================== */

.catalog-product-view .products-upsell .price-box .price-including-tax .price {
    font-size: 1.1rem;
}

.catalog-product-view .products-upsell .price-box .price-including-tax::before {
    font-size: 1.1rem;
}

.catalog-product-view .products-upsell .price-box .price-excluding-tax .price {
    font-size: 18px;
}

.catalog-product-view .products-upsell .price-box .price-excluding-tax::before {
    font-size: 14px;
}

.catalog-product-view .product-info-price .price-box .price-container .price-including-tax .price {
    font-size: 22px;
    font-weight: 400;
}

.catalog-product-view .product-info-price .price-including-tax::before {
    font-size: 1.2rem;
    font-weight: 700;
}

.catalog-product-view .product-info-price .price-box .price-container .price-excluding-tax .price {
    font-size: 24px;
    line-height: 36px;
        font-weight: 700;
        color:#0088cc;
}

.catalog-product-view .product-info-price .price-excluding-tax::before {
    font-size: 1.3rem;
    line-height: 24px;
}

.page-layout-2columns-left .product-item .price-box .price-container .price-including-tax .price {
    font-size: 1.1rem;
}

.page-layout-2columns-left .product-item .price-box .price-container .price-including-tax::before {
    font-size: 1.1rem;
}

.page-layout-2columns-left .product-item .price-box .price-container .price-excluding-tax .price {
    font-size: 18px;
}

.page-layout-2columns-left .product-item .price-box .price-container .price-excluding-tax::before {
    font-size: 18px;
}

.page-layout-1column .product-items .price-box .price-container .price-including-tax .price {
   font-size: 1.1rem;
}

.page-layout-1column .product-items .price-box .price-container .price-including-tax::before {
   font-size: 1.1rem;
}

.page-layout-1column .product-items .price-box .price-container .price-excluding-tax .price {
    font-size: 18px;
}

.page-layout-1column .product-items .price-box .price-container .price-excluding-tax::before {
    font-size: 18px;
}

.page-layout-2columns-right .product-item .price-box .price-container .price-including-tax .price {
    font-size: 1.1rem;
}

.page-layout-2columns-right .product-item .price-box .price-container .price-including-tax::before {
    font-size: 1.1rem;
}

.page-layout-2columns-right .product-item .price-box .price-container .price-excluding-tax .price {
    font-size: 18px;
}

.page-layout-2columns-right .product-item .price-box .price-container .price-excluding-tax::before {
    font-size: 18px;
}

.cms-page-view .product-item .price-box .price-container .price-including-tax .price {
    font-size: 1.1rem;
}

.cms-page-view .product-item .price-box .price-container .price-including-tax::before {
    font-size: 1.1rem;
}

.cms-page-view .product-item .price-box .price-container .price-excluding-tax .price {
    font-size: 18px;
}

.cms-page-view .product-item .price-box .price-container .price-excluding-tax::before {
    font-size: 18px;
}

.catalog-product-view .products-upsell .price-box .price-including-tax .price {
    font-size: 1.1rem;
}

.catalog-product-view .product-info-price .price-box .price-container .price-including-tax .price {
/*    display:none; */
}

.page-layout-2columns-left .product-item .price-box .price-container .price-including-tax .price {
    display:none;
}

.page-layout-1column .product-items .price-box .price-container .price-including-tax .price {
    display:none;
}

.page-layout-2columns-right .product-item .price-box .price-container .price-including-tax .price {
    display:none;
}

.cms-page-view .product-item .price-box .price-container .price-including-tax .price {
    display:none;
}


/* =============================================================================
   Check Out Page - Delivery Price Size
   ========================================================================== */

/* amasty one page checkout */
.page-layout-checkout .table-checkout-shipping-method .price .price {
    font-weight: 700;
    font-size:1.8rem;
}
/* magento one page checkout */
.checkout-index-index .table-checkout-shipping-method .price .price {
    font-weight: 700;
    font-size:1.1rem;
}

/* lining up of delivery images */
.checkout-index-index .table-checkout-shipping-method .col.col-method img {
    padding: 0px 20px 0px 20px;
}



/* =============================================================================
   CMS Page - Carousel Buttons
   ========================================================================== */

.cms-page-view .owl-bottom-narrow .owl-controls {
    bottom: 0px;
}


/* =============================================================================
   All Pages - Sidebar Wrap
   ========================================================================== */

#cart-sidebar-reorder .product-item-name a {
    white-space: normal;
}

/* =============================================================================
   Check Out Page - Del warning
   ========================================================================== */

.covid19 {
	padding: 10px;
	display: block;
	font-size: 1.3rem;
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	background-color: #800049;
	text-transform: uppercase;
	font-weight: 600;
}

.cherry {
	padding: 10px;
	display: block;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	background-color: #800049;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom:15px;
	font-family:'Open Sans';
	line-height:0.3;
}

.cherry a {color:#fff600;}

/* =============================================================================
   foot links
   ========================================================================== */
.footer-middle ul.flinks li {
    position: relative;
    padding: 5px 0;
    line-height: 1;
    display: block;
    margin: 0;
    list-style: none;
}
ul.flinks {list-style: none;}



/* =============================================================================
   Product Page - Video
   ========================================================================== */
.video-link {
	z-index: 999;
	position: relative;
	padding: 8px;
	font-weight: 800;
}


}
.catalog-product-view .productvideo {
	
}

.catalog-product-view .productvideo .productvideo-txt {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .005em;
	line-height: 27px;
}

.catalog-product-view .productvideo .productvideo-src {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.productvideo-src iframe, .productvideo-src object, .productvideo-src embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/* =============================================================================
   Product Page - Blog
   ========================================================================== */

.catalog-product-view .productbloglink {
	
}

.catalog-product-view .productbloglink .blog-link {
	
}

.catalog-product-view .productbloglink .blog-link-text {
	color:#000;
	font-weight:bold;
}

/* =============================================================================
   From Custom CSS
   ========================================================================== */
ul.dropdown {line-height:200%}
.dropdown {font-weight:600; background-color:#005177;padding:3px;border-radius:5px;display:inline-block;margin:3px;}
.catbut {font-size: 12px;letter-spacing: 0.05em; padding: 5px; border-radius: 3px; background-color: #0088cc; float: left; line-height: 14px; margin-top: 5px;}
.catbut a,catbut a:visited {color:#ffffff;}
.nicebut {font-size: 12px;letter-spacing: 0.05em; padding: 5px; border-radius: 3px; background-color: #FF9200; line-height: 14px; margin-top: 7px;display:inline-block;}
.nicebut a,nicebut a:visited {color:#ffffff;}
.catpage h2 {font-weight:600; font-size:16px;margin:5px;}
.intfotxt p {font-size:24px;}
.intfotxt h2 {font-size:36px;}
.select {width:50%;}


.sidebar .custom-block.custom-block-1>div em {
    font-size: 30px;
    color: #000;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #bbb;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.fotorama__caption__wrap {display:none;}
/*-removing text from main prod images-*/
.count sidebar-main {display:none;}
/*-removing counts in cat block-*/
/*----padding on subcat side------*/
.block-category-list {margin-bottom:10px;}

/*-refurb-block-*/
.refurbished {padding:50px;width:100%;background-color:#005b00;background-image: linear-gradient(90deg, #005a00, #08b308);color:#fff;font-size:26px;font-weight:600;text-align:center;}
.manufacturerpdfimages img {margin-bottom:15px;}


/*-custom buttons-*/

.b4buto {
  height:40px;
  font-size:22px;
  line-height:40px;
  color:#ffffff;
  display:inline-block;
  margin:4px auto 0;
  padding:0 20px;
  font-weight:700;
  max-width:500px;
  background:#f75803;
  border-radius:18px;
  border:none;
  text-align:center;
  cursor:pointer;
  position:relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
    
.b4buto:hover {
  background-color:#f75808;
  text-decoration:none;
  color:#ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.b4buto:active {
  background-color:#f75803;
  text-decoration:none;
  color:#ffffff;
}

.b4buto a {color:#fff}


.greenbutton {
  height:40px;
  font-size:22px;
  line-height:40px;
  color:#ffffff;
  display:inline-block;
  margin:4px auto 0;
  padding:0 20px;
  font-weight:700;
  max-width:500px;
  background:#23a332;
  border-radius:18px;
  border:none;
  text-align:center;
  cursor:pointer;
  position:relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
    
.greenbutton:hover {
  background-color:#1d8b2a;
  text-decoration:none;
  color:#ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.greenbutton:active {
  background-color:#2ab03a;
  text-decoration:none;
  color:#ffffff;
}

.greenbutton a {color:#fff;text-decoration:none;}

.b4but {
  height:40px;
  font-size:22px;
  line-height:40px;
  color:#ffffff;
  display:inline-block;
  margin:4px auto 0;
  padding:0 20px;
  font-weight:700;
  max-width:500px;
  background:#107fa8;
  border-radius:18px;
  border:none;
  text-align:center;
  cursor:pointer;
  position:relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
    
.b4but:hover {
  background-color:#136f99;
  text-decoration:none;
  color:#ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.b4but:active {
  background-color:#107fa8;
  text-decoration:none;
  color:#ffffff;
}

.b4but a {color:#fff}

.b4buts {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    display: inline-block;
    margin: 4px auto 0;
    padding: 0 15px;
    font-weight: 700;
    max-width: 500px;
    background: #123456;
    border-radius: 18px;
    border: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    }
    
.b4buts a {color:#fff}

.b4buts:hover {
  background-color:#136f99;
  text-decoration:none;
  color:#ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.b4buts:active {
  background-color:#107fa8;
  text-decoration:none;
  color:#ffffff;
}

.dashbut {
	font-size: 14px;
    color: #000;
    display: inline-block;
    margin: 4px auto 0;
    padding: 0 30px;
    font-weight: 700;
    max-width: 500px;
    background: #fd8509;
    border-radius: 8px;
    border: 2px solid #000000;
    text-align: center;
    cursor: pointer;
    position: relative;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    }
    
.dashbut a {color:#000}

.dashbut:hover {
  background-color:#d6d6d6;
  text-decoration:none;
  color:#ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.dashbut:active {
  background-color:#c6c6c6;
  text-decoration:none;
  color:#ffffff;
}
 /*- wtf .base {font-size:33px;} -*/

hr.fader {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.short-description-usp{
  font-size: 1.2em;
  width:95%;
  margin:10px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.0em 30px 1.0em 75px;
  border-left:8px solid #ffac00 ;
  position: relative;
  background:#fffbed;
}

.short-description-usp::before{
  font-family:Arial;
  content: "\201C";
  color:#ffac00;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:33px;
}

.short-description-usp::after{
  content: '';
}

.menu-left-block a {font-weight:600;}
a#tab-label {color: #000;}
a#tab-label  {color: #000;}

/*-header colour transform-*/
.message.glowbal.demo {

	padding: 10px 2px 2px 5px;
	display: block;
	font-size: 1.3rem;
	background: #008080;
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	background-color: #008080;
	animation-name: allagi;
	animation-duration: 4s;
}
@keyframes allagi {
  from {background-color: #008080;}
  to {background-color: #eb8308;}
}
/*-header colour transform-*/


.products-grid .product-item-details .product-item-actions .tocart {
    color: #fbfbfb;
    background-color: #08c;
    border-color: #ccc;
}
.product-item-info .product-item-details .product-item-actions .tocart {
    height: 50px;
}

.fever {
padding:25px;
border:15px solid #f7f6f6;
background-color: #cef4fb;
border-radius: 8px;
margin-bottom:15px;
background-image: url(https://www.best4systems.co.uk/media/_images/camera.png);
background-repeat: no-repeat;
background-position: right;
}

.ombre {
	padding: 15px;
	background-color: #fbfbfb;
	border-radius: 8px;
	margin: 16px;
	box-shadow:  6px 6px 12px #bebebe,
             -6px -6px 12px #ffffff;
}    
.lombre {
	padding: 5px;
	background-color: #fbfbfb;
	border-radius: 4px;
	margin: 10px;
	box-shadow:  6px 6px 12px #bebebe,
             -6px -6px 12px #ffffff;
	text-align:center;
}   

.lombre h2 {margin-bottom: 10px;font-size: 18px;font-family: 'Oswald';margin-top:0px;}

.lombre {
     transition: all 0.3s;
     margin-bottom: 30px;
     text-align:center;
   }
   .lombre:hover {
     box-shadow: 0 8px 35px -10px rgba(0, 0, 0, 0.3);
   }
  .nice-blocks {
     padding-bottom: 30px;
   }
   .nice-blocks .item {
     transition: all 0.3s;
     margin-bottom: 30px;
     text-align:center;
   }
   .nice-blocks .item:hover {
     box-shadow: 0 8px 35px -10px rgba(0, 0, 0, 0.3);
   }
   .nice-blocks .item .content {
     background-color: #fff;
     padding: 10px;
   }
   .nice-blocks .item .content h3 {
     font-family: 'Oswald';
     font-size: 18px;
     line-height: 24px;
     letter-spacing: 0.05em;
     text-transform: uppercase;
     color: #111111;
     font-weight: 400;
     padding: 18px 0 8px;
     margin: 0 0 5px;
   }
   .nice-blocks .item .content span {
     font-size: 13px;
     line-height: 24px;
     color: #7b7f83;
     padding-bottom: 28px;
     display: block;
   }
   
   /* =============================================================================
      From Custom CSS ^^^
   ========================================================================== */
   
   /*----del page---*/
   
   @media (max-width: 768px) {
   .hide-on-mob {
       display: none;
   
   }
}


.cat-special {border:8px solid #eee; padding:45px;margin-bottom:20px;margin-top:20px;}

   /* =============================================================================
      For Dale Sale Page
   ========================================================================== */

button.sale-page-button {
    color: #fbfbfb;
    background-color: #0088cc;
    border-color: #ccc;
}
button.sale-page-button:hover {
    color: #0088cc;
    background-color: #fbfbfb;
    border-color: #0088cc;
}

.cms-the_dale_sale .product-item-info.type3 .product-item-photo .product-item-inner {
    text-align: left;
    
}

.cms-the_dale_sale img.sale-page-banner {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

   /* =============================================================================
      Marketing image on images from a custom attribute
   ========================================================================== */

.product-image-labels .product-image-label:first-child {
    margin-top: 0;
}

.product-image-label.image-label {
    background-color: #e27c7c;
}
.product-image-label {
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    margin-top: 5px;
    line-height: 1;
}


.product-image-labels {
    z-index: 3;
}

.product-image-labels {
    position: absolute;
    right: 10px;
    top: 10px;
}

   /* =============================================================================
      Cart Page - remove expand chevron
   ========================================================================== */

.checkout-cart-index .cart-summary .block > .title:after {
    display: none;
}

   /* =============================================================================
      Product Page - Manufacturer Badge
   ========================================================================== */

.manufacturer-badge-product-page {
    display: flex;
    width: 80%;
    max-width: 900px;
}

.manufacturer-badge {
    flex: 1 1 auto;
    padding: 1.25rem;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .6rem;
    background-color: #f0f0f0 !important;
    font-size:2.0rem;
}

.manufacturer-badge img {
    float:left;
    width:70px;
    height:70px;
    padding: 0px 10px 5px 0px;
}

   /* =============================================================================
    START OF  POST IT NOTE CODE - DO NOT EDIT OR REMOVE AS IS CRUCIAL TO SITE
   ========================================================================== */


.postit
{
	padding: 10px;
	background-color: #ffff99;
	color: #000;
	text-align:center;
}

   /* =============================================================================
      END OF POST IT NOTE CODE - DO NOT EDIT OR REMOVE AS IS CRUCIAL TO SITE
   ========================================================================== */
   
   
      /* =============================================================================
       LIKE THE POST IT NOTE CODE BUT RED - DO NOT EDIT OR REMOVE AS IS CRUCIAL TO SITE
      ========================================================================== */
   
   
   .postit-red
   {
   	padding: 10px;
   	background-color: #ED1015;
   	color: #FFF;
   	text-align:center;
   	font-weight:800;
   }
   
      /* =============================================================================
LIKE THE POST IT NOTE CODE BUT RED - DO NOT EDIT OR REMOVE AS IS CRUCIAL TO SITE   ========================================================================== */
   
   
        /* =============================================================================
     nav dropdowns
   ========================================================================== */   
   .sysown img {width:50%;}
   .sysown {font-weight:800;text-align:center;margin-top:10px;}
   .sysown img:hover {
     -webkit-filter: brightness(120%); filter: brightness(120%); 
}
    
   
   
    /* =============================================================================
      UPPING FONT SIZE ON TOP NAV
   ========================================================================== */  
   
   @media (min-width: 768px)
   .sw-megamenu.navigation li>a>span {
       font-size:15px!important;
}

    /* =============================================================================
      round dropdown images etc and mouseover
   ========================================================================== */ 

.ddown img {border-radius:50%; width:50%;}
.ddown {font-weight:800;text-align:center;margin-top:10px;}
.ddown img:hover {
  -webkit-filter: brightness(120%); filter: brightness(120%); 
}

   
    /* =============================================================================
      making buy now buttons and checkout more friendly
   ========================================================================== */  
button.action.primary {color:#fff;font-weight:600;}

    /* =============================================================================
      footer headings
   ========================================================================== */  


   .block-title h6{
       padding-bottom: 3px;
       border-bottom: 4px solid #44fff6;
       color: #fff;
       display: inline-block;
       text-transform: uppercase;
       font-size: 16px;
}

    /* =============================================================================
adding tick to available products
========================================================================== */  

.available::before { content: '\2713';
    font-size: 22px;
    font-weight:800;
    color: #009900;
    line-height: 0;
    display: inline-block;
    margin: 0 6px 0 0;}
 
 /*-----logo header fix-----*/   
    
.logo img {
    width: 345px;
}    

    /* =============================================================================
   Product Page
========================================================================== */

/*  Showing Stock */

.availability.only.configurable-variation-qty {
    display: none !important;
}

/* Image Aspect Ratio */

.product-image-photo.default_image {
    object-fit: scale-down;
    aspect-ratio: 1;
}
  
    /* =============================================================================
Removing title block from offer page
========================================================================== */  

.category-offers #maincontent > div.columns > div > div.block.filter {
display:none;
}

/*---highlighting saving percentage----*/
.saver {
	font-size: 24px;
	text-transform: uppercase;
	color:#08c;
	}
/*---overwriting modernizr---*/	
	
.history p {
    margin: 0!important;
    margin-left: 0px!important;
    line-height: 20px!important;
    margin-bottom: 6px!important;
}	

.history {
    margin: 0px!important;
    padding: 0!important;
    clear: both!important;
}

    /* =============================================================================
Queens Funeral message
========================================================================== */  

.message.global.demo {
    background: black;
    font-size: 2.0rem;
}


    /* =============================================================================
Product detail - Bullet points, pdf etc
========================================================================== */ 

.catalog-product-view .product.attribute.description a {
    color:#08c;
    font-weight:600;
    text-decoration: none;

}

.catalog-product-view .productfaqs.std a {
    color:#08c;
    font-weight:600;
    text-decoration: none;

}

.catalog-product-view .productmatrix a {
    color:#08c;
    font-weight:600;
        text-decoration: none;

}

.catalog-product-view #custom-1 a {
    color:#08c;
    font-weight:600;
        text-decoration: none;

}


.catalog-product-view #custom-2 a {
    color:#08c;
    font-weight:600;
    text-decoration: none;

}
/*-- ******************* --*/
/*--   Amasty Checkout   --*/
/*-- ******************* --*/
/*-- T&Cs text --*/
.checkout-index-index .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes {
    width: 100%;
}
/*-- Order Notest --*/
.checkout-index-index .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment {
    width: 100%;
}


/*---the below dont require explanantion--*/
.search-autocomplete ul {display:none!important;}

#lowerleft
{
    margin-bottom: 1px;
    margin-left : 1px;
    width: 200px;
    height: 200px;
    background-color: green;
    color: white;
}


button.action-login {background-color:#08c;color:#fff;line-height:2em!important;}

/*-- ******************* --*/
/*--   All Pages - Header   --*/
/*-- ******************* --*/

.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #b6dddd;
    padding:5px;
}

.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}

.homepage-bar .row .text-area h3 {
    font-size: 16px;
}

.page-header.type2 .block-search input {
    border-color: #c0c0c0;
    color: #2B2B2B;
    border: 1px solid #ccc;
}

.block-search input {
    position: static;
    margin: 0;
    border-color: transparent;
    height: 40px;
    border-radius: 20px;
    padding: 10px 50px 10px 20px;
}

.block-search .action.search:before {
    margin: 13px;

}

header.page-header.sticky-header .nav-sections {
    background-color: #2c264b;
}

.sw-megamenu.navigation li.level0.classic .submenu a, .sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block {
    padding-left: 0;
    padding-right: 0;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a {
    display: inline;
}


media="screen and (min-width: 768px)"
@media (min-width: 768px), print
.box-tocart .action.tocart {
    margin-bottom: 0;
    min-width: 150px;
}
.box-tocart .action.tocart {
    background-color: #ff6d0a;
    border-color: #ff6d0a;
    color: #ffffff;
    border-radius: 3px;
}

/*-- ******************************** --*/
/*--   Product Pages - Prices Align   --*/
/*-- ******************************** --*/

.catalog-product-view .column.main .product-info-main .product-info-price .product-info-stock-sku {
    display: inline-block;
    float: right;
    font-size: 1.0rem;
}

.catalog-product-view .column.main .product-info-main .product-info-price .price-box.price-final_price {
    display: inline-block;
}

.catalog-product-view .main-product-detail {
    background-color: #88cce0;
    padding: 10px 0;
}



.product.data.items .item.content {
    background: #fff;
    margin-top: 39px;
    padding: 35px;
    border: 1px solid #eee;
}

.product.data.items .item.title.active .switch {
    background: #fff !important;
    color: #777;
    text-decoration: none;
    border-top-color: #08c;
    color: #08c;
}

.product.data.items .item.title .switch {
    background: #f6f6f6 !important;
    border: 1px;
    border-top-color: #eee;
}


.layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-header .header.panel, .layout-1220 .page-main, .layout-1220 .items, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container {
    max-width: 1280px;
}

.cart.table-wrapper .product-item-name {
    display: grid;
}

.product-item-name a {
    white-space: normal;
   }
   
/* =============================================================================
   Sam- Added
   ========================================================================== */

.header links {text-transform:uppercase;}

@media (min-width: 992px)
.sticky-header.page-header .navigation:not(.side-megamenu) .level0 {
    margin-right: 8px;
}
.filterproduct-title {
    background: url(../images/slider-bar.png) right no-repeat;
    font-size: 16px;
    font-weight: 300;
    line-height: 42px;
    margin: 0;
    color: #313131;
    text-transform: uppercase;
    text-align: left;
}

.feetures li {line-height:18px;}
ul.social-icons {display: flex!important; margin: 0 10px!important;font-size:18px;}
.product-info-stock-sku{font-size:.8rem!important;float: right;text-transform: capitalize!important;}


.product.data.items > .item.title {
	font-size: 14px;
    border: 1px solid #eee;
    border-top-width: 3px;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    line-height: 30px;
    padding: 1px 15px;
    margin: 4px 4px 0 0;
    background-color:#f6f6f6;
}

.page-header.type2 .minicart-wrapper {
	margin-top:0px!important;
}
/* =============================================================================
   Sam- Added End
   ========================================================================== */
   
.widget.block.block-static-block {
	margin-bottom: 2.5em;
}

.widget.home-block.block-static-block {
	margin-bottom: 2.5em;
}
.StripeElement {
	display:none;
}