/* PRODUCT */
.smallProduct_Selected{
	opacity: 1.0;
	height:40px;
	width:40px;
}

.smallProduct{
	opacity: 0.3;
	height:40px;
	width:40px;
}

.smallProduct:hover{
	opacity: 1.0;
	
	
}



/* BUTTONS */
.blueButton{
	background: transparent;
	color: blue;
	border-color: blue;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;	
	font-family: 'GRB';
}

.blueButton:hover{
	background: blue;
	color:black;
}		

.redButton{
	background: transparent;
	color: red;
	border-color: red;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;
	font-family: 'GRB';
}

.redButton:hover{
	background: red;
	color:black;
}

.yellowButton{
	background: transparent;
	color: white;
	border-color: #ffa400;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;
	font-family: 'GRB';
}

.yellowButton:hover{
	background:  #ffa400;
	color:white;
}



.text_thin{
    color: #ffffff !important;
    font-family: 'GRB' !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.text_normal{
    color: #ffffff !important;
    font-family: 'GRB' !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.borders{
	border: 2px solid transparent;
	border-image: linear-gradient(to top, #000000a3 0%, #eed01aa3 10%, #eed01aa3 90%, #000000 100%);
	border-image-slice: 1;
	border-top:0;
	border-bottom:0;
}








#product_cats{
	display:none !important;
}

#product_subcats{
	display:none !important;
}


#mobilerow{
	display:flex!important;
	}


#desktoprow{
	display:none;
}



@media(min-width:1200px){

	#mobile_cats{
		display:none !important;
	}

	#mobile_subcats{
		display:none !important;
	}

	#product_cats{
		display:flex !important;
	}

	#product_subcats{
		display:flex !important;
	}
	
	#mobilerow{
		display:none!important;
	}
	
	#desktoprow{
		display:flex;
	}
}






select{
	background-color: black;
	color: white;
	border: transparent;
	font-family: 'GRBook';
	-webkit-appearance: none;
}
	
select:hover{
	background-color: black;
	color: white;
	border: transparent;
	font-family: 'GRBook';
}
	
select:active{
	background-color: black;
	color: white;
	border: transparent;
	font-family: 'GRBook';
	outline: none;
}	
	
select:focus{
	background-color: black;
	color: white;
	border: transparent;
	font-family: 'GRBook';
	outline: none;
}		
	
select:after{
	background-color: black;
	color: white;
	border: transparent;
	font-family: 'GRBook';
	outline: none;
}	









.arrow-down {
  font-size: 24px;
  color: #000;
  line-height: 0.5;
  text-align: center;
}



/* Used for mobile item in product page */
.obj_mob{
	z-index: 300;
    position: absolute;
    color: transparent;
    width: 45%;
    height: 45%;
    object-fit: contain;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}

/* Used for mobile item in product page */
.obj_reflect_mob{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-mask-image: -webkit-linear-gradient(top, #ffffff00 0%, #ffffff00 50%, #ffffff59 100%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 50%  , rgba(0,0,0,0.4) 100%  );
	position:absolute;
	z-index: 150;
	color: transparent;
	width: 100%;
    height: 42%;
    object-fit: contain;
    top: calc( 100% - 50px);
}

.obj_desk{
	z-index: 300;
    position: absolute;
    color: transparent;
    width: 45%;
    height: 45%;
    object-fit: contain;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;	
}

.obj_reflect_desk{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-mask-image: -webkit-linear-gradient(top, #ffffff00 0%, #ffffff00 50%, #ffffff59 100%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 50%  , rgba(0,0,0,0.4) 100%  );
	position:absolute;
	z-index: 150;
	color: transparent;
	width: 100%;
    height: 42%;
    object-fit: contain;
    top: calc( 100% - 120px);
	pointer-events: none;
}


.obj_mini{
	z-index: 300;
    position: absolute;
    color: transparent;
    width: 45%;
    height: 45%;
    object-fit: contain;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;	
}

.obj_reflect_mini{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-mask-image: -webkit-linear-gradient(top, #ffffff00 0%, #ffffff00 80%, #ffffff59 100%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 80%  , rgba(0,0,0,0.4) 100%  );
	position:absolute;
	z-index: 150;
	color: transparent;
	width: 100%;
    height: 42%;
    object-fit: contain;
   top: calc( 100% - 24px);
	    pointer-events: none;
}

.obj_button:hover{
	opacity: 100%;
}

.obj_button{
	opacity: 40%;
}

.obj_button_selected{
	opacity: 100%;
}










.butt_yellow{
	color: #595A5A;
	border: 2px solid transparent;
	border-image: linear-gradient(to right, #52525200 0%, #595A5A 100%);
	border-image-slice: 1;
	border-left:0;
	text-align: end;
	background-image: linear-gradient(to right, #000000  , #353434);
	
	font-family: 'GRB';
	font-weight: 400;
	font-size: 12px;
	
	height:30px;
}

.butt_yellow:hover{
	color: #eed01a;
}			

/* REVERSE */

.butt_yellow_rev{
	color: #595A5A;
	border: 2px solid transparent;
	border-image: linear-gradient(to left, #52525200 0%, #595A5A 100%);
	border-image-slice: 1;
	border-right:0;
	text-align: start;
	background-image: linear-gradient(to left, #000000  , #353434);
	
	font-family: 'GRB';
	font-weight: 400;
	font-size: 12px;
	
	height:30px;
}

.butt_yellow_rev:hover{
	color: #eed01a;
}