textarea,
input[type],
select {
	border: 1px solid #cccccc;
    padding: 8px;
    border-radius: 8px;
    width: 100%;
    display: block;
	    outline: none;
/*     margin-top: 0.5em; */
}

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

.dropdownmask {
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    visibility: hidden;
    z-index: 9996;
    background: #000000e8;
}

form{
	width: 100%;
}

ul{
	padding: unset;
}

.line-item {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px;
}

/* BASKET & USER AREA */

.basket-item {
  height: 40px;
  width: 40px;
}

.product-clone
{
  position: fixed!important;
  z-index: 9999;
}

/* MAIN FIRST PHOTO - NOT CARUSEL */

.main-photo {
    max-width: 100%;
	width: 100%;
}

/* FEATURED PRODUCTS AND OFFERS */

h2 {
    font-weight: lighter;
    color: var(--htitlescolor);
}

section.flex {
    display: flex;
	  flex-wrap: wrap;
    justify-content: space-evenly;
	/*     margin-top: 4em; */
	/*     margin-bottom: 4em; */
	
	margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.search{
	position: relative;
}

.price-coloured {
    color: #9f8a42;
}

/* FOOTER */


footer{
}

footer h3 {
    font-weight: normal;
}

.footer li {
    list-style-type: none;
}

.social li {
    display: inline;
    text-align: center;
    padding: .5em;
}

hr {
    width: 90%;
}

.vl, hr{
    border: 1px solid #7E7E7E;
	border-style: none;
    border-bottom-style: solid;
}

.footer ul {
    padding: 0;
	    margin-top: 20px;
/* 	margin-left: 8px; */
}

.product{
    position: relative;
    overflow: hidden;
    padding: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #C4C4C4;
}

.product-image{
	overflow: hidden;
}



.product-title{
	    font-size: 25px;
}

.details-of-product{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
	margin-top: 0.5em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.discount_label, .discount_label2, .isnew_label {
    position: absolute;
    left: -103px;
    top: 27px;
    z-index: 1;
    overflow: hidden;
    width: 243px;
    height: 152px;
    text-align: right;
    transform: rotate(
-53deg);
    -webkit-transform: rotate(
-53deg);
}

.discount_label span, .discount_label2 span, .isnew_label span {
    font-size: 24px;
    font-weight: bold;
    /* color: #000000; */
    text-align: center;
    line-height: 40px;
    /* transform: rotate(
-53deg); */
    /* -webkit-transform: rotate(
-53deg); */
    width: 175px;
    /* display: block; */
    background: #d8d8d8;
    position: absolute;
    top: 26px;
    right: -28px;
}

.product-header{
	text-align: right;
	height: 20px;
/* 	padding: 12px 12px 12px 12px; */
}

.product-header img{
	height: 25px;
}

.product-desc{
	color: #000;
    margin-top: 0.5em;
}



.product-title {
    font-size: 18px;
	font-family: 'font-regular';
}

@media ( min-width : 634px)
{
	
	.product-title{
	margin-top: 22px;
    margin-bottom: 0px;
	}
	
}

.product:hover{
	cursor: pointer;
/* 	 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

.product button:hover{
	cursor: pointer;
	box-shadow: 2px 2px 4px hsl(0deg 0% 45% / 30%);
}

.list{
	display: grid;
    -ms-grid-columns: minmax(220px, 1fr) [auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 12px;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
/*     margin: 0 0 20px; */
    will-change: opacity;
}

@media ( min-width : 1326px) {
	.list {
	    -ms-grid-columns: minmax(220px, 1fr) [4];
	    grid-template-columns: repeat(4, minmax(220px, 1fr));
	}
}

.selected::after{
/*     content: ''; */
/*     position: absolute; */
/*     width: 100%; */
/*     background: #ff2400; */
/*     height: 3px; */
/*     left: 0; */
/*     bottom:-8px; */
/*     border-radius: 8px; */

}

.selected a{
	color: #9f8a42!important;
}


 /* MEDIA QUERIES  */


/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    /* CSS */

  }

  /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

  @media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

  }

  /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */

  }

  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */

  }

  /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

  @media (min-width: 481px) and (max-width: 767px) {

    /* CSS */

  }

  /*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

  @media (min-width: 320px) and (max-width: 480px) {

    /* CSS */

  }

.price-deprecated {
	text-decoration: line-through;
	color: #555555;
	font-size: 12px;
}

.rest-images{
	margin-top: 0.8em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 8px;
	padding-top: 0px;
}

.rest-images img{
/* 	height: 170px; */
	width: 100%;
	    display: block;
	    max-width: 65%;
}

.rest-images a>img{
	margin-top: 15px;
}

.rest-images a:FIRST-CHILD>img{
	margin-top: 0px;
}
.product-info-images{
}

.product-info-images img{
	max-width: 100%;
}

.product-info-images li>img{
	display: none;
}

.product-info-images-header{

}

.product-info-images-footer{
	width: 100%;
	text-align: center;
	margin-top: 6px;
}

.product-info-images-footer img:last-child{
	margin: 0;
}

.product-info-images-footer img{
	max-width: 100%;
	width: 100px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}

.product-info-images-footer a{
	margin-right: 8px;
}

.product-info-images-footer a:last-child{
	margin: 0;
}

.product-info-images-footer img:hover{
	border-style: solid;
	border-width: 1px;
	border-color: #494848;
}

.basket{
	z-index: 9998;
    top: 0px!important;
    right: 0%!important;
    width: 460px!important;
    z-index: 9998;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    position: fixed;
    transform: translate(0%, 0%);
/*     background-color: var(--mainbackground); */
	background-color: #000;
    border-color: #000!important;
	    color: #fff;
/*     border-radius: 8px; */
}

.basket-product-info{
/* 	-webkit-flex-basis: 55%; */
/*     -ms-flex-preferred-size: 55%; */
/*     flex-basis: 55%; */
/*     -webkit-box-ordinal-group: -1; */
/*     -webkit-order: -2; */
/*     -ms-flex-order: -2; */
/*     order: -2; */
}

.product-details{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 12px;
    margin-right: 12px;
    width: -webkit-calc(100% - 94px);
    width: calc(100% - 94px);
}

.arrow-basket{
	padding: 15px;
}

.basket-size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 18px;
    right: 3px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
     width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
	    font-family: 'font-semibold';
    pointer-events: none;
}

.filters-btn{
	display: none;
}


.attribute-button,
.attribute-button-selected {
/*     border-radius: 4px; */
/*     border-width: 1px; */
}

.attribute-button button{
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
}

.attribute-button-selected:hover,
.attribute-button:hover{
	cursor:pointer;
}

.attribute-button p,
.attribute-button-selected p,
.attribute-button button,
.attribute-button-selected button {
    padding: 6px;
    background-color: transparent;
	border-style: solid;
	border-width: 1px;
    border-radius: 0px;
    font-family: 'font-semibold';
    font-size: 20px;
}

.attribute-button-selected button{
	
	border-bottom-style: solid!important;
	border-color: #000;
	border-width: 1px!important;
}

@media ( min-width : 734px) {

	.content {
/* 		width: -webkit-calc(100% - 48px); */
/* 		width: calc(100% - 48px); */
		padding: 0 24px
	}
}

@media ( min-width : 878px) {

	.content {
/* 		width: -webkit-calc(100% - 64px); */
/* 		width: calc(100% - 64px); */
		padding: 0 32px
	}
}