:root {
    --gray-body-300: #ededed;
    --spacing-10: 40px;
}
.slide-text{
	float: left;
    width: 45%;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
	justify-content: center;
}

.carousal-text .first-caption {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    font-size: 24px;
    line-height: 1.2;
    color: #e44800;
    text-align: center;
    padding: 30px;
}

.carousal-text .slide-text p {
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
}

.carousal-text .btn-blue, .carousal-text .btn-blue.active {
    background: #001689;
    border-radius: 0;
    color: #fff;
    border: 1px solid #001689;
    transition: all 0.5s ease;
}
.carousal-text .btn-orng, .carousal-text .btn-orng.active {
    background: #ff5100;
    border-radius: 0;
    color: #fff;
    border: 1px solid #ff5100;
    transition: all 0.5s ease;
}

.product-ellipsis h4.ellipsis{
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

h6.ellipsis{
	white-space: nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
    padding:2px;
}

.product-ellipsis p.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var(--services-description-rows);
	-webkit-box-orient: vertical;
}

.login-section ul li:not(:first-child) a{
    padding-left: 20px;
    margin-right: 0;
    background-size: 11%;
    color: #212529;
    font-size: 14px;
    padding-left: 22px;
}
.login-section ul li a{
	padding-left: 20px;
	margin-right: 0;
    background-size: 25%;
    color:#212529;
    font-size: 14px;
}

.next-to-banner p.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.main-primary-header .nav-link.dropdown-arrow::after {
	border-right: none !important;
	border-bottom: none !important;
}

.banner-category-text p.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var(--services-description-rows);
	-webkit-box-orient: vertical;
}
p.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-list-name p.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-stock.color-platters ul li.color a{
    border: 2px solid;
}

.selected-color {
    border: 2px solid black!important;
}

.subcategory_filter{
    margin-left: 9%;
}
.subtheme_filter{
    margin-left: 9%;
}

