@keyframes cover_fade_in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 0.8;
	}
}

@keyframes fade_in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade_out {
	0% {
		opacity: 0.8;
	}

	100% {
		opacity: 0;
	}
}

/*loader*/

/*loader*/
.loader {

	background-color: #141010;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.9;

}

.lds-ellipsis {
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 80px;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

/*loader end*/


/*scroll*/
.nicescroll-rails{
	z-index: 100000 !important;
}

.nicescroll-rails-hr {
	visibility: hidden;
}
.nicescroll-rails-vr {
	/*background-color: #323232;*/
	opacity: 0.5;
}
.nicescroll-cursors {
	border: none !important;
	/*background-color: #323232 !important;*/
	background-color: #39b3a8 !important;
}
/*end scroll*/


/*helper*/

label.error {
	font-size: 12px;
	color: #fff;
	float: inherit;
	position: absolute;
	right: 0px;
	background-color: #d24555;
	padding: 5.5px;
	height: 100%;
	top: 0;
	z-index: 10000;
	display: grid;
	align-items: center;
	font-family: "Myriad Pro Regular", "Calibri";
}

label.error::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #d24555;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}

.validate_box{
	position: relative;
	width: 100%;
}

.noscroll{
	overflow: hidden;
}

.spacer{
	margin-bottom: 10%;
}

.line{
	border-bottom: 1px solid #39b3a8;
	margin-bottom: 50px;
}

.login_token_spacer{
	margin-bottom: 15px;
}
.login_input_spacer{
	margin-bottom: 3px;
}

.del_margin{
	margin: 0 !important;
}

.del_padding{
	padding: 0 !important;
}

.click_wpr{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	cursor: pointer;
}

.click_wpr:hover {
	border-top: 1px solid #39b3a8;
	border-bottom: 1px solid #39b3a8;
	border-right: 6px solid #39b3a8;
}

.on_off{
	display: none;
}

/*helper end*/


/* fonts */
@font-face{
	font-family: "Bebas Neue Regular";
	src: url("../fonts/Dharma Type - Bebas Neue Regular.otf");
}

@font-face{
	font-family: "Myriad Pro Regular";
	src: url("../fonts/MyriadPro-Regular.otf");
}
/* end fonts */


/* globals */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.itm_shadow{
	box-shadow: inset gray 0px 0px 40px -12px;
}

html{visibility: hidden;}

body{
	background-color: #141010;
}

img{
	width: 100%;
	max-height: 100%;
	display: block;
}

a {
	all: unset;
}

table{
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	table-layout: fixed;
}

.wpr{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.wpr_lft{
	float: left;
}

.wpr_rgt{
	float: right;
}

.wpr_cntr{
	position: relative;
	width: max-content;
	margin: 0 auto;
}

.flex_wpr{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.ico_wpr{
	width: 100%;
}

.ico{
	width: 33%;
}

.uni_width_5{
	width: 5%;
}

.uni_width_10{
	width: 10%;
}

.uni_width_15{
	width: 15%;
}

.uni_width_20{
	width: 20%;
}

.uni_width_30{
	width: 30%;
}

.uni_width_40{
	width: 40%;
}

.uni_width_50{
	width: 50%;
}

.txt_cntr{
	text-align: center !important;
}
/* end globals */



/* search breadcrumb */
.srh_crumb{
	position: absolute;
	bottom: 0;
	color: #fff;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	width: 100%;
	text-align: center;
	text-decoration: underline solid #e85224;
	text-decoration-thickness: 0px;
	text-underline-offset: 5px;
	margin: 9px auto;
}
/* end search breadcrumb */


/* header nav searchbar filter */
header{
	background-color: #141010;
	position: fixed;
	/*box-shadow: 0px 2px 12px -2px rgba(25,25,25,0.7);*/
	z-index: 100;
	width: 100%;
	height: 200px;
}

.msg_hdr{
	font-family: "Myriad Pro Regular", "Calibri";
	text-transform: uppercase;
	background-color: #39b3a8;
	position: fixed;
	bottom: 0px;
	left: 50%;
	color: #fff;
	transform: translate(-50%, 0);
	padding: 5px 30px;
	font-size: 14px;
	z-index: 10000;
}

.hdr_wpr{
	width: 84%;
	display: flex;
	position: relative;
	margin: 0 8%;
	height: 100%;
}

.logo_wpr{
	width: 19%;
	position: relative;
}


.tri{
	width: 60%;
	background-image: url("../img/tri.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	height: 13px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
}

.cust_logo{
	position: absolute;
	width: 100%;
	height: 78%;
}

.change_cust_logo{
	float: left;
	height: 25px;
	width: 16%;
	min-width: 20%;
}

.logo_box{
	position: absolute;
	width: 100%;
	bottom: 0px;
	max-height: 100%;
	max-width: 280px;
	left: 50%;
	transform: translate(-50%,0);
}

.logo_box_ftr{
	width: 100%;
	bottom: 0px;
	max-height: 100%;
	max-width: 280px;
	float: left;
	clear: left;
}

.client_logo:hover, .cust_logo:hover{
	cursor: pointer;
}

nav{
	width: 59.5%;
	margin: 0 1.25%;
	position: relative;
}

.nav_wpr{
	position: absolute;
	width: 100%;
	bottom: 45px;
}

.slctn_wpr{
	position: relative;
	display: flex;
	width: 100%;
}

.slctn_box{
	width: 11.1%;
	height: 80px;
}

.slctn{
	position: relative;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	padding-top: 25px;
}

.slctn_head{
	width:100%;
	background-image:url("../img/slctn_head.svg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 8px;
	position: absolute;
	top: 0;
	opacity: 0;
}

.slctn .ico {
	margin: 0 auto;
	max-height: 30px;
	transition: 250ms ease-in;
}

.slctn_name{
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
	position: absolute;
	visibility: hidden;
	bottom: 10%;
	left: 50%;
	font-size: 10px;
	transform: translate(-50%, 0);
	text-transform: uppercase;
	text-align: center;
}

.slctn:hover,
.cat_active{
	background-color: rgba(57, 179, 168, 1);
	transition: 250ms ease-in;
	cursor: pointer;
}

.slctn:hover .slctn_head,
.cat_active .slctn_head{
	opacity: 1;
	-webkit-transition: 250ms ease-in;
}

.slctn:hover .ico,
.cat_active .ico{
	transform: translateY(-8px);
}

.slctn:hover .slctn_name,
.cat_active .slctn_name{
	visibility: visible;
	transition: 250ms ease-in;
}

.srh_bar{
	height: 35px;
	width: 100%;
	position: relative;
	border: 1px solid #39b3a8;
	background-color: #212121;
}

.input_ico{
	padding: 6px 0;
	width: 35px;
	cursor: pointer;
}

.menu{
	cursor: pointer;
	position: absolute;
	right: -8px;
	top: -13px;
	height: 60px;
	width: 60px;
	padding: 19px;
}

.menu_favorites{
	cursor: pointer;
	position: absolute;
	right: 22px;
	top: -13px;
	height: 60px;
	width: 70px;
	padding: 19px;
}

.fav_ico:hover{
	filter: brightness(0) saturate(100%) invert(59%) sepia(100%) saturate(281%) hue-rotate(125deg) brightness(86%) contrast(86%);
}

.menu_ico:hover, .logged{
	filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(4%) hue-rotate(358deg) brightness(102%) contrast(105%);
}

.menu:hover .menu_ico{
	filter: brightness(0) saturate(100%) invert(59%) sepia(100%) saturate(281%) hue-rotate(125deg) brightness(86%) contrast(86%);
}

.menu_favorites .fav_ico{
	padding-right: 10px;
	border-right: 1px dotted #fff;
}


/* filter + dropdown */
.fltr_hover{
	width: 40px;
	height: 40px;
}

hgroup{
	position: absolute;
	left: 25%;
	z-index: 1000;
}

.fltr_hoverbox{
	position: fixed;
	width: 35px;
	height: 35px;
	top: 120px;
	left: 25%;
	z-index: 98;
}

.fltr_hoverbox_dummy{
	position: fixed;
	width: 35px;
	height: 35px;
	top: 120px;
	left: 25%;
	z-index: 98;
}

.hoverbox_selected{
	position: fixed;
	width: 35px;
	height: 35px;
	top: 120px;
	left: 25%;
	z-index: 98;
	background-color: #39b3a8;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.hoverbox_selected .fltr_ico{
	background-image: url("../img/fltr_w.svg");
}

.fltr_selected_wpr{
	position: absolute;
	width: 100%;
	color: #fff;
	background-color: #212121;
	font-family: "Myriad Pro Regular", "Calibri";
	border-left: 4px solid #39b3a8;
}

.fltr_selected{
	position: relative;
	width: 100%;
	display: table;
	padding-right: 20px;
	margin-left: 5px;
}

.fltr_selected_box{
	float: left;
	border: #fff 1px solid;
	padding: 5px;
	position: relative;
	margin: 15px 0 0 15px;
	font-size: 15px;
}

.fltr_box_home{
	position: fixed;
	width: 50px;
	height: 50px;
	top: 120px;
	left: 25%;
	z-index: 99;
}

.fltr_ico{
	background-image: url("../img/fltr_tr.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	z-index: 100;
	width: 35px;
	height: 35px;
	top: 120px;
}

.fltr_hoverbox:hover .fltr_ico{
	background-color: #39b3a8;
	background-image: url("../img/fltr_w.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}


.fltr_wpr{
	width: 100%;
	position: absolute;
	left: -1px;
	bottom: -2px;
	z-index: 10000;
}

.fltr{
	display: none;
	position: fixed;
	width: 50%;
	left: 25%;
	top: 155px;
	background-color: #141010;
	box-shadow: 0px 4px 15px 1px rgba(20,16,16,0.5);
}

.fltr:hover {
	display: block;
}

.select_wpr{
	display: flex;
}

.select{
	width: 11.11%;
	border-left: 1px dotted #fff;
	color: #fff;
	font-family: "Bebas Neue Regular","impact";
	text-align: center;
	position: relative;
	letter-spacing: 0.5px;
	display: flex;
	word-wrap: anywhere;
	font-size: 15px;
	min-height: 40px;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid transparent;
	padding-bottom: 7px;
	padding-top: 9px;
	cursor: pointer;
}

select option:hover{
	color: #39b3a8;
	background-color: #212121;
}

.select_hdl{
	float: left;
	color: #fff;
	font-family: "Bebas Neue Regular","impact";
	font-size: 15px;
	letter-spacing: 0.5px;
}

.select:hover{
	border-bottom: 2px solid #39B3A8;
}

.drp_wpr:hover{
	border-bottom: 2px solid #39B3A8;
}

.drp_subline:hover::before{
	transform: rotate(90deg);
}

.select:hover .drp{
	display: block;
	z-index: 1;
}

.drp_wpr:hover .drp{
	display: block;
	z-index: 1;
}

.conm_menu:hover .drp_menu{
	display: block;
	z-index: 1000;
}

.drp_menu{
	display: none;
	background-color: #212121;
	min-width: 10%;
	position: absolute;
	top: 79.5%;
	right: 8%;
	padding: 0 5px 10px 5px;
	text-align: left;
	box-shadow: 0px 3px 15px 2px rgba(20,16,16,0.5);
	max-height: 50vh;
	z-index: -1;
	cursor: pointer;
}

.drp_subline::before{
	content: "";
	background-image: url("../img/arrow_tr.svg");
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 12px;
	min-width: 12px;
	display: inline-block;
	margin-right: 5px;
}

.drp_cntr{
	width: max-content;
	margin: 0 auto 20px auto;
}

.drp_lft{
	width: max-content;
	margin-bottom: 20px;
}

.drp_rgt{
	width: max-content;
	margin-bottom: 20px;
	float: right;
	clear: right;
}

.drp_wpr{
	position: relative;
	font-family: "Bebas Neue Regular","impact";
	letter-spacing: 0.5px;
	word-wrap: anywhere;
	font-size: 15px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.drp_border_full{
	border-right: 1px dotted #FFFFFF;
	border-left: 1px dotted #FFFFFF;
	width: max-content;
	text-align: center;
	padding: 0 5px;
}

.drp_border_lft{
	border-left: 1px dotted #FFFFFF;
	width: max-content;
	text-align: left;
	padding: 0 5px;
}

.drp_border_rgt{
	border-right: 1px dotted #FFFFFF;
	border-left: none !important;
	width: max-content;
	text-align: right;
	padding: 0 5px;
}

.drp_hdl{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 4px;
	width: 100%;
	text-align: center;
}

.drp_subline{
	color: #39B3A8;
	font-size: 14px;
	width: 100%;
}

.drp{
	display: none;
	background-color: #212121;
	min-width: max-content;
	position: absolute;
	top: 103.5%;
	left: -1px;
	padding: 0 5px 10px 5px;
	text-align: left;
	box-shadow: 0px 3px 15px 2px rgba(20,16,16,0.5);
	overflow-y: scroll;
	max-height: 50vh;
	scrollbar-width: thin;
	z-index: -1;
	cursor: pointer;
}

#conm_order .drp, .conm_drp .drp{
	min-width: 100%;
	left: 0px;
	padding: 5px 5px 5px 5px;
	top: 19px !important;
}

#conm_order .drp .option, .conm_drp .drp{
	padding: 12px 5px 12px 7px !important;
}

.drp div, .drp_menu div{
	border-bottom: 1px dotted #fff;
	padding: 12px 5px;
	position: relative;
}

.option:hover ~ .drp_subline::before{
	transform: rotate(90deg);
}

.fltr_option, .sort_option, .option{
	font-size: 14px;
	font-family: "Myriad Pro Regular","Calibri";
	letter-spacing: 0;
	line-height: 100%;
	color: #ffffff;
}

.menu_option{
	font-size: 15px;
	font-family: "Bebas Neue Regular", "Impact";
	letter-spacing: 0;
	line-height: 4%;
	color: #ffffff;
}

.menu_option div {
	width: 100%;
}

.drp div:last-child, .drp_menu div:last-child{
	border-bottom: none;
}

.drp div:hover, .drp_menu div:hover{
	color: #39B3A8;
}

.drp div:hover::before, .drp_menu div:hover::before{
	display: block;
}

.drp .fltr_option::before,
.drp .sort_option::before,
.drp .option::before,
.drp_menu .menu_option::before{
	content: "";
	background-color: #39B3A8;
	width: 2px;
	height: 64%;
	position: absolute;
	top: 18%;
	left: 0;
	display: none;
}

nav input{
	width: 100%;
	outline: none;
	border: none;
	padding-left: 10px;
	background-color: #212121;
	color: #AAAAAA;
	-webkit-appearance: none;
	font-size: 12px;
	height: 100%;
}

.input_box_tbl{
	float: left;
	margin-top: 5px;
	position: relative;
}

.input_box_tbl span {
	display: none;
}

.input_active span{
	background-color: #D24555;
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 170%;
	display: block;
}

nav form{
	width: 100%;
}

nav form input{
	width: 100%;
	outline: none;
	border: none;
	padding-left: 10px;
	color: #AAAAAA;
	-webkit-appearance: none;
	font-size: 12px;
}

.client_logo{
	position: absolute;
	width: 100%;
	height: 78%;
	top: 0;
}

/* sidebar */
aside{
	width: 8%;
	float: left;
	position: relative;
	min-height: 1px;
}

.category{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 27px;
	color: #fff;
	letter-spacing: 0.5px;
	writing-mode: vertical-lr;
	transform: rotate(-180deg);
	float: right;
	position: absolute;
	right: 3px;
}

.side_wpr{
	position: fixed;
	width: 8%;
	padding: 0 1%;
	z-index: 100;
}

.con{
	position: relative;
	border-bottom: 2px dotted #FFFFFF;
	padding-bottom: 20px;
	font-family: "Myriad Pro Regular","Calibri";
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
}

.con_dtl .ico_wpr{
	display: flex;
	margin-bottom: 10px;
	justify-content: center;
}

.con_dtl .ico{
	position: relative;
	padding: 0 6px;
}

.con_dtl .ico{
	border-right: 1px solid #e85224;
}

.con_dtl .ico:last-of-type{
	border: none;
}

.con_img{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px auto;
}

.con_img img{
	object-fit: cover;
	object-position: top center;
}

.cart{
	width: 100%;
	display: table;
	padding: 20px 0;
	height: 100%;
	cursor: pointer;
}

.window_cnt_wpr{
	position: relative;
	display: table;
	width: 100%;
	padding: 2%;
}

.window_cnt_wpr_reg{
	position: relative;
	display: table;
	width: 90%;
	margin: 5%;
}

.cart .ico_wpr{
	position: relative;
}


.cart_ico{
	width: 55%;
	margin: 0 auto 10px auto;
}

.ico_hvr{
	transition: 200ms ease-in;
	width: 70%;
	margin: 0 auto;
}

.ico_hvr:hover{
	transform: scale(0.84);
	cursor: pointer;
}

.cart_empty{
	background-color: #d24555;
	font-family: "Bebas Neue Regular","impact";
	font-size: 20px;
	padding: 1%;
	color: #fff;
	margin: 0 0 1% 5%;
}

.cart_checkout_empty{
	width: 60%;
	background-color: #d24555;
	font-family: "Bebas Neue Regular","impact";
	font-size: 20px;
	padding: 1%;
	color: #fff;
	width: 60%;
	margin: 0 auto 1%;
	text-align: center;
}

.cart_cntr{
	position: absolute;
	color: #39b3a8;
	font-size: clamp(1rem, 1vw + .3rem, 5rem);
	left: -7%;
	top: 65%;
	text-align: center;
	font-family: "Bebas Neue Regular","impact";
	width: 100%;
	transform: translate(0,-41%);
}

.cart_cntr span{
	position: absolute;
	color: #141010;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 12px;
}

.cart_tot{
	font-family: "Bebas Neue Regular","impact";
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}


/*mainarea items*/
main{
	width: 100%;
	display: table;
	padding-top: 210px;
	height: 100%;
}

.fiv_grid{
	width: 84%;
	float: left;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 1.25%;
	grid-row-gap: 35px;
	position: relative;
	min-height: 1px;
}

.itm{
	background-color: #fff;
	transition: 250ms ease-in;
	z-index: 90;
	position: relative;
}

.itm:hover{
	transform: scale(1.03);
	transition: 150ms ease-in;
}

.itm_hit{
	border: #39b3a8 4px solid;
	box-shadow: inset gray 0px 0px 60px -12px;
}

.itm_hit_box{
	position: absolute;
	height: 30px;
	background-color: #39b3a8;
	font-family: "Bebas Neue Regular","impact";
	color: #fff;
	padding-left: 28px;
	line-height: 180%;
	padding-right: 8px;
	left: 50%;
	transform: translateX(-50%)
}

.itm_hit_ico_wpr{
	position: absolute;
	width: 17px;
	top: 5px;
	left: 6px;
}

.itm_thumb_eco{
	position: absolute;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 70px 70px;
	border-color: transparent transparent #32AC5C transparent;
	bottom: 0;
	right: 0;

}

.thumb_eco_wpr{
	position: absolute;
	width: 40px;
	bottom: -60px;
	right: 6px;
	cursor: pointer
}

.itm_btn{
	cursor: pointer;
}

.itm_hdr{
	width: 100%;
	display: table;
	padding: 3%;
}

.itm_hdr .wpr_lft{
	width: 55%;
}

.itm_hdr .wpr_rgt{
	width: 45%;
}

.itm_att{
	display: none;
}

.pkg{
	width: 100%;
	display: table;
}

.pkg span{
	font-family: "Bebas Neue Regular","impact";
	color: #212121;
	float: left;
	padding-top: 2%;
	margin-left: 3%;
	font-size: 20px;
	min-width: 120px;
}

.prc{
	background-color: #212121;
	font-family: "Bebas Neue Regular","impact";
	color: #fff;
	text-align: center;
	padding: 7px 12px 6px 12px;
	margin-bottom: 5px;
	font-size: 18px;
}

.dlv_date{
	font-family: "Myriad Pro Regular","Calibri";
	font-size: 11px;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	padding: 2px 0;
}

.dlv_date span{
	float: right;
	margin-right: 3%;
}

.itm_img{
	padding: 5% 20%;
}

.itm_img img {
	aspect-ratio: 1 / 1;
}

.itm_sub{
	width: 100%;
	padding: 3%;
	display: table;
	font-family: "Bebas Neue Regular","impact";
	position: relative;
}

.itm_btm_text{
	width: 75%;
	font-size: 22px;
	text-align: center;
	position: absolute;
	bottom: 5px;
	transform: translateX(-50%);
	left: 50%;
}

.itm_btm_lft, .itm_btm_rgt{
	width: 8%;
	position: relative;
	cursor: pointer;
}

.itm_btm_rgt{
	width: 30px;
	height: 30px;
	float: right;
}

.itm_btm_rgt img:hover{
	filter: brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(267%) hue-rotate(125deg) brightness(81%) contrast(92%);
}

.itm_btm_lft{
	float: left;
}



.fav_blk img{
	display: none;
}

.fav_blk{
	background-image: url("https://www.connected.market/market/view/content/img/heart_bl.svg");
	width: 30px;
	height: 30px;
	transition: all 250ms ease-in-out;
}

.fav_blk:hover{
	background-image: url("https://www.connected.market/market/view/content/img/heart_filled.svg");
	width: 30px;
	height: 30px;
	transform: scale(0.88);
}

.fav_blk_active img{
	display: none;
}

.fav_blk_active{
	background-image: url("https://www.connected.market/market/view/content/img/heart_filled.svg");
	width: 30px;
	height: 30px;
}

.fav_wht img{
	display: none;
}

.fav_wht{
	background-image: url("https://www.connected.market/market/view/content/img/heart_w.svg");
	width: 25px;
	height: 25px;
	transition: all 350ms ease-in-out;
}

.fav_wht:hover{
	background-image: url("https://www.connected.market/market/view/content/img/heart_filled_bl.svg");
	width: 25px;
	height: 25px;
	transform: scale(0.88);
}

.fav_wht_active img{
	display: none;
}

.fav_wht_active{
	background-image: url("https://www.connected.market/market/view/content/img/heart_filled_bl.svg");
	width: 25px;
	height: 25px;
}


.itm_desc{
	width: 100%;
	background-color: #212121;
	color: #fff;
	text-align: center;
	font-family: "Myriad Pro Regular","Calibri";
	font-size: 13px;
	padding: 4% 2%;
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.itm_ftr{
	width: 100%;
	background-color: #39b3a8;
	text-align: center;
	padding: 1.5% 0;
	font-family: "Bebas Neue Regular","impact";
	color: #fff;
	font-size: 18px;
}

.itm_ftr_mid{

	/*background-color: #FFA500;*/
	/*background-color: #F7B04B;*/
	background-color: #39b3a8;

}

.itm_ftr_low{

	background-color: #459dbd;

}

.wpr_rgt{
	float: right;
	width: 30%;
}

.wpr_rgt div{
	float: right;
}

.wpr_lft{
	float: left;
	width: 30%;
}

.wpr_lft div{
	float: left;
}

/* footer */
footer{
	height: 215px;
	width: 100%;
}

.size{
	width: 100%;
	position: fixed;
	z-index: 1000;
	display: none;
	height: 100%;
	overflow-y: scroll;
}

.cover{
	width: 100%;
	position: fixed;
	background-color: #141010;
	opacity: 0.8;
	z-index: 1000;
	cursor: pointer;
	height: 100%;
}


/* item details window */
.window{
	position: relative;
	width: 54%;
	border: 1px solid #39b3a8;
	display: none;
	animation: fade_in 1s;
	min-width: 950px;
	background-color: #141010;
	z-index: 10000;
	margin-bottom: 100px;
}

.window_mid{
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.window_mid_login{
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	border: none;
}

.window_top{
	transform: translate(-50%, 0%);
	top: 10%;
	left: 50%;
	margin-bottom: 10%;
}

.itm_wpr{
	position: relative;
	width: 49%;
	float: left;
	background-color: #FFFFFF;
}

.itm_dtl_head{
	display: table;
	width: 49%;
}

.itm_wpr_lft{
	float: left;
	width: 50%;
}

.itm_wpr_rgt{
	float: right;
	width: 50%;
	color: #FFFFFF;
}

.itm_wpr_lft .ico{
	max-width: 25px;
}

.itm_wpr_rgt .ico{
	float: right;
}

.itm_wpr_rgt .prc{
	font-size: 28px;
	padding: 7px 12px 4px 12px;
	margin-bottom: 10px;
	float: right;
	clear: right;
}

.itm_wpr_rgt .dlv_date::after{
	content: " ";
	position: absolute;
	display: block;
	height: 1px;
	width: 24%;
	bottom: -5px;
	right: 0px;
	border-bottom: 1px dotted #fff;
}

.itm_nmbr{
	font-size: 11px;
	font-family: "Myriad Pro Regular", "Calibri";
	font-style: italic;
	margin: 10px 0px;
	width: 100%;
	text-align: right;
	float: right;
	text-transform: uppercase;
}

.itm_brk{
	font-size: 14px;
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
	font-style: italic;
	margin-bottom: 4px;
	width: 100%;
	text-align: right;
	float: right;
}

.brk_active{
	color: #39B3A8;
}

.itm_extra{
	font-size: 12px;
	color: #39B3A8;
	font-family: "Myriad Pro Regular", "Calibri";
	margin: 7px 0 0 10px;
	font-style: italic;
	text-align: left;
	float: left;
}

.itm_extra_card{
	font-size: 10px;
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
	font-style: italic;
	text-align: center;
	line-height: 170%;
}

.itm_dtl_info{
	width: 47%;
	position: absolute;
	right: 2%;
	bottom: 4%;
}

.itm_dtl_fltr{
	margin-bottom: 20px;
}

.fltr_hdl{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.itm_dtl_fltr .select{
	border-right: 1px dotted #FFFFFF;
	border-left: none;
	width: 25%;
	display: block;
}

.itm_dtl_fltr .select_wpr::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 38px;
	background-color: #39b3a8;
	z-index: 90;
}

.itm_dtl_fltr .select .drp{
	top: 40px;
	max-height: 17vh;
	z-index: 1;
}

.itm_dtl_desc{
	width: 100%;
	color: #FFFFFF;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
	margin-bottom: 10px;
}

.itm_dtl_hdl{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 30px;
	text-transform: uppercase;
}

.fltr_amount{
	width: 100%;
	height: 40px;
	background-color: #212121;
	position: relative;
	color: #FFFFFF;
	padding: 6px 18px;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid #39b3a8;
}

.fltr_amount:hover{
	background-color: #39b3a8;
}

.fltr_amount span{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 24px;
}

.fltr_amount:hover .drp{
	display: block;
	z-index: 1;
}

.fltr_amount .drp::before {
	content: " ";
	position: absolute;
	width: 4px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #39B3A8;
}

.fltr_amount::before{
	content: "";
	background-image: url("../img/arrow_w.svg");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 12px;
	width: 12px;
	left: 5px;
	top: 14px;
}

.fltr_amount:hover::before{
	transform: rotate(90deg);
}

.itm_amount{
	width: 100%;
	height: 40px;
	background-color: #39b3a8;
	position: relative;
	color: #FFFFFF;
	padding: 6px 10px;
	margin-bottom: 20px;
	cursor: pointer;

}

.itm_amount span{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 24px;
}

.unit_cnt_wpr{
	width: 100%;
	margin-bottom: 20px;
	display: table;
}

.unit_cnt{
	display: flex;
	column-gap: 10px;
	float: left;
}

.chkout_wpr .btn_pls_min{
	width: 100%;
}

.chkout_wpr .unit_cnt{
	width: 100%;
}

.unit_cnt .ico{
	cursor: pointer;
}

.unit_cnt .ico:hover{
	cursor: pointer;
	border: 1px solid #39B3A8;
}

.unit_cnt .ico{
	width: 30px;
	height: 30px;
	border: 1px solid #FFFFFF;
	padding: 9px 0;
}

.unit_cnt_wpr span{
	margin: 4px 0  0 20px;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	color: #FFFFFF;
	float: left;
}

.cntr{
	width: 30px;
	height: 30px;
	border: 1px solid #39B3A8;
	background-color: #212121;
	font-family: "Bebas Neue Regular", "Impact";
	padding-top: 2px;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
}

.cntr:focus{
	outline: none;
}

.btn_out{
	width: 100%;
	position: relative;
	border: solid thin #fff;
	text-align: center;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
}

.btn_out:hover{
	border: solid thin #39B3A8;
	background-color: #39B3A8;
}

.btn_full, .btn_rgt, .btn_lft{
	width: 35%;
	position: relative;
	background-color: #39B3A8;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
}

.btn_full_black, .btn_rgt_black, .btn_lft_black{
	width: 35%;
	position: relative;
	background-color: #141010;
	border: solid thin #ffffff;
	text-align: center;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
}

.btn_max{
	width: 100%;
	position: relative;
	background-color: #39B3A8;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
}

.btn_full, .btn_max{
	margin: 0 auto;
}

.btn_rgt{
	float: right;
	clear: right;
}

.btn_max:hover, .btn_full:hover, .btn_lft:hover, .btn_rgt:hover{
	border: solid thin #FFFFFF;
	background-color: #141010;
	color: #39B3A8;
}

.back_btn_mid{
	position: relative;
	background-color: #d24555;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
	width: 10%;
	margin: 0 auto;
	margin-top: 30px;
}

.back_btn_mid_full{
	position: relative;
	background-color: #d24555;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}

.back_btn_rgt{
	position: relative;
	background-color: #d24555;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 22px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 30px;
	float: right;
	clear: right;
}

.fltr_btn{
	display: none;
	position: relative;
	width: 49%;
	padding: 0 20px;
	float: left
}

.fltr_btn_del{
	position: relative;
	background-color: #d24555;
	border: solid thin transparent;
	text-align: center;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 30px 0 15px 0;
	width: 100%;
}

.fltr_btn_itm{
	position: relative;
	/*background-color: #000000;*/
	border: solid thin #ffffff;
	text-align: center;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 18px;
	color: #FFFFFF;
	margin: 30px 0 15px 0;
	width: 100%;
}

.fltr_btn_del:hover{
	border: solid thin #FFFFFF;
	background-color: transparent;
}

.back_btn_mid:hover, .back_btn_rgt:hover{
	border: solid thin #FFFFFF;
	background-color: #141010;
}

.back_btn_mid svg{
	width: 20px;
	color: #fff;
}

.close{
	position: absolute;
	background-color: #fff;
	width: 30px;
	height: 30px;
	top: -15px;
	right: -15px;
	border-radius: 50%;
	border: 4px solid #141010;
	cursor: pointer;
	padding: 4px;
}

.close div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* basket */
.cart_hdl_wrp{
	padding: 0 5%;
}

.hdl_lft{
	color: #FFFFFF;
	font-size: 58px;
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	border-bottom: 4px solid #39B3A8;
	letter-spacing: 1px;
	margin-bottom: 30px;
	width: max-content;
}

.hdl_rgt{
	color: #FFFFFF;
	font-size: 58px;
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	border-bottom: 4px solid #39B3A8;
	float: right;
	clear: right;
	letter-spacing: 1px;
	margin-bottom: 30px;
	width: max-content;
}

.hdl_mid{
	color: #FFFFFF;
	/*font-size: 58px;*/
	font-size: clamp(2rem, 2.5vw + .5rem, 7rem);
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	border-bottom: 4px solid #39B3A8;
	letter-spacing: 1px;
	margin: 0 auto 30px auto;
	width: max-content;
}

.hdl_mid_sml{
	color: #FFFFFF;
	font-size: 20px;
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	border-bottom: 4px solid #39B3A8;
	letter-spacing: 1px;
	margin: 0 auto 15px auto;
	width: max-content;
}

.txt_box_center{

	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
	text-align: center;

}

.sbl_mid_sml{
	color: #FFFFFF;
	font-size: 20px;
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 auto 15px auto;
	width: max-content;
}

.cost_centre{
	float: right;
	width: max-content;
}

.cost_centre .select{
	width: 140px;
	margin: 0 auto;
	border-right: 1px dotted #FFFFFF;
	padding: 0;
	font-size: 16px;
}

.tbl{
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.row{
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.row_cntr{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 28px;
	color: #FFFFFF;
	width: 4%;
	text-align: center;
	border-top: 6px solid #39B3A8;
	padding-top: 5px;
	margin-right: 1%;
	position: absolute;
	top: 0;
	left: 0;
}

.row_cnt{
	float: right;
	width: 100%;
	display: flex;
	border-bottom: 1px dotted #fff;
	align-items: center;
	min-height: 70px;
}

.tbl_ftr_row{
	float: right;
	width: 31%;
	display: flex;
	align-items: center;
	min-height: 70px;
}

.row_cnt_cntr{
	float: right;
	width: 95%;
	display: flex;
	padding-bottom: 20px;
	border-bottom: 1px dotted #fff;
	align-items: center;
	min-height: 70px;
	position: relative;
}

.tbl_ftr{
	position: relative;
	float: right;
	width: 95%;
	min-height: 70px;
}

.tbl .row:last-child .row_cnt{
	border-bottom: none;
}

.row_head{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #ffffff;
	padding-bottom: 5px;
}

.itm_row_opt {
	color: #fff;
	font-family: "Bebas Neue Regular", "Impact";
	width: 34%;
	margin-top: 4px;
}

.opt_hdl{
	padding-left: 27px;
}

.opt_row{
	padding-left: 84px;
}

.opt_row::before {
	content: " ";
	display: block;
	position: relative;
	background-image: url("../img/arrow_tr.svg");
	width: 15px;
	height: 15px;
	float: left;
}

.tbl .itm_img{
	width: 13%;
	margin-right: 1%;
	padding: 0;
}

.itm_info{
	width: 25%;
	margin-right: 4%;
	align-self: start;
}

.itm_num{
	font-size: 25px;
	color: #fff;
	font-family: "Bebas Neue Regular", "Impact";
	margin-bottom: 10px;
	line-height: 21px;
	letter-spacing: 1px;
}

.tbl .itm_desc{
	background-color: transparent;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.ico_box{
	width: 8%;
	min-width: 62px;
	padding: 5px 0px;
	margin-right: 2%;
}

.itm_prc{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 25px;
	color: #FFFFFF;
	line-height: 26px;
	padding: 26px 0px;
	width: 15%;
	text-align: center;
}

.tbl .unit_cnt_wpr{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 25px;
	color: #FFFFFF;
	padding: 22px 0px;
	width: 12%;
	margin: 0 1%;
}

.tbl_total{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 25px;
	color: #FFFFFF;
	padding: 26px 0px;
	width: 42%;
	line-height: 26px;
}

/* Summary extra costs */

.row_ec_cnt_cntr{
	float: right;
	width: 95%;
	display: flex;
	align-items: center;
	position: relative;
}

.row_ec_cnt{
	float: right;
	width: 100%;
	display: flex;
	border-bottom: 1px dotted #fff;
	align-items: center;
}


.tbl .reg_label{
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 14px;
	color: #FFFFFF;
	width: 12%;
	margin: 0 1%;
}

.extra_costs{
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 26px;
	width: 15%;
	text-align: center;
}

/* END Summary extra costs */


.content aside{
	position: absolute;
	width: max-content;
	top: 100px;
	left: 50%;
	transform: translate(-50%,-0%);
	text-align: center;
	color: #FFFFFF;
	font-size: 35px;
	font-family: "Bebas Neue Regular", "Impact";
	text-transform: uppercase;
	border-bottom: 4px solid #39B3A8;
	letter-spacing: 1px;
}

.del_ico_wpr{
	position: absolute;
	right: 0;
	border: 2px solid transparent;
}

.del_ico_wpr:hover{
	cursor: pointer;
}

.del_ico{
	position: absolute;
	top: 50%;
	right: 50%;
	width: 15px;
	height: 17px;
	padding: 0 !important;
	cursor: pointer;
	background-image: url("https://www.connected.market/market/view/content/img/delet_v2_red.svg");
	background-size: cover;
	background-repeat: no-repeat;
	transform: translate(-50%,-50%);
}

.fltr_del_ico{
	width: 15px;
	height: 17px;
	cursor: pointer;
	background-image: url("https://www.connected.market/market/view/content/img/delet_v2_red.svg");
	background-size: cover;
	background-repeat: no-repeat;
	float: right;
	margin-left: 10px;
}


.check_ico_wpr{
	display: none;
	position: absolute;
	right: -1px;
	top: -16px;
}

.border_box{
	position: relative;
	width: 32px;
	height: 32px;
	border: 2px solid #d24555;
}

.check_ico_box{
	position: relative;
	background-color: #d24555;
	width: 32px;
	height: 32px;
	transform-origin: top;
	animation: slideaway 200ms;
}

@keyframes slideaway {
	from { transform: ScaleY(0); opacity: 0;}
	to { transform: ScaleY(1); opacity: 1;}
}

.check_ico{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17px;
	height: 17px;
	padding: 0 !important;
	cursor: pointer;
	background-image: url("https://www.connected.market/market/view/content/img/check.svg");
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate(-50%,-50%);
}

.basket_ico{
	width: 2%;
	position: relative;
	right: 0;
	padding: 27px 0;
	cursor: pointer;
	filter: brightness(0) saturate(100%) invert(59%) sepia(20%) saturate(1143%) hue-rotate(125deg) brightness(98%) contrast(93%);
	margin: 0 auto;
}

.basket_ico:hover{
	filter: brightness(100%) saturate(100%) ;
}

/* overview */
.overview_wpr{
	display: table;
	width: 100%;
	padding:4%;

}

/* checkout */
.chkout_wpr{
	display: table;
	width: 80%;
	margin: 0 auto;
}

.chkout_nav{
	display: flex;
	justify-content: space-between;
	height: 90px;
}

.chkout_box{
	position: relative;
	width: 30%;
	display: table;
	padding: 1.5%;
}

.chkout_box:hover{
	cursor: pointer;
}

.chkout_box:hover .chkout_ico{
	opacity: 1;
}

.chkout_box:hover .chkout_sub{
	opacity: 1;
}

.chkout_box::after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 35%;
	right: -15%;
	background-image: url("../img/tracking_arw.svg");
}

.chkout_box:last-child::after{
	display: none;
}

.chkout_check{
	position: absolute;
	min-width: 35px;
	max-width: 35px;
	top: 6px;
	right: 0%;
	left: 53%;
	z-index: 10;
}

.chkout_ico{
	margin: 0px auto 10px auto;
	width: 50px;
	opacity: 0.2;
	transition: 250ms ease-in;
}

.chkout_box:hover .chkout_ico{
	transform: translateY(-6px);
}

.chkout_sub{
	color: #fff;
	text-align: center;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 18px;
	opacity: 0.2;
	transition: 250ms ease-in;
}

.opacity_full{
	opacity: 1 !important;
	transition: 100ms ease-in-out;
}

.chkout_cart{
	display: block;

}

.chkout_accounting{
	display: block;

}

.notes{
	position: relative;
	width: 60%;
	margin: 0 auto 5% auto;
}

.textarea{
	width: 100%;
	height: 100px;
	background-color: #212121;
	margin-bottom: 20px;
	resize: none;
	border: 1px solid #39B3A8;
	color: #fff;
	padding: 5px;
	outline: none;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 14px;
}

.notes input{
	width: 100%;
	background-color: #212121;
	border: 1px solid #39B3A8;
	color: #fff;
	padding-left: 5px;
	height: 25px;
	outline: none;
}

.label, .label_chk_box, .label_rdo_box{
	font-size: 20px;
	font-family: "Bebas Neue Regular","impact";
	margin-left: 10px;
	position: relative;
	width: 100%;
	margin-bottom: 6px;
	color: #FFFFFF;
	text-transform: uppercase;
	display: table;
}

.label_chk_box{
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 16px;
	width: max-content;
	margin: unset;
	padding-bottom: 3px;
}

.label_rdo_box{
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 16px;
	width: max-content;
	margin: unset;
	padding-bottom: 3px;
	margin-left: 5px;
	float: left;
}

.label::before{
	width: 1px;
	height: 22px;
	border-left: 2px dotted #FFFFFF;
	position: absolute;
	left: -10px;
	top: 2px;
	content: "";
}

.label_wpr{
	margin-bottom: 20px;
	width: max-content;
	display: table;
}

.label_subline{
	font-size: 14px;
	color: #39b3a8;
	font-family: "Myriad Pro Regular", "Calibri";
	letter-spacing: .5px;
	width: max-content;
	text-transform: uppercase;
	border-left: 2px solid #39b3a8;
	padding-left: 8px;
}

.address{
	width: 100%;
	display: table;
	margin-bottom: 20px;
	position: relative;
}

.address_box, .input_box {
	display: flex;
	column-gap: 20px;
	margin-bottom: 20px;
}

.input_box_four{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	margin-bottom: 20px;
}

.input_box_four div{
	flex: 1 0 21% !important;
}

.input{
	width: 100%;
	background-color: #212121;
	border: 1px solid #39b3a8;
	outline: none;
	color: #fff;
	padding-left: 5px;
	height: 25px;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 14px;
}

.input_big{
	width: 100%;
	background-color: #141010;
	border: 1px solid #ffffff;
	outline: none;
	color: #fff;
	padding: 5px;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 18px;
}

.input[type=file]{
	float: right;
	padding-left: 0;
}

.input::file-selector-button {
	border-radius: 0;
	border: 1px solid transparent;
	padding: 2px 6px;
	margin-right: 10px;
	background-color: #39b3a8;
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
}

.input::file-selector-button:hover{
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
}

.input_img{
	width: 500px;
}

.wpr:has([type=checkbox]){
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: flex-end;
}

.input[type=checkbox]{
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	padding: unset;
}

.input[type=checkbox]:checked{
	background-image: url("../img/cb_icon_checked.svg");
	background-repeat: no-repeat;
	background-position: center;
}


input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

input[type=radio]:hover{
	background-color: #39b3a8;

}

input[type=radio]:checked{
	background-color: #39b3a8;
	border: 1px solid #FFF;

}

.validate_box:has([type=checkbox]){
	width: max-content;
	display: flex;
	margin-right: 10px;
}

.eye_icon{
	position: absolute;
	width: 8%;
	top: 57%;
	right: 4%;
}

.chkout_order_top{
	display: table;
	width: 100%;
	margin-bottom: 50px;
}

.address_wpr{
	position: relative;
	width: 48%;
}

.separator{
	border-right: 1px solid #39b3a8;
}

.summary_accounting{
	position: relative;
	width: 48%;
}

.input:disabled{
	border: none;
}

.textarea:disabled{
	border: none;
}

.pen_ico{
	float: left;
	width: 20px;
	margin: 3px 0px 0px 5px;
}

.pen_ico:hover{
	cursor: pointer;
	filter: brightness(0) saturate(100%) invert(33%) sepia(71%) saturate(815%) hue-rotate(311deg) brightness(99%) contrast(92%);
}

.unit_cnt_sumup{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 25px;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	width: 100%;
}

/* settings */
.neutral{
	width: 84%;
	float: left;
	position: relative;
	min-height: 1px;
	display: block;
}

.content{
	width: 80%;
	position: relative;
	margin: 0 auto;
	display: table;
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
}

.set_wpr{
	margin-bottom: 50px;
	display: table;
	width: 100%;

}

.set_sign_wpr{
	width: 48%;
	display: table;
	position: relative;
}

.set_sign{
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.set_btm_box{
	position: absolute;
	bottom: 0;
}

.hdl_wpr{
	width: 100%;
	margin-bottom: 30px;
}

.hdl_wpr .sect_hdl{
	width: max-content;
	float: none;
}

.date{
	font-family: "Bebas Neue";
	font-size: 20px;
}

.wpr:last-child{
	border-bottom: none;
}

.clm_hdl{
	color: #FFFFFF;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
	text-transform: uppercase;
	font-weight: lighter;
}

.clm{
	position: relative;
	display: table;
}

.clm_spacer{
	width: 68%;
	visibility: hidden;
}

.mode_ico{
	width: 35px;
	float: left;
	margin-right: 20px;
	padding: 1%;
}

.conm_order_history .uni_width_10 .mode_ico{
	margin: 0 auto;
	float: unset;
}

#conm_registration{
	display: none;
}

.mode_info{
	float: left;
}

.mode_slct{
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
}

.mode_txt{
	position: relative;
	font-size: 20px;
	font-family: "Bebas Neue Regular", "Impact";
	letter-spacing: .5px;
}

.mode_txt::before{
	content: " ";
	background-image: url("../img/arrow_tr.svg");
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	height: 15px;
	width: 15px;
}

.tbl_wrp{
	width: 100%;
}

.tbl_prc{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 25px;
	color: #FFFFFF;
}

.tbl_date{
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	color: #FFFFFF;
}

.order_num{
	font-size: 20px;
	font-family: "Bebas Neue Regular", "Impact";
	letter-spacing: .5px;
}

.tbl_select::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #39b3a8;
	z-index: 90;
}

.tbl_select{
	width: 100%;
	position: relative;
	margin-bottom: 30px;
	display: flex;
	padding-left: 10px;
}

.empty{
	border: none;
	width: 40px;
}

.order .fltr{
	display: block;
	top: 0;
	left: 0;
	position: relative;
	padding: 0;
	margin-bottom: 40px;
}
.order .select{
	width: 170px;
	text-align: center;
	border-right: 1px dotted #fff;
	border-left: none;
}

.order .drp{
	z-index: 90;
}

.select p{
	position: relative;
	width: max-content;
	margin: 0 auto;
}

.select p::before {
	content: "";
	background-image: url("../img/arrow_tr.svg");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 12px;
	width: 12px;
	left: -15px;
	top: 2px;
}


/* login */
.login_wpr{
	width: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.con_market_logo{
	width: 100%;
}

.token{
	width: 100%;
	border: none;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #39b3a8;
	outline: none;
	background-color: #141010;
	letter-spacing: 16px;
	text-indent: 12px;
	font-size: 25px;
}

.input_token{
	width: 100%;
	border: none;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #39b3a8;
	outline: none;
	background-color: #141010;
	letter-spacing: 16px;
	text-indent: 12px;
	font-size: 25px;
}

.login_input{
	width: 100%;
	padding: 10px;
	border: 1px solid #151515;
	outline: none;
	color: #fff;
	background-color: #151515;
	text-align: center;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
}

.login_token{
	width: 16%;
	/*padding: 10px;*/
	border: 1px solid #151515;
	outline: none;
	color: #fff;
	background-color: #151515;
	text-align: center;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
}

.login_input:hover, .login_input:focus{
	border: 1px solid #39b3a8;
	background-color: #0f0f0f;
}

.login_wpr::placeholder{
	color: #585858;
}

.login_wpr .submit, .submit{
	background-color: #39b3a8;
	color: #fff;
	margin-top: 15px;
	width: 100%;
	/*height: 30px;*/
	outline: none;
	border: none;
	text-align: center;
	text-transform: uppercase;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 20px;
	border: solid thin transparent;
	padding: 5px 0 3px 0;
}

.submit:hover{
	background-color: #277D75;
	cursor: pointer;
}

.password{
	margin: 10px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-family: "Myriad Pro Regular", "Calibri";
}

.btn_lft:hover .password{
	color: #39b3a8;
	cursor: pointer;
}

.msg{
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-family: "Myriad Pro Regular", "Calibri";
	margin-top: 15px;

}

.main_msg{
	display: none;
	position: fixed;
	top: -1px;
	text-align: center;
	line-height: 100%;
	width: 100%;
	padding: 18px;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	font-family: "Myriad Pro Regular", "Calibri";
	z-index: 10000;

}

.tbl_msg{
	display: none;
	margin-bottom: 25px;
	text-align: center;
	line-height: 100%;
	width: 100%;
	padding: 7px;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	font-family: "Myriad Pro Regular", "Calibri";

}

.msg span, .tbl_msg span{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.msg span p, .main_msg span p, .tbl_msg span p{
	width: max-content;
	margin: 0 auto;
}

.succ{
	background-color: #39b3a8;
}

.err {
	background-color: #d24555;
}

/*.succ span::before{*/
/*	content: url("/market/view/content/img/success.svg");*/
/*	position: relative;*/
/*	float: left;*/
/*	width: 15px;*/
/*	margin-right: 5px;*/
/*}*/

.succ span p::before{
	content: url("/market/view/content/img/success.svg");
	position: relative;
	float: left;
	width: 15px;
	margin-right: 5px;
}

/*.err span::before{*/
/*	content: url("/market/view/content/img/error.svg");*/
/*	position: relative;*/
/*	float: left;*/
/*	width: 15px;*/
/*	margin-right: 5px;*/
/*}*/

.err span p::before{
	content: url("/market/view/content/img/error.svg");
	position: relative;
	float: left;
	width: 15px;
	margin-right: 5px;
}


/* standart table */
.conm_customers_table{
	min-width: 900px;
}

.tbl td{
	padding: 20px 0 20px 0;
	color: #fff;
	font-family: "Bebas Neue Regular", "Impact";
	font-size: 18px;
}

.tbl td:is(.mode_slct){
	font-family: "Myriad Pro Regular", "Calibri" !important;
	font-size: 12px !important;
	font-weight: lighter !important;
}

.tbl_ico_cntr{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.tbl th{
	text-align: left;
	color: #fff;
	font-family: "Myriad Pro Regular", "Calibri";
	font-size: 12px;
	text-transform: uppercase;
	font-weight: lighter;
	padding-bottom: 5px;
}

.tbl tr{
	border-bottom: 1px dotted #fff;
	display: flex;
	align-items: center;
	column-gap: 20px;
}

.tbl thead tr{
	border-bottom: 1px solid #fff;
}

.tbl tbody tr:hover{
	background-color: #212121;
	cursor: pointer;
}


/*.set .button{*/
/*	max-width: 140px;*/
/*	font-size: 16px;*/
/*	padding: 4px 6px;*/
/*	background-color: #39b3a8;*/
/*	border: none;*/
/*	height: 24px;*/
/*	letter-spacing: .5px;*/
/*	width: max-content;*/
/*}*/


/* skeleton loader */
.skeleton-loader:empty {
	width: 100%;
	height: 15px;
	display: block;
	background: linear-gradient(
			to right,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.5) 50%,
			rgba(255, 255, 255, 0) 80%
	),
	lightgray;
	background-repeat: repeat-y;
	background-size: 50px 500px;
	background-position: 0 0;
	animation: shine 1s infinite;
}

@keyframes shine {
	to {
		background-position: 100% 0;
	}
}

/* fav animation */

.fav_blk_active, .fav_wht_active, .effect{
	animation: cart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
	position: relative;
}

.fav_blk_active::after, .fav_wht_active::after, .effect::after {
	animation: inherit;
	animation-timing-function: ease-out;
}

.fav_blk_active::after, .fav_wht_active::after, .effect::after {
	will-change: opacity, box-shadow;
	animation-name: particles;
}

.fav_blk_active::after, .fav_wht_active::after, .fav_blk_active::before, .fav_wht_active::before, .effect::after, .effect::before {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	content: '';
}

.fav_blk_active::after, .fav_wht_active::after, .effect::after {
	margin: -0.1875rem;
	width: 0.4rem;
	height: 0.4rem;
	box-shadow: 0.32476rem -4rem 0 -0.20625rem #ff8080, -1.32476rem -3.625rem 0 -0.20625rem #ffed80, 3.54798rem -2.61656rem 0 -0.20625rem #ffed80, 3.84982rem -0.89057rem 0 -0.20625rem #a4ff80, 3.85252rem 1.98418rem 0 -0.20625rem #a4ff80, 2.63145rem 1.2675rem 0 -0.20625rem #80ffc8, 2.00905rem 3.84381rem 0 -0.20625rem #80ffc8, 2.43154rem 3.22414rem 0 -0.20625rem #80c8ff, -2.59425rem 3.562rem 0 -0.20625rem #80c8ff, -3.84635rem 1.50595rem 0 -0.20625rem #a480ff, -3.99705rem -1.35095rem 0 -0.20625rem #a480ff, -3.48692rem -2.90073rem 0 -0.20625rem #ff80ed, -3.14301rem -4.12438rem 0 -0.20625rem #ff80ed, -5.25479rem -2.38275rem 0 -0.20625rem #ff8080;
}

.fav_blk_active, .fav_wht_active, .effect {
	animation: rotate 650ms 1 ease-in-out;

}

/* cart animation */
.cart_ico{
	animation: cart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
	position: relative;
}

.cart_ico::after {
	animation: inherit;
	animation-timing-function: ease-out;
}

.ico_wpr::before {
	will-change: transform, border-width, border-color;
	animation-name: bubble;
}

.cart_ico::after {
	will-change: opacity, box-shadow;
	animation-name: particles;
}

.toggle_cart {
	align-self: center;
	color: #aab8c2;
	font-size: 2em;
	user-select: none;
	cursor: pointer;
}

.cart_ico::before, .cart_ico::after, .ico_wpr::before {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	content: '';
}

.ico_wpr::before {
	box-sizing: border-box;
	margin: -2.25rem;
	border: solid 2.25rem #e2264d;
	width: 4.5rem;
	height: 4.5rem;
	transform: scale(0);
	animation-timing-function: ease-out;
}

.cart_ico::after {
	margin: -0.1875rem;
	width: 0.4rem;
	height: 0.4rem;
	box-shadow: 0.32476rem -4rem 0 -0.20625rem #ff8080, -1.32476rem -3.625rem 0 -0.20625rem #ffed80, 3.54798rem -2.61656rem 0 -0.20625rem #ffed80, 3.84982rem -0.89057rem 0 -0.20625rem #a4ff80, 3.85252rem 1.98418rem 0 -0.20625rem #a4ff80, 2.63145rem 1.2675rem 0 -0.20625rem #80ffc8, 2.00905rem 3.84381rem 0 -0.20625rem #80ffc8, 2.43154rem 3.22414rem 0 -0.20625rem #80c8ff, -2.59425rem 3.562rem 0 -0.20625rem #80c8ff, -3.84635rem 1.50595rem 0 -0.20625rem #a480ff, -3.99705rem -1.35095rem 0 -0.20625rem #a480ff, -3.48692rem -2.90073rem 0 -0.20625rem #ff80ed, -3.14301rem -4.12438rem 0 -0.20625rem #ff80ed, -5.25479rem -2.38275rem 0 -0.20625rem #ff8080;
}

@keyframes cart {
	0%, 17.5% {
		font-size: 0;
	}
}

@keyframes bubble {
	15% {
		transform: scale(1);
		border-color: #cc8ef5;
		border-width: 2.25rem;
	}
	30%, 100% {
		transform: scale(1);
		border-color: #cc8ef5;
		border-width: 0;
	}
}

@keyframes particles {
	0%, 20% {
		opacity: 0;
	}
	25% {
		opacity: 1;
		box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
	}
}

.cart_ico {
	animation: rotate 650ms 1 ease-in-out;

}

@keyframes rotate {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-3px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(3px, 0, 0);
	}
}

/* tablet ansicht */
@media(max-width: 1250px){

	.fiv_grid{
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 6%;
	}

	.grid_full_witdh{
		grid-column: 1/4 !important;
	}

}

/* Homepage */

/* Teaser / Slider */
.slider_wpr{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 40px;
}

.slider_img{
	width: 100%;
	height: 400px;
	cursor: pointer;
}

.slider_img img{
	object-fit: cover;
}


.botm_logo{
	position: absolute;
	width: 200px;
	height: 159px;
	top: -30px;
	left: -60px;
}

/* Item Headline Box */
.itm_hdl_box{
	position: relative;
	padding-top: 28px;
}

.itm_hdl_box .hdl_lft{
	color: #39b4a9;
	border: none;
	clear: left;
	font-size: 48px;
	width: unset;
}

.itm_hdl_box span{
	color: #FFFFFF;
	font-size: 24px;
	font-family: "Myriad Pro Regular","Calibri";
	float: left;
	clear: left;
}

.itm_hdl_box::before{
	content: " ";
	position: absolute;
	background-image: url("../img/prism_head.svg");
	width: 100%;
	height: 12px;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: center;
}

.itm_hdl_box::after{
	content: " ";
	position: absolute;
	background-image: url("../img/prism_head.svg");
	width: 100%;
	height: 12px;
	left: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: center;
}

.prism_hdl{
	position: absolute;
	background-image: url("../img/prism_head.svg");
	width: 100%;
	height: 12px;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: center;
}

/* spans Grid Item over 5 collumns */
.grid_full_witdh{
	grid-column: 1/6;
}

/* three Grid layout */
.thr_grid{
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1.25%;
	row-gap: 20px;
	width: 100%;
}

/* Catalogue Selection Area */
.cat_img{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 65px;
	background-color: #0e0e0e;
}

.cat_box{
	position: relative;
	border: 1px solid transparent;
}

.cat_box:hover{
	border: 1px solid #39b4a9;
	cursor: pointer;
}

.cat_box:first-child{
	border: 1px solid #39b4a9;
}

.cat_box:hover .btn_out{
	background-color: #39b4a9;
	border: solid thin #39B3A8;
}

.cat_box_hdl{
	position: absolute;
	width: max-content;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.cat_box_hdl .hdl_mid::after{
	content: " ";
	position: relative;
	display: block;
	background-image: url("../img/prism_head.svg");
	width: 100%;
	height: 12px;
	/*left: 0;*/
	/*top: 65px;*/
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: center;
}

.cat_box_hdl .hdl_mid{
	border: none;
	margin: 0 auto 15px auto;
}

.cat_box:has(.bvv_branding_logo) .cat_img{
	display: unset;
	padding: unset;
}

.cat_box:has(.bvv_branding_logo) .cat_img img{
	width: 100%;
}

/*tst*/

.cat_box_hdl span{
	display: block;
	color: #FFFFFF;
	/*font-size: 30px;*/
	font-size: clamp(1rem, 1.2vw + .25rem, 3rem);
	font-family: "Myriad Pro Regular","Calibri";
	text-align: center;
	text-transform: uppercase;
}

.bvv_branding_logo{
	position: absolute;
	width: 24%;
	top: 20px;
	left: 20px;
	padding: 3px 0;
	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.6))
	drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6))
	drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.6))
	drop-shadow(1px -1px 2px rgba(0, 0, 0, 0.6))
	drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.6));
	z-index: 1;
}

.cat_img img{
	width: 70%;
}

.cat_ico{
	float: left;
	width: 25px;
	margin-right: 10px;
	padding: 2px;
}


.txt_wpr{
	position: relative;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	row-gap: 40px;
	float: left;
	clear: left;
}

.txt_box{
	border-right: 1px dotted #fff;
	width: 32%;
	padding: 0 2%;
}

.txt_box:nth-child(3n+1){
	padding: 0 2% 0 0;
}

.txt_box:nth-child(3n+3){
	border: none;
}

.hdl_full{
	font-family: "Bebas Neue Regular", "Impact";
	color: #39b4a9;
	font-size: 30px;
	text-align: left;
	margin-bottom: 20px;
}

.txt_gen{
	font-family: "Myriad Pro Regular","Calibri";
	font-size: 14px;
	color: #fff;
}

/* footer area */
footer{
	position: relative;
	display: table;
	width: 100%;
	margin-top: 40px;
	padding: 40px 8%;
	margin-bottom: 100px;
}

footer .logo_box{
	top: 40px;
	left: 8%;
	transform: unset !important;
}

.ftr_info_wpr{
	display: flex;
	float: right;
	justify-content: space-between;
	width: 60%;
	clear: right;
}

.ftr_info_box{
	width: 30%;
}

.ftr_info_hdl{
	font-family: "Bebas Neue Regular", "Impact";
	color: #39b4a9;
	font-size: 30px;
	text-align: left;
	margin-bottom: 20px;
}

.ftr_info_txt{
	display: table;
	width: 100%;
}

.ftr_info_txt span, .ftr_info_box a{
	float: left;
	clear: left;
	color: #686868;
	font-family: "Myriad Pro Regular","Calibri";
	font-size: 14px;
}

.ftr_info_txt span{
	margin-bottom: 5px;
}

.ftr_info_txt a{
	margin-bottom: 10px;
	transition: color 200ms ease-in-out;
}

.ftr_info_txt{
	margin-bottom: 20px;
}

.mail{
	clear: unset !important;
	color: #39b4a9 !important;
}

.ftr_info_box a:hover{
	color: #39b4a9;
	cursor: pointer;
}

.mail:hover{
	border-bottom: 1px solid #39b4a9;
}

.dot_spacer{
	width: 100%;
	float: left;
	margin: 40px 0;
	height: 1px;
	border: 1px dotted #fff;
}

/* mediaquerys */
@media (prefers-color-scheme: light){

	body{
		background-color: #f0f0f0;
	}

	header{
		background-color: #f0f0f0;
	}

	nav input{
		background-color: #FFFFFF;
		color: #323232 !important;
	}

	.srh_bar{
		background-color: #FFFFFF;
	}

	.menu_ico{
		filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(94%) hue-rotate(321deg) brightness(94%) contrast(74%);
	}

	.cart_ico{
		filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(94%) hue-rotate(321deg) brightness(94%) contrast(74%);
	}

	.ico img{
		filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(94%) hue-rotate(321deg) brightness(94%) contrast(74%);
	}

	.cat_box:hover .cat_ico{
		filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(94%) hue-rotate(321deg) brightness(94%) contrast(74%);
	}

	.slctn:hover .ico, .cat_active .ico{
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
	}

	.btn_out{
		border-color: #39b4a9;
		background-color: #39b4a9;
	}

	.btn_out:hover{
		background-color: transparent !important;
		color: #323232;
	}

	.cat_box{
		border: 1px solid transparent;
	}

	.cat_box .btn_out{
		border: unset;
	}

	.cat_box:hover .cat_img{
		border: unset;
	}

	.cat_box:hover{
		border: 1px solid #39b4a9;
	}

	.cat_box:hover .btn_out{
		background-color: transparent !important;
		border: unset;
		color: #323232;
	}

	.cat_img{
		border: unset;
	}

	.con{
		border-color: #39b4a9;
	}

	.con_dtl{
		color: #323232;
	}

	.con_img{
		border: 1px solid #323232;
	}

	.cart_tot{
		color: #323232;
	}

	.itm_hdl_box span{
		color: #323232;
	}

	.hdl_mid{
		color: #323232;
	}

	.cat_box_hdl .hdl_mid, .cat_box_hdl span{
		color: #323232;
	}

	.dot_spacer{
		border: 1px dotted #323232;
	}

	.itm_shadow{
		box-shadow: gray 0px 0px 25px -12px;
	}

	.client_logo .logo_box img, .logo_box_ftr img{
		display: none;
	}

	.client_logo .logo_box a, .logo_box_ftr{
		background-image: url("/market/view/clients/content/img/logos/bvv_dark.svg");
		width: 100%;
		height: 131px;
		background-repeat: no-repeat;
		float: left;
		position: relative;
	}

	.cat_img{
		background-color: #FFFFFF;
	}

	.menu_favorites .fav_ico img{
		display: none;
	}

	.menu_favorites .fav_ico{
		background-image: url("https://www.connected.market/market/view/content/img/heart_bl.svg");
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		padding-right: 30px;
		border-right: 1px dotted #323232;
	}

	.window{
		background-color: #f0f0f0;
	}

	.pkg span{
		color: #323232 !important;
	}

	.dlv_date span, .itm_nmbr, .itm_dtl_desc, .unit_cnt_wpr span{
		color: #323232;
	}

	.eco{
		filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(94%) hue-rotate(321deg) brightness(94%) contrast(74%);
	}

	.unit_cnt .ico{
		border: 1px solid #212121;
		background-color: #fff;
	}

	.cntr{
		background-color: #ffffff;
		color: #212121;
	}

	.close{
		border: 4px solid #fff;
	}

	.drp_menu, .drp{
		background-color: #f0f0f0;
		box-shadow: 0px 3px 8px 0px rgba(20,16,16,0.5);
	}

	.drp div, .drp_menu div{
		border-bottom: 1px dotted #39b3a8;
	}

	.menu_option, .option{
		color: #212121;
	}

	.srh_crumb{
		color: #212121;
	}

	.hdl_lft, .hdl_mid, .hdl_rgt{
		color: #212121;
	}

	.row_cntr, .itm_num, .itm_prc, .tbl_total{
		color: #212121;
	}

	.window .itm_desc{
		color: #212121;
	}

	.fav_wht img{
		display: none;
	}

	.fav_wht{
		background-image: url("https://www.connected.market/market/view/content/img/heart_bl.svg");
		width: 25px;
		height: 25px;
		transition: all 350ms ease-in-out;
	}

	.fav_wht:hover{
		background-image: url("https://www.connected.market/market/view/content/img/heart_filled.svg");
		width: 25px;
		height: 25px;
		transform: scale(0.88);
	}

	.fav_wht_active img{
		display: none;
	}

	.fav_wht_active{
		background-image: url("https://www.connected.market/market/view/content/img/heart_filled.svg");
		width: 25px;
		height: 25px;
	}

	.conm_fav_tbl .itm_desc, .chkout_wpr .itm_desc{
		color: #212121;
	}

	.label{
		color: #212121;
	}

	.label::before{
		border-left: 2px dotted #39b3a8;
	}

	.unit_cnt_sumup{
		color: 	#212121;
	}

	.drp_hdl{
		color: 	#212121;
	}

	.input, .textarea, .notes .input{
		background-color: #fafafa;
		color: #212121;
	}

	.content{
		color: #212121;
	}

	.clm, .clm_hdl, .tbl_date, .mode_slct, .tbl_prc, .tbl .reg_label, .extra_costs, .select_hdl{
		color: #212121;
	}

	.row_head, .row_cnt_cntr{
		border-bottom: 1px dotted #212121;
	}

	.btn_max:hover, .btn_full:hover, .btn_lft:hover, .btn_rgt:hover{
		background-color: transparent;
		border: 1px solid #39b3a8;
	}

	.btn_max:hover, .btn_full:hover, .btn_lft:hover, .btn_rgt:hover{
		color: #212121;
	}

	.btn_max:hover a, .btn_full:hover a, .btn_lft:hover a, .btn_rgt:hover a{
		color: #212121;
	}

	.chkout_ico{
		filter: brightness(0) saturate(100%) invert(19%) sepia(0%) saturate(67%) hue-rotate(227deg) brightness(80%) contrast(106%);
	}

	.chkout_sub{
		color: #212121;
	}

	.sbl_mid_sml{
		color: #212121;
	}

	.login_input{
		background-color: #fff;
		border-color: #39b3a8;
		color: #212121;
	}

	.login_input:hover, .login_input:focus{
		background-color: #e5e5e5;
		color: #212121;
	}

	.itm_wpr_rgt .dlv_date::after{
		border-color: #39b3a8;
	}

	.select{
		color: #39b3a8;
	}

	.itm_extra_card{
		color: #212121;
	}

}
/* mediaquerys end */