.color-red{background:#ee3214!important;}
.color-orange{background:#f78e1e!important;}
.color-yellow{background:#ffef00!important;}
.color-pink{background:#e64097!important;}
.color-navy, .color-Navy{background:#00447e!important;}
.color-blue{background:#0054a4!important;}
.color-lightblue{background:#007dc3!important;}
.color-purple{background:#5a4099!important;}
.color-green{background:#00703c!important;}
.color-brown{background:#774422!important;}
.color-grey{background:#c9cacc!important;}
.color-black{background:#000000!important;}
.color-gold{background:#b99152!important;}
.color-bronze{background:#c9a597!important;}
.color-silver{background:#b2b2b2!important;}
.color-white{background:#ffffff!important;border:1px solid grey;}
.color-Royal, .color-royal{background:#31469e!important;}
.color-cmyk, .color-Full, .color-full, .color-choice, .color-coastal{background:url(cmyk.jpg) center center!important;background-size:100%;}
.color-emerald{background:#45a76f!important;}
.color-burgundy{background:#78303d!important;}
.color-dark.green{background:#385451!important;}
.color-light.grey{background:#9a8d90!important;}
.color-dark.grey{background:#63594e!important;}
.color-euroblue, .color-Euroblue{background:#41519a!important;}
.color-ivory{background:#cbac98!important;}
.color-light.blue{background:#509ed3!important;}
.color-euro.blue{background:#284157!important;}
.color-lilac{background:#c14cb2!important;}
.color-mint{background:#88cabe!important;}
.color-lime.green{background:#a5c74e!important;}
.color-amber{background:#e57b4d!important;}
.color-light.blue{background:#5c7ab5!important;}
.color-light.green{background:#81e166!important;}
.color-gun.metal{background:#7e7775!important;}
.color-dark.blue{background:#1c2e40!important;}
.color-light.pink{background:#ef6c8c!important;}
.color-mid.blue{background:#3d566f!important;}
.color-dark.pink{background:#ea0940!important;}
.color-mid.green{background:#4e8c3d!important;}
.color-mid.pink{background:#cc2d55!important;}
.color-dark.red{background:#ff0000!important;}
.color-mid.red{background:#e94040!important;}
.color-light.red{background:#ce5f5f!important;}
.color-dark.orange{background:#fb5001!important;}
.color-mid.orange{background:#ff7738!important;}
.color-light.orange{background:#ffa67c!important;}
.color-petrol, .color-Petrol{background:#3b878e!important;}
.color-oxford.blue{background:#336fac!important}
.color-charcoal{background:#4f4e4a!important}
.color-clear{background:#f0f0f0!important}
.color-true.blue{background:#4facde!important}
.color-cardinal{background:#961f23!important}
.color-lava{background:#ed6032!important}
.color-translucent{background:#303635!important}
.color-moso.natural.bamboo{background:#cb8c43!important}
.color-oak.frame.with.aluminium.plate {background: #d8d3cf!important}
.color-buoy{background: #dabdab !important;}
.color-sand{background: #dfd0b9 !important;}
.color-eaweed{background: #cbd9ca !important;}
.color-tor{background: #d7d9cf!important;}
.color-sky{background: #c7d6de!important;}
.color-seaweed{background: #cedfce!important;}
.color-anthracite {background: #3a4552!important;}
.color-beluga {background: #484641!important;}
.color-stonewash {background: #717b92!important;}
.color-racer.blue {background: #015ba3 !important;}
.color-carbon {background: #393d44 !important;}
.color-apple.green {background: #3b9537 !important;}
.color-cerise.pink {background: #d63f6a !important;}
.color-chestnut.brown {background: #7a3827 !important;}
.color-chocolate.brown {background: #421d15 !important;}
.color-deep.red {background: #a21d1a !important;}
.color-reflex.blue {background: #1a1e7f !important;}
.color-rose.pink {background: #ef7074 !important;}
.color-azure.blue {background: #7a3f21 !important;}
.color-transparent.blue {background-color: #3e84c5!important;}
.color-transparent.red {background-color: #ec2f00!important;}
.color-transparent.grey {background-color: #535758!important;}
.color-transparent.orange {background-color: #f19952!important;}
.color-transparent.lime {background-color: #9ed090!important;}
.color-bio {background-color: #e6e4cd!important;}
.color-22oz {background-color: #681801!important;}
.color-39cl {background-color: #761b00!important;}
.color-stamp {background-color: #6f1900!important;}
.color-mark {background-color: #913915!important;}
.color-flute {background-color: #dfc780!important;}
.color-6cl {background-color: #680f00!important;}
.color-20oz {background-color: #f8e50e!important;}
.color-20\.1oz {background-color: #dc9028!important;}
.color-\(28cl\) {background-color: #b47121!important;}
.color-\(pilsner\) {background-color: #e78001!important;}
.color-rm {background-color: #d1a800!important;}
.color-raft {background-color: #050304!important;}
.color-75cl {background-color: #544d8f!important;}
.color-750ml {background-color: #c8390e!important;}
.color-75cl {background-color: #c5251b!important;}
.color-spring.green {
    background: #b2292b !important;
}
.color-marigold {
    background: #f1a304 !important;
}
.color-ocra {
    background: #613312 !important;
}
.color-peppermint {
    background: #78ae96 !important;
}
.color-0000 {
    background: #26498b !important;
}
.color-hot.pink {
    background: #ed3b8f !important;
}
.color-lemon.yellow {
    background: #dca720 !important;
}
.color-marine.navy {
    background: #242841 !important;
}
.color-pea.green {
    background: #76c12f !important;
}
.color-peppermint {
    background: #63b29c !important;
}
.color-powder.blue {
    background: #748bab !important;
}
.color-vibrant.red {
    background: #d32905 !important;
}
.color-raspberry {
    background: #aa2e39 !important;
}
.color-sunflower.yellow {
    background: #e0a730 !important;
}
.color-blossom.pink {
    background: #dfdbd4 !important;
}
.color-breeze.blue {
    background: #afc2d2 !important;
}
.color-dusky.pink {
    background: #bf99a6 !important;
}
.color-oceana.blue {
    background: #4e9ea8 !important;
}
.color-pecan {
    background: #cfb69c !important;
}
.color-vanilla {
    background: #e3e1c8 !important;
}
.color-aqua.lizard {
    background-color: #294760 !important;
}
.color-aqua.lizard {
    background-color: #294760 !important;
}
.color-light.beige {
    background-color: #ab5f2d !important;
}
.color-baby.pink {
    background-color: #202626 !important;
}
.color-violet.purple {
    background-color: #332848 !important;
}
.color-slate.blue {
    background-color: #4e6064 !important;
}
.color-shell.pink {
    background-color: #a97365 !important;
}
.color-scarlet.red {
    background-color: #803844 !important;
}
.color-ivy.green {
    background-color: #29443d !important;
}
.color-fuchsia.pink {
    background-color: #97315a !important;
}
.color-dark.brown {
    background-color: #332927 !important;
}
.color-cobalt.blue {
    background-color: #1b3146 !important;
}
.color-burnt.orange {
    background-color: #cb651e !important;
}
.color-mid.grey {
    background-color: #677070 !important;
}
.color-black-red {
    background-color: #791c23 !important;
}
.color-caramel {
    background-color: #b97137 !important;
}
.color-hi.chrome {
    background-color: #e0dde0 !important;
}
.color-shandy.brown {
    background-color: #7a3c09 !important;
}
.color-domed.silver {
    background-color: #cccccc !important;
}
.color-bright.pink {
    background-color: #e34f68 !important;
}
.color-solid.red {
    background-color: #d3463c !important;
}
.color-solid.purple {
    background-color: #7529a7 !important;
}
.color-solid.green {
    background-color: #318c41 !important;
}
.color-solid.blue {
    background-color: #2c3692 !important;
}
.color-trans {
    background-color: #e7e7e7 !important;
}
.color-steel {
    background-color: #b0b0b0 !important;
}
.color-champagne {
    background-color: #d8d6d4 !important;
}
.color-dark.yellow {
    background-color: #a28106 !important;
}
.color-teal.blue {
    background-color: #2d6266 !important;
}
.color-afbcdb {
    background-color: #bbc7cf !important;
}
.color-tomato.red {
    background-color: #ca2a2b!important;
}
.color-afbcdb {
    background-color: #dda87a !important;
}
.color-champagne {
    background-color: #2c292b !important;
}
.color-hi.chrome {
    background-color: #ebe1d8 !important;
}
.color-domed.silver {
    background-color: #d5d5d5 !important;
}
.color-domed.white {
    background-color: #e5e4ea !important;
}
.color-opaque {
    background-color: #ece5df !important;
}
.color-printed {
    background: url(cmyk.jpg) center center!important;
    background-size: 100%;
}
.color-wood {
    background-color: #ce956c !important;
}
.color-frosted.clear {
    background-color: #e8e4e1 !important;
}
.color-golf {
    background-color: #761618 !important;
}
.color-sliver {
    background-color: #e5e7e9 !important;
}
.color-glass {
    background-color: #b7b6b6 !important;;
}
.color-citrus {
    background-color: #bd9029 !important;
}
.color-midnight.blue {
    background-color: #01010a !important;
}
.color-cranberry {
    background-color: #3c2227 !important;
}
.color-duo.black {
    background-color: #363636 !important;
}
.color-duo.midnight.blue {
    background-color: #16171f !important;
}
.color-duo.red {
    background-color: #6e0803 !important;
}
.color-racing.green {
    background-color: #92c61c !important;
}
.color-various.colours {
    background-color: greenyellow !important;
}
.color-jogging.bottle.plastic.sports {
    background-color: #afafaf !important;
}
.color-off.white {
    background-color: #b2bbb3 !important;
}
.color-frosted {
    background-color: #e8e4e1 !important;
}
.color-stainless.steel.tumbler {
    background-color: #8b8985 !important;
}
.color-lumo {
    background-color: #d7d901;
}
.color-mixed {
    background: url(cmyk.jpg) center center!important;
    background-size: 100%;
}
.color-candle {
    background-color: #bba887 !important;
}
.color-pot {
    background-color: #e7e7e5 !important;
}
.color-packaging {
    background-color: #e1bc90 !important;
}
.color-twin {
    background-color: #9b9680 !important;
}
.color-tomato.red {
    background-color: #cd2d2e;
}
/* .color-spike{background:#cbac98!important;} */

/* start css 19-09-2022 */
.color-natural.bright.blue {
    background: #3ea2c4 !important;
}
.color-natural.black {
    background: #3b3e33 !important;
}
.color-natural.navy {
    background: #283049 !important;
}
.color-natural.red {
    background: #3e2654 !important;
}
.color-natural.purple {
    background: #3c2355 !important;
}
.color-natural.orange {
    background: #ec3e2b !important;
}
.color-natural.green {
    background: #2b4948 !important;
}
.color-bright.blue {
    background: #32929b !important;
}
.color-nat.black {
    background: #eab276 !important;
}
.color-nat.blue.royal {
    background: #2e3033 !important;
}
.color-nat.blue.royal {
    background: #c52228 !important;
}
.color-nat.black {
	background: #363133 !important;
}
.color-nat.red {
    background: #c5252a !important;
}
.color-nat.purple {
    background: #7e66aa !important;
}
.color-nat.green {
    background: #258558 !important;
}
.color-blue.navy {
    background: #2a3d56 !important;
}
.color-nat.cyan {
    background: #40a6ca !important;
}
.color-dark.natural.black {
    background: #a57f50 !important;
}
.color-nat.blue.royal {
    background: #224284 !important;
}
.color-green.apple {
	background: #b5dc61!important;
}
.color-natural.red {
    background: #aa1f22 !important;
}
/* end css 19-09-2022 */
.price_block {
    margin: 5px 0 15px 0;
}
.price_block .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.8em;
    height: 0.8em;
    cursor: default;
    border-radius: 0;
}
.price_block .ui-slider-horizontal {
    height: .4em;
}
.price_block .ui-widget-content {
    border: 1px solid #CED4DA;
    background: #02000000 url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

body .price_block .ui-slider-horizontal .ui-slider-range {
    background: #9b9b9b !important;
}
.reset-btn.moq_search {
    background: #f6f6f8;
    border: 0px;
    width: 100%;
    margin: 10px 0;
    padding: 5px 0;
    font-size: 15px;
}
.btn-filter {
    display: flex;
}
.btn-filter button {
    /* background: #f6f6f8; */
    width: 48%;
    border: 0px;
    border-radius: 0;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 15px;
    /* border: 1px solid #cfd0d2; */
}
.img-size{
	width:auto !important;
}
.btn-filter .btn.btn-default.btn-orng.filter {
    background: #ff5100;
    color: #fff;
    border: 1px solid #ff5100;
}
.btn-filter .reset-btn.price_reset {
    background: transparent;
}
.moq_filter input {
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}
.img-size{
	width:200px !important;
}

.filter-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
}
.filter-title {
    font-size: 15px;
    display: flex;
    width: 50%;
    justify-content: space-between;
}
.filter-title span {
    margin-right: 10px;
}
.filter-input {
    width: 50%;
}
/* .product-detail-text p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
} */

.price-product-detail tr{    display: flex;}
.price-product-detail tr td {    width: 72px;}

td:nth-child(2n).bg-dg {
    background: var(--table-primary-color);
    color: white;
}
td:nth-child(2n+1).bg-dg {
    background: var(--table-secondary-color);
    color: white;
}
.price-product-detail{
    text-align: center;
}
.price-product-detail tr td:first-child{
    /*text-align: initial;*/
    text-align: center;
}
.customer-login-message{
    color:red;
    text-align: center;
}
.icon-img-option {
    display: flex !important;
    float: left;
}

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.arai{background:#00bbff!important;border-color:#00bbff;color:#000;text-align:center;}
.bapp{background:#ffff44!important;border-color:#879f31;color:#000;text-align:center;}
.bfap{background:#aa00dd!important;border-color:#aa00dd;color:#fff;text-align:center;}
.cdes{background:#00bb55!important;border-color:#00bb55;color:#000;text-align:center;}
.dinv{background:#ff7c00!important;border-color:#ff7c00;color:#000;text-align:center;}
.efac{background:red!important;border-color:red;color:#fff;text-align:center;}
.xcan{background:#666666!important;border-color:#666666;color:#fff;text-align:center;}

.search-area {
    padding: 15px 20px;
    background: #ebebeb;
    position: relative;
}

.order-checkbox-wrap {
    padding-left: 0;
    list-style: none;
}

.order-checkbox-wrap li {
    margin: 5px 0;
    display: inline-block;
}
.order-status-btn, .btn-no.btn-deselect {
    color: #fff;
    background-color: #001689;
    display: inline-block;
    padding: 6px 32.5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.order-checkbox-wrap input[type=checkbox] {
    display: none;
}

.order-checkbox-wrap input[type=checkbox]:checked+span {
    font-size: 14px;
}

.order-checkbox-wrap input[type=checkbox]+span {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    height: 18px;
    width: 26px;
    border-radius: 50px;
    text-align: center;
    line-height: 18px;
    font-size: 0;
}

.search-area h3, .search-area input.toggle {
    display: none;
}

.btn-order-download, .btn-order-print{
    background: var(--primary-color);
    margin-right: 3px;
    color: white;
    border-radius: 100px;
    text-transform: uppercase;
    line-height: 1;
    float:right;
}

.btn-order-download:hover, .btn-order-print:hover {
    background: var(--secondary-color);
    color: #fff;
}
.custom-search-btn{
    text-align: center;
}
.custom-search-btn div{
    margin-top: 43%;
}
.custom-search-btn div button{
    background: #ec4f01;
    color: #FFF;
}
.set-center a{
    color:#484444;  
}
.set-center a:not(:first-child){
    padding:5px;
    color:#484444;  
}
.second-section{
    margin-top: 10px;
    margin-bottom: 10px;
}
.order-status-info ul li label {
    margin: 0;
    display: flex;
    align-items: center;
}
.btn-no.btn-deselect {
    background-color: var(--primary-color);
}
.order-checkbox-wrap input[type="checkbox"] + span {
    margin-left: 10px;
    height: 18px;
    width: 18px;
    font-weight: 500;
}
@media (max-width: 1280px)
{
.order-status-btn, .btn-no.btn-deselect 
{
padding: 6px 28.5px;
}
}

@media (max-width: 1024px)
{
.order-status-btn, .btn-no.btn-deselect 
{
padding: 6px 18.5px;
font-size: 13px;
}
}
@media (max-width: 768px)
{
.order-status-btn, .btn-no.btn-deselect {
padding: 6px 31.5px;
font-size: 13px;
}
}
@media (max-width: 767px)
{
    .countdown_main, .countdown_counter{
        text-align: center !important;
    }
    .custom-search-btn div {
        margin-top: 0;
    }
.order-status-btn, .btn-no.btn-deselect {
padding: 6px 0;
font-size: 12px;
width: 158px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.second-section .container {
overflow: scroll;
}

}
@media (max-width: 479px)
{

.order-status-btn, .btn-no.btn-deselect {

width: 100%;
}

.order-checkbox-wrap li {
width: calc((100%/2) - 2px);
}

}
.price-btn-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.btn-custom-download.btn-login-request-button {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: white;
    font-weight: 600;
}
.btn-custom-download.btn-login-button {
    background: #e94f06;
    border: 1px solid #e94f06;
    color: white;
    font-weight: 600;
    margin-right: 5px;
}
.set-login-button{
    justify-content: center!important;
}


.myorder-label {
    font-size: 13px;
    font-family: var(--font-family);
}

.myorder-form-control {
    font-size: 13px;
    font-family: var(--font-family);
}

.order-status-btn, .btn-no.btn-deselect {
    font-size: 13px;
    padding: 6px 32.1px;
}
.order-status-info ul li label {

    font-family: var(--font-family);
}
.custom-search-btn div {
    margin-top: 44%;
}
.custom-search-btn div button {
    background: #ec4f01;
    color: #FFF;
    padding: 4px 10px;
}
.search-my-order .fa-search:before {
    content: "\f002";
    font-size: 12px;
}
.filter-block-price{
    margin-left: 15px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 0px;
    color: #63666A;
    font-size: 13px !important;
    margin-bottom: 3px !important;
    margin-right:15px;
}
.filter-block-price input{
    font-size: 0.9rem !important;
}
.filter-block-price button{
    font-size: 13px !important;
}
.profile-login{
    margin: 0.0rem 0 0 !important;
}
body .dropdown-menu.profile-login {
    right: 0 ;
    left: auto ;
    /* transform: translate3d(0, 0px, 0px); */
}
.main-primary-header ul li.nav-item.dropdow.show .dropdown-menu.p-0.show {
    display: block;
}
.page-wrapper{
    min-height:500px;
}

/* animation css */
/* @keyframes dtfadeInUp {
    0% {
      opacity: 0;
      transform: translateY(-5px);
      z-index: -1;
    }
  
    100% {
      opacity: 1;
      transform: translateY(0px);
      z-index: 9;
    }
}
.dropdown-menu.p-0.show {
    animation: 1s dtfadeInUp;
    transition: all 1s ease  dtfadeInUp;
} */

/* Animation css end */
.scroller-colour-image {
    height: 200px;
    overflow-y: scroll;
    display: inline-block !important;
}
.colours_image{
    border: 1px solid #e0e0e0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu
{
    position: absolute;
    display: table;
    visibility: hidden;
    z-index: -1;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transition: all 0.2s ease-in-out;
}

.main-primary-header .navbar-nav li {
    list-style: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.show{
    transition: all 0.2s ease-in-out;
    transform: translateY(32px);
    position: absolute;
    width: auto;
    top: 0;
    left: 0;
    -webkit-transform: translateY(32px);
    -moz-transform: translateY(32px);
    right: auto;
    visibility: visible;
    z-index: 9;
}
.login-section .profile-login
{
    position: absolute;
    display: table;
    visibility: hidden;
    z-index: -1;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transition: all 0.2s ease-in-out;
}
.login-section .profile-login.show
{
    transition: all 0.2s ease-in-out;
    transform: translateY(37px);
    position: absolute;
    width: auto;
    top: 0;
    left: auto;
    -webkit-transform: translateY(37px);
    -moz-transform: translateY(37px);
    right: 0;
    visibility: visible;
    z-index: 9;
}
.required-field{
    color:red;
}
.filter-header i {
	float: right;
	background: transparent;
	border: 0;
    color: #c4c4c5;
    font-size: 8px;
    padding-top: 7px;
}
.home-page-banner-wrapper .row.w-100 {
    align-items: center;
}

/*New addtional home page changes css*/
.top-header-left-nav ul {
    display: flex;
    padding: 0;
    margin: 0;
}
.top-header-left-nav ul li {
    list-style: none;
    margin-right: 10px;
    font-weight: 600;
}
.top-header-left-nav ul li a{
    color:var(--top-header-text-color) !important;
}
.top-header-left-nav ul li a:hover{
    color:var(--top-header-text-hover-color) !important;
}

li > a {
    color: var(--page-text-color);
}
nav .breadcrumb li:hover > a{
    color: var(--bread-scrumb-hover-color) !important;
}
li:hover > a{
    color: var(--menu-text-hover-color) !important;
}
/* li:hover > a {
     color: var(--primary-color); 
} */
li#add_phoneid > a {
    color: var(--phone-number);
}   
li#add_emailid > a {
    color: var(--email-address);
}
.contact_email a {
    font-size: var(--email_font_size);
    line-height: 1;
    color: var(--email-address-colour);
}
.contact_number a {
    font-size: var(--telephone_number_font_size);
    line-height: 1;
    color: var(--telephone-number-colour);
    white-space:nowrap;
}
.contact_section {
    text-align: right;
    padding: 0;
}
.home-page-left-banner {
    padding: 0;
}
.choose_us_box {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.choose_us_img img {
    width: 30%;
}
.choose_us_img {
    margin-bottom: 5px;
}
.footer_top p {
    margin: 0;
    padding: 0;
}
.footer_top a{
    color: var(--telephone-number-colour1);
}
.footer_top a.email{
    color: var(--email-address-colour1);
}
.footer_top {
    position: relative;
    top: -52px;
    background: var(--secondary-color);
    width: 100%;
    border-radius: 15px 14px 0 0px;
    padding: 10px 20px 10px 20px;
    line-height: 1;
    font-size: 17px;
    text-align: center;
    color: white;
}
.testimonial_block {
    text-align: center;
    padding: 25px;
}
.star_img img {
    width: 30%;
    margin: 0 auto;
}
.star_img {
    margin-bottom: 15px;
}
.star_img span {
    color: var(--testimonial-star-color);
}
.testimonial_text {
    margin-bottom: 15px;
}
.testimonial_wrapper {
    /* padding: 0px 0 30px 0; */
}
.title-block {
    margin-bottom: var(--section-spacing);
    text-align: center;
    font-family: var(--font-family);
    margin-top: var(--section-spacing);
}
.contact-us-sec {
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.contact-us-sec .contact-in-sec {
    padding: 20px 0;
}
.contact-us-sec .btn-block {
    margin-top: 16px;
}
.contact-us-sec .btn-block a {
    background: var(--search-button-color);
    padding:12px 30px;
    color: white;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
}
.contact-us-sec .btn-block a:hover {
    color: #fff;
    background: var(--search-button-hover-color);

}
@media (max-width: 1440px)
{
    .contact_number a {
    font-size: 34px;
}
}
@media (max-width: 1117px)
{
    
}
@media (max-width: 1024px)
{
    .contact_section {
    margin-top: 10px;
}
}
@media (max-width: 1023px)
{
	.contact_number a {
	font-size: 31px;
}
	.contact_email a {
		font-size: 13px;
	}
}
@media (max-width: 991px)
{
	.contact_number a {
	font-size: 21px;
}


	.contact_email a {
		font-size: 12px;
	    white-space: break-spaces;
		word-wrap: break-word;
	}
}
@media (max-width: 479px)
{
	.contact_number a {
	font-size: 17px;
}
.contact_email a {
	font-size: 10px;

}
.top-header-left-nav ul {
    display: inline-block;
}
.top-header-left-nav ul li
{
    display: inline;
}
.contact_section {
	text-align: center;
	margin-top: 10px;
}
}
@media (max-width: 375px)
{
    .contact_number a {
    font-size: 20px;
}
	.contact_email a {
	    font-size: 11px;
	}
}
@media (max-width: 375px)
{
    .contact_number a {
    font-size: 20px;
}
.contact_email a {
    font-size: 11px;
}
}
.carousel-indicators{
    z-index: 1 !important;
}
.color_box_wrap {
	width: 20px;
	height: 20px;
	border: 1px solid !important;
	overflow: hidden;
	position: relative;
	margin-right: 5px;
    display: flex;
    color:#e0e0e0;
    border-color:black !important;
}

.color_box_wrap:hover{
border-color:black !important; 
}
.color_box {
	display: flex;
}
.color-red{background:#ee3214!important;}
.color-orange{background:#f78e1e!important;}
.color-yellow{background:#ffef00!important;}
.color-pink{background:#e64097!important;}
.color-navy{background:#00447e!important;}
.color-blue{background:#0054a4!important;}
.color-lightblue{background:#007dc3!important;}
.color-purple{background:#5a4099!important;}
.color-green{background:#00703c!important;}
.color-brown{background:#774422!important;}
.color-grey{background:#c9cacc!important;}
.color-black{background:#000000!important;}
.color-gold{background:#b99152!important;}
.color-bronze{background:#c9a597!important;}
.color-silver{background:#b2b2b2!important;}
.color-white{background:#ffffff!important;border:1px solid grey;}
.color-cmyk, .color-Full, .color-full, .color-choice, .color-coastal{background:url(cmyk.jpg) center center!important;background-size:100%;}
.color-petrol, .color-Petrol{background:#4ca6b9!important;}
.color-natural{background:#ccc5a2!important;}
.color-pastel.blue{background:#c5dfed!important;}
.color-pastel.green{background:#c4d7d7!important;}
.color-pastel.pink{background:#f2c8e7!important;}
.color-pastel.purple{background:#c1bfe3!important;}
.color-pastel.yellow{background:#edecd6!important;}
.color-bcffad{background:#bcffad!important;}
.color-ffabff{background:#ffabff!important;}

.product-stock.color-platters .slider_color.slick-slider {
    max-width: 200px;
}
.slick-prev.hidden,
.slick-next.hidden {
    opacity: 0;
    pointer-events:none;
}
.product-stock.color-platters .slider_color.slick-slider {
    max-width: 100%;
    margin: 0 auto;
}

.product-stock.color-platters .slider_color.slick-slider {
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-stock.color-platters .slick-prev::before {
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
    left: 0;
    transform: rotate(45deg);
    top: 0px;
}
.product-stock.color-platters .slick-next::before {
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
    right: 0;
    transform: rotate(-130deg);
    top: 0px;
}
.slider_color .slick-next.slick-arrow:hover::before,
.slider_color .slick-next.slick-arrow:focus::before {
    background: transparent !important;
}
.slider_color .slick-prev.slick-arrow:hover::before,
.slider_color .slick-prev.slick-arrow:focus::before {
    background: transparent !important;
}
.slick-prev.slick-arrow.slick-disabled {
    display: none !important;
}
.product-stock.color-platters .slider_color.slick-slider .slick-list {
    width: 100%;
   margin-left: 4px;
}
.product-stock.color-platters .slider_color.slick-slider .slick-arrow {
    left: 0;
    position: relative;
    top: 10px;
}
.product-stock.color-platters .slider_color.slick-slider .slick-track li:first-child {
    /*margin: 5px 0;*/
}
.product-stock.color-platters .slider_color.slick-slider .slick-track {
    display: flex;
    align-items: center;
}

table.table-specification tr td:first-child{
    width: 30% !important;
}

.slidecontainer {
    width: 100%;
  }
  
.slidecontainer .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 9px;
    background: var(--secondary-color);
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 20px 0;
}
  
  .slidecontainer .slider:hover {
    opacity: 1;
  }
  
  .slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: var(--primary-color);
    cursor: pointer;
  }
  
  .slidecontainer .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: var(--primary-color);
    cursor: pointer;
  }

  .color-code{
    color: var(--secondary-color);
  }

  .color-code strong{
    color: var(--primary-color);
  }

  #qty{
    background: #fff;
    background-clip: border-box;
    border: 1px solid #6d7278;
    border-radius: 20px;
    font-family: var(--font-family);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    vertical-align: baseline;
    box-sizing: border-box;
  }

  .slidecontainer div{
    padding-bottom: 10px;
  }

  .product__subtotal {
        font-weight: bold;
        margin: 30px 0 0;
    }
    .product__subtotal-label {
        margin-right: 10px;
    }
    .price_calculation {
        font-size: 30px;
    }
@media (max-width: 991px)
{
    .footer_top {
    top: -51px;
}
}
@media (max-width: 768px)
{
    .footer_top p 
    {
        line-height: 1.5;
    }
    .footer_top {
        top: -61px;
    }
    .footer-wrapper 
    {
        margin-top: 90px;
    }
}
@media (max-width: 479px)
{
    #qty 
    {
        font-size: 14px;
        height: 31px;
        text-align: center;
    }
}

.product-page-detail .color-alignment {
    height: auto;
}
.show-arrow{
    float:right;
}
.disabled-check{
    display:none;
}
.excl-vat{
    font-size: 18px;
}
.contact-map {
	height: 250px;
}
.home-page-banner-wrapper .row.contact-page-row {
	align-items: flex-start;
}



@media (max-width:479px)
{
  .contact-page_section {
  padding: 0 15px;
}
}

.video-section-text .d-flex {
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
}
.video-section-text video
{
height: 350px;
}
.video-section-text .video-text h5 {
font-size: 30px;
margin-bottom: 15px;
}
.video-section-text p
{
font-size: 17px;
}
.branding-method-two {
    order: 2;
}
@media (max-width:767px)
{
.video-section-text .d-flex .video-text-block {
    order: 2;
    margin-top: 10px;
}
.branding-method-two {
    order: 1 !important;
}
.branding-image img {
    width: 100% !important;
    height: auto !important;
}
}
@media (max-width:479px)
{
.accordion-video video
    {
    width: 100%;
    }
}
.accordion-video .card-header h6 {
cursor: pointer;
}
.card-header{
/* background-color:var(--secondary-color); */
}

#addToCart{
    margin-top: 22px;
    /* background: var(--secondary-color); */
    /* color: #fff; */
    border: none;
}
.error{
    color:red;
}
.show-cart-data{
    background: #FFF;
    margin-right: 0px;
    margin-left: 0px;
}
.cancle-cart i{
    color: #bf0202;
}

.p-detail{
    border-collapse: separate;
    border-spacing: 0 0.5em;
    width: auto!important;
    float:left;
}
.add-qty-color-print{
    color:green;
    float: left;
    position: absolute;
    margin-bottom: px;
    bottom: 13px;
}
.js-cookie-consent{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* top: 10%; */
    padding: 5px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: var(--primary-color); */
    color: black;
    border-radius: 0;
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 20%);
    opacity: 1;
    text-align: center;
    padding: 15px;
    z-index: 111;
    background: #FFF;
    display: flex;
    justify-content: center;
}
.js-cookie-consent button{
    height: 32px;
    background-color: var(--primary-color);
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 25px;
    width: 120px;
    text-align: center;
}
@media (max-width: 413px)
{
    .js-cookie-consent button {
    width: 210px;
}
}
@media(max-width:768px){
    .prod-cat-section-width{
        max-width: 50% !important;
    }
}
 .custom-div-product-section{
    max-width: 20%;
} 
.custom-div-product-section .banner-category-img img{
    height: 145px !important;
}
 .custom-image-class .border-category-image {
	height: 194px;
	overflow: hidden;
 }
 .custom-image-class .border-category-image img {
	height: auto !important;
 } 
.text-show{
    float:left;
 }

.buy-express-free{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 1366px)
   {
    .buy-express-free{
        display: flex!important;
        margin-left: 0px!important;
    }
   }
.trustpilotrate-sc{
    margin: 9px 12px 0 -79px !important;
}
@media (max-width: 1366px)
   {
    .trustpilotrate-sc{
        margin: 9px 90px 0 -56px !important;
    }
   }
/* -- ADDED ON 27/02/23 FOR DESIGN ISSUE OF STICKY HEADER START ---  */
@media (max-width: 1199px) {
    .container {
        width: 100% !important;
        max-width: 92%;
    }
}
@media (max-width: 750px) {
    .container {
        width: 100% !important;
        max-width: 89%;
    }
}
@media (max-width: 535px) {
    .container {
        width: 100% !important;
        max-width: 85%;
    }
}
@media (max-width: 400px) {
    .container {
        width: 100% !important;
        max-width: 80%;
    }
/* -- ADDED ON 27/02/23 FOR DESIGN ISSUE OF STICKY HEADER END ---  */
}
.table-hover tbody tr:hover {
    cursor: default;
}

table.table.table-wrapper.table-responsive.table-hover.table-light.price-product-detail {
    background-color: #f0f0f0 !important;
}

/*--------------------
Search Brand Colour Section CSS
--------------------*/
.search-brand-colour-section .color-block {
    height: 186px;
    background: var(--blue-color-500);
  }
  
  .search-brand-colour-section .color-block .color-in-block {
    border: 1px solid white;
    height: 110px;
    width: 80px;
    border-radius: 4px;
    padding: 6px;
  }
  
  .search-brand-colour-section .color-block .color-name-block {
    border-radius: 4px;
  }
  
  .search-brand-colour-section .color-block .color-dot {
    position: absolute;
    height: 8px;
    width: 8px;
    border: 1px solid white;
    top: 4px;
    right: 3px;
    border-radius: 50%;
  }
  
  .color-block.whiteColorBoxClass {
    border: 1px solid var(--gray-body-300);
  }
  
  .color-block.whiteColorBoxClass,
  .search-brand-colour-section .color-block.whiteColorBoxClass .color-in-block,
  .search-brand-colour-section .color-block.whiteColorBoxClass .color-dot {
    border-color: var(--gray-body-300);
  }
  
  .search-brand-colour-section .color-block.whiteColorBoxClass .color-name-block {
    background-color: var(--gray-body-300) !important;
  }
  
  .bottom-content-block {
    margin-top: -20px;
  }
  
  .search-brand-colour-section .slider{
    margin-bottom: 30px;
    padding: 0 var(--spacing-10);
  }