/*
Version: 1.4.3
*/



/*** Root ***/
:root {
	--background-gray: #F6F6F6;
	--main-gray: #C1C1C1;
	--hover-gray: #363636;
	--main-black: #000;
	--main-red: #e63041;
	--main-green: #00A725;
	--main-orange: #F09E00;
	
	--my-green-color: #00404d;
	--my-backgroundgreen-color: #02404c;
}

/* width */
*::-webkit-scrollbar {
	width: 7px !important;
}

/* Track */
*::-webkit-scrollbar-track {
	background: var(--main-gray) !important;
}

/* Handle */
*::-webkit-scrollbar-thumb {
	border-radius: 4px !important;
	background: #000 !important;
}

/* Handle on hover */
/* *::-webkit-scrollbar-thumb:hover {
	background: #555;
} */

html {
	overflow-x: hidden;
}

body {
	background-color: white;
	
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	overflow-x: hidden;
}

/*
body *:not(.fa):not(.fas):not(.far):not(.fal):not(.vjs-icon-placeholder) {
	font-family: RoobertPRO, Verdana, Arial, sans-serif;
}
*/

body.noscroll,
body.body--noscroll,
html.noscroll,
html.body--noscroll {
	overflow: hidden !important;
}

.fa,
.far,
.fal,
.fas {
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Free Brands";
}

img, svg {
    vertical-align: unset;
}

#main {
	min-height: -moz-calc(100vh - 197px);
	min-height: -webkit-calc(100vh - 197px);
	min-height: -o-calc(100vh - 197px);
	min-height: calc(100vh - 197px);
}

article {
	padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 650px) {
	article {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.admin-bar #main {
	min-height: -moz-calc(100vh - 311px);
	min-height: -webkit-calc(100vh - 311px);
	min-height: -o-calc(100vh - 311px);
	min-height: calc(100vh - 311px);
}

#wpadminbar {
	position: fixed !important;
}

.main_container {
	padding: 0;
	margin: 0 auto;
	max-width: none;
	width: 100%;
	margin-top: 20px;
}

@media screen and (max-width: 500px) {
	.main_container h1.main-page-title {
		font-size: 24px;
	}
}

.admin-bar .modal {
	top: 32px;
}

@media screen and (min-width: 376px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 276px);
		min-height: -webkit-calc(100vh - 276px);
		min-height: -o-calc(100vh - 276px);
		min-height: calc(100vh - 276px);
	}
}

@media screen and (min-width: 650px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 243px);
		min-height: -webkit-calc(100vh - 243px);
		min-height: -o-calc(100vh - 243px);
		min-height: calc(100vh - 243px);
	}
}

@media screen and (min-width: 783px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 229px);
		min-height: -webkit-calc(100vh - 229px);
		min-height: -o-calc(100vh - 229px);
		min-height: calc(100vh - 229px);
	}
}

.loggedNotChecked .loggedInItem,
.loggedNotChecked .loggedOutItem {
	display: none !important;
}

.loggedOut .loggedInItem {
	display: none !important;
}

.loggedIn .loggedOutItem {
	display: none !important;
}


/*** Typography ***/
@font-face {
	font-family: 'TTNormsPro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/themes/roller/css/fonts/TTNormsProRegular.woff2') format('woff2');
}

@font-face {
	font-family: 'TTNormsPro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/wp-content/themes/roller/css/fonts/TTNormsProMedium.woff2') format('woff2');
}

@font-face {
	font-family: 'TTNormsPro';
	font-style: italic;
	font-weight: medium;
	font-display: auto;
	src: url('/wp-content/themes/roller/css/fonts/TTNormsProMediumItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'Font Awesome 5 Free Brands';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot);
	src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot?#iefix) format('embedded-opentype'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff2) format('woff2'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff) format('woff'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.ttf) format('truetype'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/ffa-brands-400.svg#fontawesome) format('svg');
}

a,
a:visited,
a:active,
a:hover,
.main-page-yles-but a,
.main-page-yles-but a:visited {
	
	outline: 0 !important;
}

ol li, ul li {
    list-style: decimal inside none;
}

.ta_right {
	text-align: right !important;
}

.ta_center {
	text-align: center !important;
}

.ta_left {
	text-align: left !important;
}

.tt_uppercase {
	text-transform: uppercase !important;
}

.td_underline {
	text-decoration: underline !important;
}

.fw_100 {
	font-weight: 100 !important;
}

.fw_400 {
	font-weight: 400 !important;
}

.fw_500 {
	font-weight: 500 !important;
}

.fw_600 {
	font-weight: 600 !important;
}

.fw_700 {
	font-weight: 700 !important;
}

.lh_1 {
	line-height: 1;
}

.lh_13 {
	line-height: 1.3;
}


/*** Displays ***/
.w_auto {
	width: auto !important;
}

.w_100 {
	width: 100% !important;
}

.mw_100 {
	min-width: 100% !important;
}

.mw_unset {
	min-width: unset !important;
}

.d_flex {
	display: flex !important;
}

.d_iflex {
	display: inline-flex !important;
}

.fd_row {
	flex-direction: row !important;
}

.fd_column {
	flex-direction: column !important;
}

.jc_spacebetween {
	justify-content: space-between !important;
}

.jc_spacearround {
	justify-content: space-around !important;
}

.jc_spaceevenly {
	justify-content: space-evenly !important;
}

.jc_center {
	justify-content: center !important;
}

.jc_start {
	justify-content: start !important;
}

.jc_end {
	justify-content: end !important;
}

.ai_center {
	align-items: center !important;
}

.ai_start {
	align-items: start !important;
}

.ai_fstart {
	align-items: flex-start !important;
}

.ai_end {
	align-items: end !important;
}

.ai_fend {
	align-items: flex-end !important;
}

.fg_1 {
	flex-grow: 1 !important;
}

.fs_1 {
	flex-shrink: 1 !important;
}

.p_0 {
	padding: 0 !important;
}

.m_0 {
	margin: 0 !important;
}


/*** Buttons ***/
.bt.hoverbutton {
	position: relative;
	width: 100%;
	height: 40px;
	flex-shrink: 0;
	border-radius: 28px;
	background: var(--main-black);
    border: 1px solid var(--main-black);
    color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition-duration: .15s;
    transition-property: all;
	user-select: none;
	cursor: pointer;
	text-decoration: none;
	padding: 5px;
}

.bt.hoverbutton.red {
	background: var(--main-red);
}

.bt.hoverbutton.reversed {
	border-radius: 28px;
	background: white;
    border: 1px solid #02404c;
    color: var(--main-black);
}

.bt.hoverbutton.red.reversed {
	border-radius: 28px;
	background: white;
    border: 1px solid var(--main-red);
    color: var(--main-red);
}

.bt.hoverbutton:active {
    transform: scale(0.97);
}

.bt.hoverbutton.big {
	height: 50px;
}

.bt.hoverbutton.big.with_icon svg {
	position: absolute;
	right: 13px;
}

.bt.hoverbutton.big.with_icon svg,
.bt.hoverbutton.big.with_icon svg path,
.bt.hoverbutton.big.with_icon svg rect {
	transition-duration: .3s;
    transition-property: all;
}

.bt.hoverbutton.big.with_icon:hover svg path:first-child,
.bt.hoverbutton.big.with_icon:hover svg rect:first-child {
	fill: white;
}

.bt.hoverbutton.big.with_icon:hover svg path:last-child,
.bt.hoverbutton.big.with_icon:hover svg rect:last-child {
	fill: var(--main-red);
}

.bt.hoverbutton.big.with_icon.stroke:hover svg path,
.bt.hoverbutton.big.with_icon.stroke:hover svg rect {
	stroke: var(--main-black);
	fill: unset;
}

@media screen and (max-width: 500px) {
	.bt.hoverbutton.big.big_md {
		height: 40px;
	}
}

.bt.hoverbutton span {
    color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-align: center;
	transition-duration: .3s;
    transition-property: all;
	user-select: none;
	z-index: 1;
}


.bt.hoverbutton.small span {
	font-size: 14px;
	line-height: 13px;
	font-weight: 700;
}

.bt.hoverbutton.reversed span {
    color: #02404c;
}

.bt.hoverbutton:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
	border-radius: 28px;
}

.bt.hoverbutton.reversed:before {
    background: #00404d;
}

.bt.hoverbutton:hover span {
	color: var(--main-black);
}

.bt.hoverbutton.reversed:hover span {
	color: #fff;
}

.bt.hoverbutton:hover:before {
    width: 100%;
    top: 0;
    left: 0;
}

.bt.hoverbutton:hover {
	box-shadow: 6px 10px 7px 0px rgba(0, 0, 0, 0.2);
	color: var(--main-black);
}

.bt.hoverbutton.reversed:hover {
	box-shadow: 6px 10px 7px 0px rgba(0, 0, 0, 0.2);
	color: #fff;
}

.bt.hoverbutton.disableAdd {
	color: var(--main-black);
	cursor: not-allowed;
	box-shadow: none !important;
	transform: scale(1) !important;
}

.bt.hoverbutton.disableAdd span {
	color: var(--main-black);
}

.bt.hoverbutton.disableAdd:before {
	width: 100%;
    top: 0;
    left: 0;
}


/*** Inputs ***/
html body input {
    box-shadow: none;
    outline: none;
    width: auto;
    border: none;
    margin: 0;
    padding: 0;
}

.input_group {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: flex-start;
	gap: 7px;
	align-self: stretch;
}

.input_group.centered {
	justify-content: center;
}

.input_group label {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
	width: 100%;
	padding: 0;
    margin: 0;
}

.input_group.requiredGroup label:after {
	content: "*";
	color: red;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

input.form_input {
	height: 40px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	outline: 0 !important;
	text-align: center;
}

.input_group .form_input {
	height: 40px;
	flex-shrink: 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	outline: 0 !important;
}

.input_group textarea.form_input {
	min-height: 40px;
	height: auto;
}

.input_group.centered label,
.input_group.centered .form_input {
	text-align: center;
}

input[type=checkbox].my_checkbox {
	height: 30px;
	width: 30px;
	accent-color: var(--background-gray);
	color: var(--background-gray);
	cursor: pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

input[type=checkbox].my_checkbox.small {
	height: 22px;
	width: 22px;
}

.pillFilters input[type=checkbox].my_checkbox {
	display: none;
}

input[type=checkbox].my_checkbox:after {
	display: inline-block;
    background-color: white;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--main-gray);
	cursor: pointer;
}

input[type=checkbox].my_checkbox.small:after {
    width: 22px;
    height: 22px;
}

.pillFilters input[type=checkbox].my_checkbox:after {
	display: none;
}

input[type=checkbox].my_checkbox:checked:after {
	display: inline-block;
    background-color: transparent;
    content: "";
    background-image: url(/wp-content/themes/roller-child/assets/icons/checked-checkbox.svg);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 0;
    border: none;
}

input[type=checkbox].my_checkbox.small:checked:after {
    width: 22px;
    height: 22px;
}

.pillFilters input[type=checkbox].my_checkbox:checked:after {
	display: none;
}

input[type=checkbox].my_checkbox + label {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0;
	cursor: pointer;
	user-select: none;
}

input[type=radio].my_radio {
	height: 30px;
	width: 30px;
	accent-color: var(--background-gray);
	color: var(--background-gray);
	cursor: pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

input[type=radio].my_radio:after {
	display: inline-block;
    background-color: white;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--main-gray);
	cursor: pointer;
}

input[type=radio].my_radio:checked:after {
	display: inline-block;
    background-color: var(--background-gray);
    content: "";
    background-image: url(/wp-content/themes/roller-child/assets/icons/checked-radio.svg);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 50%;
    border: none;
}

.inlineCheckbox-withlabel {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width: 100%;
}

.pillFilters input[type=checkbox].my_checkbox + label {
	padding: 6px 10px 4px 10px;
	border-radius: 49px;
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
	border: solid 1px transparent;
	background: white;
}

.inlineCheckbox-withlabel input[type=checkbox].my_checkbox + label {
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0.025em;
	text-align: left;
	width: auto;
	max-width: 230px;
}

.dropdown-wrapper-inner input[type=checkbox].my_checkbox + label > span {
	width: 100%;
}

.dropdown-wrapper-inner input[type=checkbox].my_checkbox + label > span > span {
	float: right;
}

.dropdown-wrapper-inner input[type=checkbox].my_checkbox + label {
	border: none !important;
}

.pillFilters input[type=checkbox].my_checkbox:checked + label {
	border: solid 1px black;
}

.dropdown-wrapper-inner .pillFilters input[type=checkbox].my_checkbox:checked + label img {
	border: solid 1px black;
}

.filterIcon {
	width: 17px;
	height: 17px;
	border-radius: 100%;
}

.dropdown-wrapper-inner .filterIcon {
	width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
}

input[type="radio"]+label {
	display: block;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	padding: 0 0 0 30px;
	margin-bottom: 0px;
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	cursor: pointer;
}

.radio_wrapper {
	position: relative;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
}

input[type="radio"]+label:before {
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: 0px;
}

.pll-switcher-select {
    background: transparent;
    border: none;
	font-weight: 500;
    text-decoration: none;
    transition: color .3s;
    color: var(--color-3);
	outline: 0 !important;
	cursor: pointer;
}

.pll-switcher-select::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-image: url(/wp-content/themes/roller-child/assets/icons/globe.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(/wp-content/themes/roller-child/assets/icons/globe.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}


/*** Header / Footer ***/
header .logo-wrapper {
	height: auto;
	padding-right: 0;
	flex-basis: 100%;
	justify-content: center;
	display: flex;
}

header .logo img,
header .logo-header img {
	width: auto;
	height: 51px;
	transition: all 0.35s ease-in-out;
}

header .header-container .header-template .header-middle {
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	max-width: 1608px;
    margin: 0 auto;
}

header .header-container .header-template .header-middle .container {
	width: 100%;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	border-bottom: solid 1px var(--main-gray);
}

.desktopHeader .b2b_mobile_menu_item,
.desktopHeader .menu_right_buttons,
.desktopHeader .menu-wrapper {
	display: none !important;
}

@media screen and (min-width: 501px) {
	.desktopHeader .b2b_mobile_menu_item,
	.desktopHeader .menu_right_buttons {
		display: inline-flex !important;
	}

	.desktopHeader .menu-wrapper {
		display: flex !important;
	}

	.mobileHeader {
		display: none !important;
	}
}

header .header-container .container.upperHeader {
	height: 87px;
	transition: height 0.3s ease-in-out;
}

header .header-container .sticky-wrapper.is-sticky .container.upperHeader {
	/* display: none; */
	height: 50px;
}

header .header-container .sticky-wrapper.is-sticky .container.upperHeader img {
	height: 30px;
}

header .header-container .container.lowerHeader.desktopHeader {
	height: 80px;
}

header .header-container .container.lowerHeader.mobileHeader {
	height: 50px;
}

.ts-header .container {
	max-width: unset !important;
}

header .header-container .header-template .header-middle .container>.header-right {
	margin-right: 0;
}

footer.footerwrapper {
	background: var(--background-gray);
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

footer .footerInner.container {
	width: 100%;
	/* min-width: 100%; */
	height: auto;
    padding-top: 20px;
    padding-bottom: 35px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	border-top: solid 1px var(--main-gray);
	max-width: 1250px;
}

.footerMenu > .footerCredits {
	display: flex;
}

.footerMenu {
	gap: 20px;
}

.footerMenu .footerLink {
	color: var(--main-black) !important;
	font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    line-height: 15.27px;
}

.footerCredits {
	color: var(--main-black);
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 109.1%;
}

.breadcrumbs-container {
	display: inline-flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.brdcrmb_arrow {
	padding-bottom: 2px;
}

.brdcrmb_arrow:last-child {
	display: none;
}

@media screen and (max-width: 649px) {
	footer .footerInner.container {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		gap: 20px;
		flex-wrap: nowrap;
		padding: 20px 0px 20px 0px;
		flex-direction: column;
		height: auto;
	}
}

@media screen and (max-width: 500px) {
	header .header-container .header-template .header-middle,
	footer.footerwrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.footerMenu {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 20px 20px;
	}

	.menuSearch.open {
		width: 249px;
	}
}

@media screen and (min-width: 501px) {
	.footerMenu > .footerCredits {
		display: none;
	}

	.footerInner > .footerCredits {
		display: flex;
	}
}

@media screen and (max-width: 300px) {
	.menuSearch.open {
		width: calc(100vw - 45px);
	}

	.cartPrice {
		display: none;
	}

	.footerMenu {
		gap: 20px;
	}
}

header .header-container .header-template .header-middle .menu li:not(.l3):not(.menuli)>a {
	display: block;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 1;
	float: none;
	cursor: pointer;
}

.has_submenu:after {
	display: inline-block;
	position: relative;
    right: -5px;
    content: "";
    background-image: url(/wp-content/themes/mymedi/images/icons/hatziyiannakis-arrow-down-gray.svg);
    width: 10px;
    height: 7px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    border: none;
}

/* .has_submenu:hover:after { */
.has_submenu.active:after {
    background-image: url(/wp-content/themes/mymedi/images/icons/hatziyiannakis-arrow-up-black.svg);
}

.ts-header .menu-wrapper nav > ul.menu li {
	list-style: none;
}

.ts-header .menu-wrapper nav>ul.menu li.activated>ul.sub-menu {
	display: block;
	-webkit-animation-duration: 340ms;
	-moz-animation-duration: 340ms;
	animation-duration: 340ms;
	animation-delay: 150ms;
	-webkit-animation-delay: 150ms;
	-moz-animation-delay: 150ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation_menu;
	-moz-animation-name: animation_menu;
	animation-name: animation_menu;
}

.sub-menu .ts-megamenu-container .vc_row.Families {
	display: grid;
	/* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
	grid-template-columns: repeat(8, 120px);
	justify-content: center;
}

.sub-menu .ts-megamenu-container .vc_row.Families:after,
.sub-menu .ts-megamenu-container .vc_row.Families:before {
	content: none;
	display: none;
}

.sub-menu .ts-megamenu-container .vc_row.YourWater {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
}

.sub-menu .ts-megamenu-container .vc_row.Support {
	display: grid;
	grid-template-columns: repeat(3, 307px);
	gap: 20px;
	justify-content: center;

}

.sub-menu .ts-megamenu-container .vc_row.YourWater:after,
.sub-menu .ts-megamenu-container .vc_row.YourWater:before {
	content: none;
	display: none;
}

.sub-menu .wpb_column .wpb_wrapper {
	text-align: center;
	cursor: pointer;
}

.sub-menu .wpb_column .wpb_wrapper img {
	max-height: 70px;
}

.sub-menu:not(.yourwater) .wpb_column .wpb_wrapper img.starting {
	display: inline-block;
}

.sub-menu:not(.yourwater) .wpb_column .wpb_wrapper img.hover {
	display: none;
}

.sub-menu:not(.yourwater) .wpb_column:hover .wpb_wrapper img.starting {
	display: none;
}

.sub-menu:not(.yourwater) .wpb_column:hover .wpb_wrapper img.hover {
	display: inline-block;
}




#menu-menu-mobile .ts-normal-menu img.hover {
	display: none;
	height: 27px;
}

#menu-menu-mobile .ts-normal-menu img.starting {
	display: inline-block;
	height: 27px;
}

#menu-menu-mobile .ts-normal-menu.opensub img.hover {
	display: inline-block;
}

#menu-menu-mobile .ts-normal-menu.opensub img.starting {
	display: none;
}

/*
#menu-menu-mobile .ts-normal-menu>a>.menu-label {
	color: #4b4c4d !important;
}
*/

#menu-menu-mobile .ts-normal-menu.opensub>a>.menu-label {
	color: #55add9 !important;
}



.sub-menu .ts-megamenu-container .wpb_column.vc_column_container {
	padding-bottom: 13px;
	padding-top: 10px;
	position: relative;
}

.sub-menu .ts-megamenu-container .sub-menu-level2 .wpb_column.vc_column_container:first-child {
	padding-left: 0;
	padding-right: 20px;
}

.sub-menu>li>.ts-megamenu-container>.Families>.wpb_column.vc_column_container {
	max-width: 120px;
}

.sub-menu .wpb_column.active:after {
	/* background-color: #e4e6e8; */
	content: " ";
	display: block;
	background-color: #55add9;
	width: 100%;
	height: 7px;
	position: absolute;
	bottom: 0;
}

.sub-menu .wpb_column.active .wpb_wrapper img.starting {
	display: none;
}

.sub-menu .wpb_column.active .wpb_wrapper img.hover {
	display: inline-block;
}

.sub-menu .wpb_column .wpb_wrapper .menuTabLabel {
	text-transform: uppercase;
	
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	font-weight: normal;
	line-height: 14px;
	display: block;
}

.sub-menu .wpb_column:hover .wpb_wrapper .menuTabLabel,
.sub-menu .wpb_column.active .wpb_wrapper .menuTabLabel {
	color: #55add9;
}

.ts-header .menu-wrapper nav>ul.menu>li.parent,
.ts-header .menu-wrapper nav>ul>li.parent {
	/*line-height: 105px;*/
	cursor: pointer;
}


@media screen and (min-width: 1490px) {
	.ts-header .menu-wrapper nav>ul>li.parent .menuarrow {
		line-height: 51px;
	}
}

.ts-header .menu-wrapper nav>ul>li.parent .menuarrow {
	font-weight: 600;
	position: relative;
	top: 7px;
	left: 0px;
	
	font-size: 19px;
	padding-left: 9px;
}

.headerIcons {
	text-align: center;
	margin: 0 10px 0 10px;
	width: 66px;
	cursor: pointer;
	z-index: 999 !important;
}

.headerIcons:first-of-type {
	margin: 0 0 0 10px;
}

.headerIcons .flexSection {
	height: 115px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.headerIcons img.starting {
	display: inline-block;
}

.headerIcons img.hover {
	display: none;
}

.headerIcons:hover img.starting {
	display: none;
}

.headerIcons:hover img.hover {
	display: inline-block;
}

.shopping-cart-wrapper .cart-control .cart-number {
	right: 2px !important;
	top: -13px !important;
	background: rgb(84 173 217) !important;
}

.headerIcons.opencart img.starting {
	display: none;
}

.headerIcons.opencart img.hover {
	display: inline-block;
}

.headerIcons.opencart .headerIconsLabel {
	color: #55add9;
}

.shopping-cart-wrapper.opencart .dropdown-container {
	display: block;
	-webkit-animation-duration: 340ms;
	-moz-animation-duration: 340ms;
	animation-duration: 340ms;
	animation-delay: 150ms;
	-webkit-animation-delay: 150ms;
	-moz-animation-delay: 150ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation_menu;
	-moz-animation-name: animation_menu;
	animation-name: animation_menu;
}

@media screen and (max-width: 768px) {
	.headerIcons {
		width: auto;
		margin-right: 0px;
		margin-left: 0px;
	}

	.headerIcons .flexSection {
		height: auto;
	}

	.shopping-cart-wrapper .cart-control .cart-number {
		right: -1px !important;
		top: -10px !important;
		width: 18px;
		height: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.shopping-cart-wrapper {
		margin-right: 0;
	}
}

.headerIconsLabel {
	margin-top: 11px;
	font-size: 13px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	font-weight: normal;
	color: #545454;
	line-height: 13px;
}

.headerIconsLabel>a {
	font-family: inherit !important;
	color: inherit;
	text-decoration: none;
	transition: none;
}

.headerIconLink {
	height: 26px !important;
}

.headerIcons:hover .headerIconsLabel {
	color: #287ba7;
}

.headerIcons .headerIconsLabel a:hover {
	color: #287ba7 !important;
}

nav>ul.menu>li>a .menu-label {
	font-size: 17px;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	color: var(--main-black) !important;
}

.ts-header .menu-wrapper nav>ul>li.parent .arrowdown {
	display: inline-block;
}

.ts-header .menu-wrapper nav>ul>li.parent .arrowup {
	display: none;
}

.ts-header .menu-wrapper nav>ul>li.parent.activated .arrowdown {
	display: none;
}

.ts-header .menu-wrapper nav>ul>li.parent.activated .arrowup {
	display: inline-block;
}

.sub-menu-level2 {
	display: none;
}

.wpb_column.vc_column_container.active .sub-menu-level2 {
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	background-color: #edeff1;
	top: 100%;
	-webkit-box-shadow: 0 9px 9px 0px rgb(54 54 54 / 40%);
	-moz-box-shadow: 0 9px 9px 0px rgba(54, 54, 54, .4);
	box-shadow: 0 9px 9px 0px rgb(54 54 54 / 40%);
	cursor: default;
}

.ts-header .menu-wrapper nav>ul.menu li.ts-megamenu ul.sub-menu {
	/* top: 72px; */
	padding-top: 0;
	padding-bottom: 0;
	background-color: white;
	height: auto;
	cursor: default;
	margin-top: -1px !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	-webkit-box-shadow: 0 9px 9px 0px rgb(54 54 54 / 40%);
	-moz-box-shadow: 0 9px 9px 0px rgba(54, 54, 54, .4);
	box-shadow: 0 9px 9px 0px rgb(54 54 54 / 40%);
}

.box-shadowed-pseudo {
	background: #edeff1;
	width: 100%;
	position: absolute;
	height: 5px;
	left: 0;
	right: 0;
	box-shadow: 0 6px 8px rgb(84 84 84 / 30%);
	top: -5px;
	z-index: 5;
}

.ts-header .menu-wrapper nav>ul.menu li ul.sub-menu:before {
	content: none !important;
}

.level2-inner {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 20px 0;
}

.level2-inner .heading-title,
.level2-inner .heading-title a {
	font-weight: normal !important;
	
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	margin-bottom: 6px !important;
	font-size: 16px !important;
	line-height: 16px !important;
	text-transform: uppercase;
}

.level2-inner .main-heading-title {
	font-size: 24px !important;
	
	margin-bottom: 7px !important;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	text-transform: uppercase;
	line-height: 25px !important;
}

.level2-inner .secondary-heading-title {
	color: #bababa !important;
	font-size: 17px !important;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	font-weight: normal !important;
	margin: 30px 0 0 0;
}

.level2-inner .menu-description {
	
	font-size: 15px;
	line-height: 20px;
	font-weight: 100;
	font-family: Arial, Helvetica, sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}

.level2-inner .menubutton,
.level2-inner .menubutton a {
	font-size: 16px;
	padding: 5px 18px;
	padding: 0 0;
	font-size: 14px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}

.level2-inner .menubutton a {
	padding: 5px 36px;
	display: block;
}

.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight {
	padding: 20px 0 !important;
}

.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight a {
	
	font-size: 14px;
	font-family: arialblack, Gadget, sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	padding: 0 !important;
	font-weight: 600;
	font-family: 'Arial' !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	font-weight: 600 !important;
}

.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight i {
	font-weight: 600 !important;
	
	transition: 350ms ease 0s;
}

.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight:hover,
.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight:hover a,
.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3.highlight:hover i {
	color: #55add9 !important;
}

.ts-header .menu-wrapper nav>ul.menu ul.sub-menu li.l3 {
	padding: 0 !important;
}

.level2-inner .ts-list-of-product-categories-wrapper .list-categories ul {
	margin-bottom: 10px !important;
}

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

	.ts-header .menu-wrapper nav>ul.menu>li,
	.ts-header .menu-wrapper nav>ul>li {
		margin: 0 0 0 0 !important;
		display: flex;
		padding: 34px 5px 28px 5px;
		align-items: center;
		line-height: 1;
		height: 80px;
	}

	header .header-container .sticky-wrapper.is-sticky .menu-wrapper nav > ul.menu > li,
	header .header-container .sticky-wrapper.is-sticky .menu-wrapper nav > ul > li {
		padding: 10px 5px 9px 5px;
		height: 50px;
	}

	.ts-header .menu-wrapper nav>ul>li.parent .menuarrow {
		line-height: 51px;
	}
}

.header-main .container:after {
	content: none;
}

header .header-container .sticky-wrapper.is-sticky .container.desktopHeader {
    /* display: none; */
    height: 50px;
	transition: height 0.3s ease-in-out;
}

header .header-container .sticky-wrapper.is-sticky .container.desktopHeader .logo img {
	height: 30px;
}

.header_sides {
	gap: 5px;
	min-height: 1px;
}

.header_sides.left_header_side,
.left_header_side_mobile {
	position: absolute;
	left: 0;
}

.left_header_side_mobile svg {
	width: 15px;
}

.header_sides.right_header_side {
	max-width: unset;
}

.header_sides span {
	font-size: 12px;
	position: relative;
	top: 1px;
}

.menu_right_buttons {
	gap: 0px;
	flex-basis: 100%;
	justify-content: end;
}

.menu_right_buttons .buttonPart {
	position: relative;
	display: flex;
	height: 20px;
	align-items: center;
	justify-content: center;
}

.sticky-wrapper.is-sticky .logo img,
.sticky-wrapper.is-sticky .logo-header img {
    width: auto !important;
}

.menu_right_buttons .buttonPart.languageButtonPart,
.menu_right_buttons .buttonPart.viewmodeButtonPart {
	display: none;
}

.menu_right_buttons .buttonPart:not(:first-child) {
	padding-left: 15px;
}

.menu_right_buttons .buttonPart:not(:last-child) {
	padding-right: 15px;
}

.menu_right_buttons .buttonPart.threeButtonsPart {
	padding-right: 0;
}

.menu_right_buttons .buttonGroup {
	gap: 15px;
}

.menu_right_buttons .buttonPart:not(:last-child):after {
	display: block;
	width: 1px;
	height: 20px;
	background: var(--main-gray);
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.menu_right_buttons .buttonPart.threeButtonsPart:after {
	display: none;
}

.languages-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 85px;
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	border-radius: 4px;
	box-shadow: 0px 7px 17px rgb(84 84 84 / 40%);
	transition: opacity 0.3s ease-in-out 0.2s, top 0.1s ease-out 0.6s;
	position: absolute;
	display: none;
	right: -5px;
	bottom: -65px;
}

.viewmode-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100px;
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	border-radius: 4px;
	box-shadow: 0px 7px 17px rgb(84 84 84 / 40%);
	transition: opacity 0.3s ease-in-out 0.2s, top 0.1s ease-out 0.6s;
	position: absolute;
	display: none;
	right: -5px;
	bottom: -65px;
}

.sidebarFooter .languages-container,
.sidebarFooter .viewmode-container {
	position: unset;
	display: flex;
	box-shadow: none;
	background: transparent;
	padding: 0;
	width: auto;
	gap: 10px;
	border-radius: 0;
	margin-top: 0;
}

.languages-container.open,
.viewmode-container.open {
	display: flex;
}

.language_option,
.viewmode_option {
	font-size: 16px !important;
}

.sidebarFooter .language_option,
.sidebarFooter .viewmode_option {
	color: var(--main-black);
	text-align: center;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.language_option.selected,
.viewmode_option.selected {
	font-weight: 700;
}

@media screen and (max-width: 919px) {
	.upperHeader .header_sides {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.header_sides.left_header_side {
		/* display: none !important; */
	}

	.sidebarFooter .header_sides.left_header_side {
		display: inline-flex !important;
		justify-content: center;
		width: 100%;
		position: relative;
	}

	#left-sidebar .product-categories-2,
	#group-icon-header .product-categories-2 {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 769px) {
	.menu_right_buttons .buttonPart.languageButtonPart,
	.menu_right_buttons .buttonPart.viewmodeButtonPart {
		display: flex;
	}

	.menu_right_buttons .buttonPart.threeButtonsPart {
		padding-right: 15px;
	}

	.menu_right_buttons .buttonPart.threeButtonsPart:after {
		display: block;
	}

	.menu_right_buttons .buttonPart:not(:first-child) {
		padding-left: 10px;
	}

	.menu_right_buttons .buttonPart:not(:last-child) {
		padding-right: 10px;
	}

	.menu_right_buttons .buttonGroup {
		gap: 10px;
	}
}

.cartBarWrapper {
	gap: 7px;
	display: flex;
}

.menuSearchWrapper {
	position: relative;
}

.menuSearch {
	width: 0;
	height: 40px;
	flex-shrink: 0;
	border-radius: 5px;
	border: solid var(--main-gray);
	border-width: 0px;
	background: white;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	position: absolute;
	right: -moz-calc(100% - 10px);
	right: -webkit-calc(100% - 10px);
	right: -o-calc(100% - 10px);
	right: calc(100% + 10px);
	top: -12px;
	transition: width 0.3s ease-in-out;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}

.menuSearch.open {
	width: 310px;
	border-width: 1px;
}

.menuSearch::placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	opacity: 1;
}

.menuSearch::-ms-input-placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.35px;
}

.languageWrapper,
.viewmodeWrapper {
	gap: 5px;
}

.header_sides span.cartPrice,
.header_sides span.salesSpots {
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
}

.cartCounterWrapper {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	background: #000;
	position: absolute;
	border-radius: 50%;
	top: -3px;
	right: -9px;
}

.cartCounter:not(.cartTitleCounter) {
	color: #fff;
	text-align: center;
	font-size: 11px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 93.3%;
	text-transform: uppercase;
	transition: color 0.2s;
}

.header_sides span.languageLbl,
.header_sides span.viewmodeLbl {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.hover_grow {
	transition: transform 0.2s;
}

.hover_grow:hover {
	transform: scale(1.2);
}

.grow_icon {
	transition: transform 0.2s;
}

.hover_grow_icon:hover .grow_icon {
	transform: scale(1.2);
}

.menu_right_buttons .cartBarWrapper .menu_icon {
	padding-right: 7px;
}

.menu_right_buttons .cartBarWrapper.hovered {
	transform: scale(1.2);
}

.menu_right_buttons .cartBarWrapper.hovered .cartCounter {
	color: red !important;
}

.menu_right_buttons .menu_icon {
	position: relative;
}

.menu_right_buttons .menu_icon .cart {
	width: 17px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .person {
	width: 16px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .heart {
	width: 18px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .search {
	width: 16px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .lang {
	width: 11px;
	flex-shrink: 0;
}

.ts-header .menu-wrapper nav > ul > li._products {
	position: unset;
}

li._products .sub-navigation--first-level.simple-submenu {
	position: unset;
}

li._products .categories--dropdown .level2 {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    top: 37px;
	padding: 0;
}

header .header-container .sticky-wrapper.is-sticky li._products .categories--dropdown .level2 {
	top: 24px;
}

.footerUpper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 1250px;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 20px;
	padding-top: 60px;
	gap: 10px;
}

.accordionWrapper {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	flex-basis: 100%;
	width: 100%;
}

.accrdionRow {
	display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    min-height: 35px;
    border-bottom: solid 1px rgba(0, 0, 0, 1);
    cursor: pointer;
    position: relative;
}

.accordion .accrdionRow {
    border-top: solid 1px rgba(0, 0, 0, 1);
    border-bottom: none;
    min-height: 48px;
}

.accrdionRow:before {
	content: '';
    z-index: 2;
    position: absolute;
    background-image: url(/wp-content/uploads/2024/02/arrow-7x13-1.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 6px center;
    right: 0;
    top: 5px;
    background-size: 15px 15px;
    transition: all .3s;
	transform: rotate(90deg);
}

.accrdionRow::after {
    content: '';
    z-index: 1;
    position: absolute;
    background-color: #000;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    right: 0;
	top: 5px;
    transition: all .3s;
    transform: scale(1);
}

.accordion .accrdionRow:before,
.accordion .accrdionRow::after {
	top: 12px;
}

.accrdionRow.open::before {
	transform: rotate(-90deg);
}

.accrdionRow:hover::after {
    transform: scale(1.2);
}

.accrdionRow span {
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
	color: black;
}

.accordion .accrdionRow span {
    font-size: 14px;
	line-height: 16px;
    padding: 16px 40px 15px 0;
}

.accrdionRow ul {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 30px;
	text-align: left;
}

.accordion .accrdionRow ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 20px 10px;
    text-align: left;
}

.accrdionRow ul li {
	list-style: none;
}

.accrdionRow ul a {
	text-decoration: none;
	color: black !important;
	font-size: 12px;
	font-weight: 500;
	line-height: 13.5px;
	text-align: left;
}

.accordion .accrdionRow li p {
    font-size: 12px;
    line-height: 14px;
	font-weight: 400;
	margin: 0;
}

.socialBar {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-basis: 100%;
	gap: 20px;
	align-items: center;
	flex-basis: 70%;
}

.socialBar svg {
	transition: all .3s;
    transform: scale(1);
	cursor: pointer;
}

.socialBar svg:hover {
    transform: scale(1.2);
}

.socialBar.forDesktop {
	display: none;
}

.socialBar.forMobile {
	display: flex;
	padding-bottom: 40px;
}

@media screen and (min-width: 501px) {
	.footerUpper {
		flex-direction: row;
		padding-bottom: 24px;
		padding-top: 60px;
	}
}

@media screen and (min-width: 650px) {
	.socialBar.forDesktop {
		display: flex;
	}

	.socialBar.forMobile {
		display: none;
	}

	.footerUpper {
		padding-bottom: 60px;
		padding-top: 100px;
	}
}


/*** Sidecart ***/
body.minicart-open #minicart-backdrop {
	transform: translateY(0);
}

body.minicart-open .modal-backdrop {
	display: none;
}

@media screen and (max-width: 639px) {
	body.minicart-open .snackbar-pos.top-right {
		bottom: 0 !important;
		top: auto !important;
	}
}

#modalSideCart,
#modalorderdetails {
	width: 100%;
	right: 0;
    left: unset;
	display: block !important;
	opacity: 1 !important;
	transform: translateX(100%);
    transition: transform .6s ease !important;
	max-width: 100%;
}

#modalSideCart.show,
#modalorderdetails.show {
	transform: translateX(0);
}

#modalSideCart .modal-dialog,
#modalorderdetails .modal-dialog {
	width: 100%;
	right: 0;
    left: unset;
	max-width: 100%;
}

#modalLogin {
	width: 100%;
	right: 0;
    left: unset;
	display: block !important;
	opacity: 1 !important;
	transform: translateX(100vw);
    transition: transform .6s ease !important;
	max-width: 100%;

	width: 100%;
    max-width: 461px;
    height: 406px;
    margin: 0px;
    left: calc(50% - 230px);
    top: calc(50% - 203px);
}

#modalLogin.show {
	transform: translateX(0);
}

#modalLogin .modal-dialog {
	width: 100%;
	right: 0;
    left: unset;
	max-width: 100%;

	width: 100%;
    height: 100%;
    margin: 0;
	transform: none;
	max-width: 461px;
}

@media screen and (max-width: 471px) {
	#modalLogin {
		max-width: calc(100vw - 20px);
		left: 10px;
	}

	#modalLogin .modal-dialog {
		max-width: calc(100vw - 20px);
	}
}

@media screen and (max-width: 500px) {
	.subTitleWrap {
		display: none;
	}
}

.titleWrap {
	display: flex;
	text-align: center;
	gap: 10px;
	margin-bottom: 30px;
	height: 33px;
}

.titleWrap svg {
	height: 24px;
}

.titleWrap span {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	/* 24.073px */
	text-transform: uppercase;
	color: var(--main-black);
}

.invalid input,
.invalid select,
.invalid textarea {
	border-color: #d52925 !important;
}

.flex-input:focus-within:not(.invalid):not(.warning) label {
	color: var(--main-color) !important;
}

.flex-input .invalid>select {
	border-color: #d52925 !important;
}

.columnWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.thisloginbtn {
	margin-top: 27px;
	float: none;
	width: 100%;
	max-width: 350px;
	display: inline-block;
	padding: 10px 30px !important;
	border-radius: 0.4rem;
}

body.login-open .modal-backdrop {
	display: none;
}

.cartTitleWrapper {
	padding: 10px 0 10px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.cartTitle {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.cartTitle > span {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.cartTitleCounter {
	width: 33px;
	height: 33px;
	background: var(--main-black);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 50%;
}

#sidecart {
	padding: 10px 12px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sideCartInner {
	padding: 0 5px 0 12px !important;
    margin-left: -12px;
    margin-right: -12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
	overflow: auto;
}

.cartErrorMessage {
	display: none;
	color: var(--main-red);
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
	font-size: 14px;
    font-weight: 500;
	border-radius: 10px;
    border: 1px solid var(--main-gray);
    background: #FFF;
    padding: 10px;
}

.cartErrorMessage svg path {
	stroke: var(--main-red);
}

#sidecart.APIerror .cartErrorMessage,
#cartInner.APIerror .cartErrorMessage {
	display: flex;
}

.sideCartRow {
	position: relative;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
    align-items: center;
    gap: 0;
    height: 137px;
    height: auto;
    border-radius: 10px;
    border: 1px solid var(--main-gray);
    background: #FFF;
}

.sideCartRow p.quantity {
	margin: 0 !important;
    display: flex;
    flex-direction: row;
    width: 77px;
    height: 35px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid var(--main-gray);
    background: white;
    position: relative;
	justify-content: center;
    align-items: center;
}

.sideCartRow p.quantity span {
	display: inline-flex;
}

.sideCartRow .quantity_label {
	position: absolute;
	top: -20px;
	font-size: 12px;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: 600;
	color: #55add9;
	display: none !important;
}

.sideCartRow .changeQuantityButton:first-of-type {
	position: absolute;
    left: 9px;
    top: 12.5px;
    bottom: 12.5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
	margin: 0;
}

.sideCartRow .changeQuantityButton:last-of-type {
	position: absolute;
    right: 9px;
    top: 12.5px;
    bottom: 12.5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
	margin: 0;
}

.sideCartRow .cartQuantityInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	max-width: 100%;
	width: 30px;
	height: 16px;
	text-align: center;
	padding: 0;
	margin: 0;
	-moz-appearance: textfield;
	color: var(--main-black);
	background-color: transparent;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.4px;
}

.sideCartRow .bold-text {
	font-weight: bold !important;
}

.sideCartRow .sideCartProductImage {
	width: 106px;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
}

.sideCartRow .sideCartProductImage a {
	width: 106px;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
}

.sideCartRow .sideCartProductImage a img {
	border-radius: 10px;
}

.sideCartRow .sideCartProductDetails {
	padding: 20px 19px 21px 10px;
	width: 100%;
    height: 100%;
    flex-grow: 1;
	display: flex;
}

.sideCartRow .product-body {
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 10px;
}

.sideCartRow .product_prices {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	width: 100%;
}

.sideCartRow .minicartTrash:hover {
	color: red !important;
}

.sideCartRow .changeQuantityButton:hover {
	color: #c0c2c5;
	background-color: white;
}

/*
.sideCartRow .product-body * {
	color: #4b4c4d;
}
*/

.product_info {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}

.product_info .Description {
	color: var(--main-black);
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-decoration-line: underline;
	display: block;
}

.product_info .product_code {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	display: block;
}

.product_prices .Price {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	display: flex;
	gap: 4px;
	justify-content: center;
    align-items: center;
}

#sidecart.APIerror .Price {
	opacity: 0 !important;
}

.product_prices .Price .discount_price {
	color: #8C8C8C;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.3px;
	text-decoration-line: line-through;
}

.sideCartTotalsWrapper {
	display: flex;
    flex-direction: column;
    gap: 5px;
	padding: 10px 0;
	position: relative;
}

#sidecart.APIerror .sideCartTotalsWrapper .totals_row > div:last-child,
.cart-sidebar.APIerror .sideCartTotalsWrapper .totals_row > div:last-child {
	opacity: 0 !important;
}

.loaderWrapper {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #8c8c8c;
	border-color: var(--my-green-color) transparent var(--my-green-color) transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring.white:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid white;
	border-color: white transparent white transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-small {
	display: inline-block;
}

.lds-dual-ring-small:after {
	content: " ";
	display: block;
	width: 23px;
	height: 23px;
	margin: 8px;
	border-radius: 50%;
	border: 3px solid #00404d;
	border-color: #00404d transparent #00404d transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.sideCartTotalsWrapper .loaderWrapper,
#modalorderdetails .loaderWrapper {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.totals_row {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	align-items: centers;
}

.totals_row .lbl {
	color: var(--main-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.totals_row.grandTotal .lbl {
	color: var(--main-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.totals_row.grandTotal .lblBig {
	color: var(--main-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/*
#modalSideCart .icofont-close {
	color: #4b4c4d !important;
}
*/

#sidecart .inactiveLink {
	pointer-events: none;
	cursor: default;
}

.sideCartRow .product-body .quantity.fa.myfa .changeQuantityButton .fas {
	color: #fff;
}

.sideCartRow .product-body .quantity.fa.myfa .changeQuantityButton:hover .fas {
	color: #c0c2c5;
}

.px-width-box-shadow.only-mycart {
	display: none;
}

#modalSideCart .modal-footer {
	border-top: none;
	padding: 20px;
}

#modalSideCart .modal-footer .NavLink.GoToBasketSide {
	width: 100%;
}

#modalSideCart .modal-footer .NavLink.GoToBasketSide:hover>a.hide-small-viewport {
	color: #fff !important;
}

#modalSideCart .modal-title:hover {
	cursor: pointer;
}

#modalSideCart .modal-title {
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}

#modalSideCart .minicart-product-cont.hide {
	display: none;
}

#modalSideCart .sideCartRow>i {
	transform: rotate(-90deg);
}

#modalSideCart .sideCartRow.hide>i {
	transform: rotate(90deg);
}

#modalSideCart .sideCartRow.mybaskettile:hover {
	cursor: pointer;
}

#modalSideCart .sideCartRow.sideCartRow.mybaskettile .num_prod {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-color: #287ba7;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 14px;
}

.removeCartItemWrapper {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.removeCartItemWrapper svg {
	width: 11px;
	height: 11px;
	transition: transform 0.2s ease;
}

.removeCartItemWrapper svg > * {
	transition: stroke 0.2s ease;
}

.removeCartItemWrapper:hover svg > * {
	stroke: red;
}

.removeCartItemWrapper:hover svg {
	transform: scale(1.2);
}

@media screen and (min-width: 501px) {
	#modalSideCart {
		width: 379px;
	}

	#modalSideCart .modal-dialog {
		width: 379px;
	}

	#sidecart {
		padding: 10px 20px 10px 15px !important;
	}

	.sideCartInner {
		padding: 0 15px 0 15px !important;
		margin-left: -15px;
		margin-right: -20px;
	}

	.sideCartRow {
		height: 138px;
		height: auto;
	}

	.sideCartRow .sideCartProductImage {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductImage a {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductDetails {
		padding: 11.5px 21px 12.5px 10px;
		width: 100%;
		height: 100%;
		flex-grow: 1;
		display: flex;
	}
}

@media screen and (min-width: 769px) {
	#modalSideCart {
		width: 481px;
	}

	#modalSideCart .modal-dialog {
		width: 481px;
	}

	#modalorderdetails {
		width: 635px;
	}

	#modalorderdetails .modal-dialog {
		width: 635px;
	}

	#sidecart {
		padding: 10px 20px !important;
	}

	.sideCartInner {
		padding: 0 15px 0 20px !important;
		margin-left: -20px;
		margin-right: -20px;
	}

	.cartErrorMessage {
		gap: 25px;
		font-size: 15px;
	}

	.sideCartRow {
		height: 131px;
		height: auto;
	}

	.sideCartRow .sideCartProductImage {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductImage a {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductDetails {
		padding: 16.5px 21px 16.5px 10px;
		width: 100%;
		height: 100%;
		flex-grow: 1;
		display: flex;
	}
}

@media screen and (min-width: 1024px) {
	#modalorderdetails {
		width: 798px;
	}

	#modalorderdetails .modal-dialog {
		width: 798px;
	}
}


/*** My Cart ***/
section.cart {
	padding: 0 10px;
}

.cart-content > .cf {
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
	position: relative;
}

.cart-section {
	width: 100%;
}

#cartInner {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 15px;
	flex-wrap: wrap;
}

.cart .page-title-wrap {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.cart .page-title-wrap .page-title {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.cart-sidebar {
	width: 100%;
	max-width: 100%;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.package {
	border: 1px solid #E5E5E5;
	background: #fff;
	padding: 0;
	margin: 0;
	border-radius: 20px;
	display: flex;
	width: 370px;
	max-width: 100%;
	height: auto;
	padding-bottom: 15px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--main-gray) !important;
}

.cart_remove_btn {
	width: 27px;
	height: 27px;
	border: solid 1px var(--main-gray);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    top: 20px;
    right: 20px;
	cursor: pointer;
}

.cart_remove_btn svg {
	width: 11px;
	height: 11px;
	transition: transform 0.2s ease;
}

.cart_remove_btn svg > * {
    transition: stroke 0.2s ease;
}

.cart_remove_btn:hover svg {
    transform: scale(1.2);
}

.cart_remove_btn:hover svg > * {
    stroke: red;
}

.v_separator {
	width: 1px;
	height: 100%;
	background: var(--main-gray);
	display: block;
}

.package .v_separator {
	width: 370px;
	height: 1px;
	display: none;
}

.line-item {
	position: relative;
}

.line-item .product-image {
	display: block;
	width: 140px;
	height: 140px;
	max-height: 140px;
    max-width: 140px;
}

.product_titles {
	display: flex;
    flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 0 15px;
}

.product_titles a.loading-tile {
	color: var(--main-color);
	font-size: 15px;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
	margin: 0;
	padding: 0;
}

.product_titles .ProductCodes {
	display: flex;
	flex-direction: column;
}

.ProductCodes .ProductCode,
.ProductCodes .ProductOptions {
	color: var(--main-color);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.package .quantityWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	width: auto;
	max-width: 100%;
}

.package .packagequantitylabel {
	width: 170px;
	height: 17px;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: inline-block;
}

.package p.quantity {
	width: 170px;
	height: 36px;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	position: relative;
	margin: 0;
	display: flex;
	align-items: center;
    justify-content: center;
}

.package .changeQuantityButton:first-of-type {
	position: absolute;
	left: 13px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.package .changeQuantityButton:last-of-type {
	position: absolute;
	right: 13px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.package .cartQuantityInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	max-width: 100%;
	width: 87px;
	height: 14px;
	text-align: center;
	padding: 0;
	margin: 0;
	-moz-appearance: textfield;
	color: var(--main-black);
	background-color: transparent;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}

.itemPricesWrapper {
	display: flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

#cartInner.APIerror .itemPricesWrapper .price_part > span:last-child {
	opacity: 0 !important;
}

.package .price_part {
	display: flex;
    width: calc(50% - 5px);
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
}

.package .price_part > span:first-child {
	color: var(--main-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.package .price_part > span:last-child {
	color: var(--main-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.package .price_part.totalprice > span:last-child {
	font-weight: 700;
}

.cart-option-header {
	margin: 0;
	padding: 0;
}

.cart-option-header h2 {
	color: var(--main-black);
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.sidebar_buttons {
	display: inline-flex;
	align-items: center;
	gap: 28px;
	max-height: 50px;
}

.sidebar_buttons .bt.hoverbutton {
	width: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

.sidebar_buttons .customHover_refresh svg {
    width: 27px;
    height: 27px;
}

.discount_code_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.input_discount_code {
	display: flex;
	width: 380px;
	width: auto;
	flex-grow: 1;
	padding: 12px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	height: 38px;
}

.button_discount_checkmark {
	cursor: pointer;
	flex-shrink: 0;
}

@media screen and (min-width: 501px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		width: 100%;
	}

	.cart-sidebar {
		width: 728px;
		flex-grow: unset;
	}

	.cart .page-title-wrap {
		padding: 13px 0 17px 0;
	}

	#cartInner {
		width: 100%;
		gap: 12px;
	}

	.package {
		width: 358px;
		height: auto;
		padding-bottom: 15px;
	}

	.package .v_separator {
		height: 358px;
	}

	.package .quantityWrapper {
		width: auto;
	}

	.package .packagequantitylabel {
		width: 163px;
		height: 17px;
	}

	.package p.quantity {
		width: 164px;
	}

	.package .cartQuantityInput {
		width: 84px;
		height: 14px;
		font-size: 14px;
	}

	.sidebar_buttons {
		justify-content: space-between;
		flex-grow: 1;
	}

	.sidebar_buttons .bt.hoverbutton {
		width: 483px;
		max-width: 483px;
	}
}

@media only screen and (max-width: 649px) {
	.package {
		width: auto;
		height: auto;
		flex-grow: 1;
	}
}

@media only screen and (min-width: 650px) and (max-width: 1365px) {
	#cartInner:not(.orderHistoryCart) {
		gap: 10px;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0 auto;
		max-width: 732px;
	}
}

@media screen and (min-width: 769px) {
	section.cart {
		padding: 0 20px;
	}

	#cartInner {
		gap: 10px;
	}

	.cart-sidebar {
		width: 732px;
		flex-grow: unset;
	}

	.cart .page-title-wrap {
		padding: 15px 0 13px 0;
	}

	.package {
		width: 363px;
		height: auto;
		padding-bottom: 15px;
	}

	.package .v_separator {
		width: 363px;
		height: 1px;
	}

	.package .quantityWrapper {
		width: auto;
	}

	.package .packagequantitylabel {
		width: 166px;
	}

	.package p.quantity {
		width: 166px;
	}

	.package .cartQuantityInput {
		width: 85px;
		height: 14px;
		font-size: 14px;
	}

	.itemPricesWrapper {
		flex-wrap: wrap;
	}

	.sidebar_buttons {
		justify-content: space-between;
		flex-grow: 1;
	}

	.sidebar_buttons .bt.hoverbutton {
		width: 486px;
		max-width: 486px;
	}
}

@media screen and (min-width: 1366px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		width: 924px;
	}

	#cartInner {
		gap: 10px;
	}

	.cart .page-title-wrap {
		padding: 15px 0 20px 0;
	}

	.cart-content > .cf {
		flex-direction: row;
		gap: 10px;
		align-items: start;
	}

	.cart-sidebar {
		padding-top: 25px;
		width: auto;
    	flex-grow: 1;
	}

	.package {
		width: 100%;
		height: 147px;
		height: 150px;
		border: none;
		border-radius: 10px;
		align-items: center;
		flex-direction: row;
		gap: 0;
		padding-bottom: 0;
		overflow: hidden;
	}

	.package .v_separator {
		width: 1px;
		min-width: 1px;
		height: 147px;
		transform: unset;
		margin: 0 10px;
		background: var(--main-gray);
		display: block;
	}

	.line-item .product-image {
		display: block;
		width: 114px;
		height: 114px;
		max-height: 114px;
    	max-width: 114px;
		margin-right: 20px;
	}

	.product_titles {
		gap: 10px;
		width: 254px;
		align-items: flex-start;
		min-width: 254px;
		padding: 0;
	}

	.product_titles a.loading-tile {
		text-align: left;
	}

	.ProductCodes .ProductCode .value {
		font-weight: 500;
	}

	.ProductCodes .ProductOptions {
		display: none;
	}

	.package .quantityWrapper {
		flex-direction: column;
		gap: 10px;
		padding: 0;
		width: 112px
	}

	.package .packagequantitylabel {
		width: 112px;
	}

	.package p.quantity {
		width: 112px;
		height: 40px;
	}

	.package .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}

	.package .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}

	.package .cartQuantityInput {
		width: 58px;
		height: 16px;
		font-size: 16px;
		line-height: 100.305%;
		letter-spacing: 0.4px;
	}

	.itemPricesWrapper {
		width: 390px;
		align-items: flex-start;
		align-content: flex-start;
		gap: 15px 10px;
		flex-wrap: wrap;
		min-width: 390px;
	}

	.package .price_part {
		display: flex;
		width: 117px;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
		margin: 0;
		padding: 0;
	}

	.sidebar_buttons {
		justify-content: unset;
		gap: 28px;
	}

	.sidebar_buttons .bt.hoverbutton {
		flex-shrink: 1;
		flex-grow: 1;
		width: auto;
	}
}

@media screen and (min-width: 1600px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		margin-bottom: 0;
		width: 1220px;
	}

	#cartInner {
		gap: 10px;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
	}

	.cart .page-title-wrap {
		padding: 15px 0 17px 0;
	}

	.cart-content > .cf {
		gap: 25px;
	}

	.cart-sidebar {
		width: auto;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		gap: 15px;
		padding-top: 20px;
	}

	.cart .page-title-wrap .page-title {
		color: var(--main-black);
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.package .v_separator {
		width: 1px;
		min-width: 1px;
		height: 100%;
		margin: 0 12px;
		background: var(--main-gray);
	}

	.line-item .product-image {
		display: block;
		width: 147px;
		height: 147px;
		max-height: 147px;
    	max-width: 147px;
		margin-right: 9px;
	}

	.product_titles {
		gap: 10px;
		width: 280px;
		min-width: 280px;
		align-items: flex-start;
	}

	.package .quantityWrapper {
		width: 133px;
	}

	.package .packagequantitylabel {
		width: 133px;
	}

	.package p.quantity {
		width: 133px;
	}

	.package .cartQuantityInput {
		width: 69px;
	}

	.itemPricesWrapper {
		width: auto;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-wrap: nowrap;
		padding-left: 15px;
		padding-right: 5px;
	}
}

@media screen and (min-width: 1680px) {
	.cart-section {
		width: 1300px;
	}

	.product_titles {
		width: 305px;
		min-width: 305px;
	}
}

@media screen and (min-width: 1790px) {
	.cart-section {
		width: 1405px;
	}
}


/*** Checkout ***/
.checkout-container {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 40px;
}

.checkout-container .breadcrumb-title-wrapper.breadcrumb-v1 {
	border-bottom: solid 1px var(--main-gray);
	margin-bottom: 15px;
}

section.checkout {
    padding: 0 10px;
}

.checkout-sidebar {
	width: 100%;
	max-width: 100%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

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

.checkout-option-header h2 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.checkout .page-title-wrap {
	width: 100%;
}

.checkout .page-title-wrap h1 {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.pricesdPart {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.confirmationWrapper {
	gap: 8px;
}

.confirmationWrapper p {
	text-align: center;
	margin: 0;
	padding: 0;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.notesWrapper {
	gap: 8px;
}

#order_comment {
	height: 193px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	resize: none;
	padding: 10px 15px;
}

.payment-main {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 0;
}

.dropdownrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
    gap: 20px;
	width: 100%;
	flex-direction: column;
}

.dropdownrow .input_group {
	width: 100%;
}

.radio_section {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
}

.radio_options {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	justify-content: center;
	position: relative;
}

.radio_options .loaderWrapper {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.creditCardsWrapper {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.bank_account_table.desktop {
	width: 100%;
	height: 114px;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid var(--main-gray);
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bank_account_table.mobile {
	width: 100%;
	flex-shrink: 0;
	border-radius: 10px;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bank_account_table_row {
	width: 100%;
	height: 58px;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 15px;
}

.bank_account_table_row.labels_row {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.bank_account_table_row.values_row {
	color: var(--main-black);
	background: white;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bank_account_table.desktop .bank_account_table_row > div:first-child {
	width: 85px;
	flex-shrink: 0;
}

.bank_account_table.desktop .bank_account_table_row > div:nth-child(2) {
	width: 180px;
	flex-shrink: 0;
}

.bank_account_table.desktop .bank_account_table_row > div:nth-child(3) {
	width: 235px;
	flex-shrink: 0;
}

.bankName {
	height: 49px;
    display: flex;
    flex-direction: row;
    justify-content: center;
	width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid var(--main-gray);
	border-right: 1px solid var(--main-gray);
	border-left: 1px solid var(--main-gray);
	background: var(--background-gray);
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.bank_account_table_column {
	display: flex;
	padding: 15px 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
	border-radius: 0px 0px 10px 10px;
	border-right: 1px solid var(--main-gray);
	border-bottom: 1px solid var(--main-gray);
	border-left: 1px solid var(--main-gray);
	background: white;
}

.bank_column_row {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.bank_column_row span:first-child {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.bank_column_row span:nth-child(2) {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.notesLbl {
	color: var(--main-black);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (min-width: 301px) {

}

@media screen and (min-width: 501px) {
	.checkout-sidebar {
		width: 728px;
		flex-grow: unset;
	}
}

@media screen and (min-width: 650px) {
	section.checkout {
		padding: 0 20px;
	}

	.bank_account_table.desktop {
		display: flex;
	}

	.bank_account_table.mobile {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.checkout-sidebar {
		width: auto;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.checkout-main {
		width: 924px;
	}
}

@media screen and (min-width: 936px) {
	.bank_account_table_row {
		padding: 0 28px;
	}

	.bank_account_table.desktop .bank_account_table_row > div:first-child {
		width: 130px;
	}

	.bank_account_table.desktop .bank_account_table_row > div:nth-child(2) {
		width: 316px;
	}

	.bank_account_table.desktop .bank_account_table_row > div:nth-child(3) {
		width: 314px;
	}
}

@media screen and (min-width: 1366px) {
	.checkout-container {
		margin: 0 auto;
		max-width: 1555px;
	}

	.payment-main {
		margin-top: 15px;
	}

	.checkout-container .cart-content > .cf {
		gap: 20px;
	}

	.checkout-main {
		width: 924px;
		min-width: 924px;
	}

	.dropdownrow {
		flex-direction: row;
	}

	.dropdownrow .input_group {
		width: 462px;
	}
}

@media screen and (min-width: 1600px) {
	.checkout-container {
		max-width: 1555px;
	}

	.checkout-main {
		width: 1093px;
		min-width: 1093px;
	}
}


/*** General ***/
.brdcrmb_arrow {
	margin: 0;
	padding: 0;
	margin: 0 !important;
}

.separator {
	height: 1px;
	min-height: 1px;
	background: var(--main-gray);
	width: 100%;
	display: block;
}

.separator.padded {
	margin: 0 10px;
}

.product .separator {
	background: #E5E5E5;
}

.redBorder,
.frm_form_field .redBorder,
.frm_form_field input.redBorder,
.frm_form_field input[type=text].redBorder,
.frm_form_field input[type=email].redBorder,
.frm_form_field textarea.redBorder {
	border-color: red !important;
}

h1 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 102.305%;
	text-transform: uppercase;
	color: var(--main-black);
	margin: 20px 0;
}

.main_container > h1.pageTitle {
	text-align: center;
}

.main_container > h2,
.main_container > h3,
.main_container > h4 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%; /* 24.073px */
	text-transform: uppercase;
	color: var(--main-black);
	margin: 30px 0 20px 0;
}

.main_container > p {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--main-black);
	margin-top: 0;
	margin-bottom: 0;
}

.main_container > p + p,
.main_container > p + ul,
.main_container > p + ol,
.main_container > ul + p,
.main_container > ul + ul,
.main_container > ul + ol,
.main_container > ol + p,
.main_container > ol + ul,
.main_container > ol + ol {
	margin-top: 20px;
	margin-bottom: 0;
}

.main_container > ol,
.main_container > ul {
	margin: 0;
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.main_container > ol li,
.main_container > ul li {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-top: 3px;
}

.main_container .main-page-yles-but {
    max-width: unset;
    margin: 0;
	margin-top: 20px;
    width: auto;
}

.main_container  hr.wp-block-separator {
	margin: 30px 0;
    border: none;
    background-color: black;
    opacity: 1;
}

#sb_instagram .sbi_photo {
	border-radius: 20px;
}

.OnlyButton-Container {
	margin-top: 20px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 9px;
	align-self: stretch;
}

.OnlyButton-Container span {
	color: var(--main-black) !important;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-transform: uppercase;
	position: relative;
}

.OnlyButton-Container span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	border-color: var(--main-gray);
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.OnlyButton-Container:hover span:after {
	transform: scale(1, 1);
}

.OnlyButton-Container svg {
	width: 31px;
	height: 31px;
}

@media screen and (min-width: 501px) {
	.main_container {
		max-width: 404px;
		padding: 0;
	}

	.separator.padded {
		margin: 0 20px;
	}

	.main_container > h2,
	.main_container > h3,
	.main_container > h4 {
		font-size: 24px;
	}

	.prologue {
		max-width: 405px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 650px) {
	.main_container {
		max-width: 482px;
		padding: 0;
	}

	.prologue {
		max-width: 482px;
	}
}

@media screen and (min-width: 769px) {
	.main_container {
		max-width: 735px;
		padding: 0;
	}

	h1 {
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		text-transform: uppercase;
		color: var(--main-black);
		margin: 40px 0;
	}

	.main_container > h2,
	.main_container > h3,
	.main_container > h4 {
		font-size: 24px;
	}

	.prologue {
		max-width: 487px;
	}
}

@media screen and (min-width: 1025px) {
	.main_container {
		max-width: 792px;
		padding: 0;
	}
}

@media screen and (min-width: 1366px) {
	.prologue {
		max-width: 523px;
	}
}

@media screen and (min-width: 1600px) {
	.main_container {
		max-width: 935px;
		padding: 0;
	}

	.prologue {
		max-width: 620px;
	}

	#sb_instagram {
		max-width: 1560px;
		margin: 0 auto;
	}
}

.link_with_icon {
	gap: 5px;
	min-height: 1px;
}

.link_with_icon span {
	position: relative;
	top: 1px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.customHover_newUser svg {
	width: 24px;
	transition: transform 0.3s ease-in-out;
}

.customHover_refresh svg {
	width: 20px;
	transition: transform 0.3s ease-in-out;
}

.link_with_icon.customHover_newUser:hover svg {
	transform: scale(-1, 1);
}

.link_with_icon.customHover_refresh:hover svg {
	transform: rotate(180deg);
}

.hoverUnderline,
.hoverUnderlineSmall {
	position: relative;
	text-decoration: none;
}

.hoverUnderline:hover:after,
.hoverUnderlineSmall:hover:after {
	transform: scale(1, 1);
}

.hoverUnderline:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverUnderlineSmall:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverUnderline.grayLine:after,
.hoverUnderlineSmall.grayLine:after {
	border-color: var(--main-gray);
}

.hoverUnderline.blackLine:after,
.hoverUnderlineSmall.blackLine:after {
	border-color: var(--main-black);
}

.hoverIcon {
	cursor: pointer;
}

.iconButton {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconButton .icon,
.iconButton .icon circle,
.iconButton .icon path {
	transition: fill,stroke 0.2s ease-in-out;
}

/* .hoverIcon:hover .icon circle {
	stroke: var(--hover-gray);
}

.hoverIcon:hover .icon path {
	stroke: var(--main-gray);
} */

.hoverIcon > span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	border-color: var(--main-gray);
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverIcon:hover > span:after {
	transform: scale(1, 1);
}

.iconButton.round {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

@media screen and (max-width: 471px) {
	.login_user .link_with_icon {
		gap: 2px;
	}
}

@media screen and (max-width: 400px) {
	.login_user .link_with_icon span {
		font-size: 12px;
	}
}

@media screen and (max-width: 359px) {
	.login_user .link_with_icon span {
		font-size: 11px;
	}

	.login_user .iconButton.round {
		width: 17px;
		height: 17px;
	}
}

.iconButton.square {
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.headersbar {
	margin-top: 0;
	margin-bottom: 20px;
	flex-direction: column;
	gap: 15px;
}

.items_headers {
	display: flex;
	width: 100%;
	height: auto;
	padding: 0;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 7px;
}

.itemsHeader {
	
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
	text-transform: uppercase;
}

.nobanner .itemsHeader {
	color: var(--main-black);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}

.filtersbar,
#filtersbar_toberemoved,
.filtersbar.widget-container.filtersContainer {
	justify-content: space-between;
	height: 60px;
	overflow: unset;
}

#filtersbar_toberemoved {
	padding-left: 0 !important;
    padding-right: 0 !important;
}

#filtersbar_toberemoved,
#filtersbar {
	margin-bottom: 0 !important;
}

.moreFilters_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.moreFilters_btn svg {
	width: 25px;
	height: 16px;
	border-radius: 7px;
}

.moreFilters_btn svg ellipse {
	transition: all 0.3s;
}

.moreFilters_btn:hover svg ellipse:first-of-type {
	cx: 17.5 !important;
}

.moreFilters_btn:hover svg ellipse:last-of-type {
	cx: 8.5 !important;
}

.moreFilters_btn span {
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	color: black;
}

.filtersbar_leftside {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.outterFiltersBar {
	display: none;
	flex-direction: row;
	gap: 20px;
}

.applyBtnWrapper {
	display: none;
}

@media screen and (min-width: 1366px) {
	.outterFiltersBar {
		display: flex;
	}

	.applyBtnWrapper {
		display: block;
	}
}

.itemsHeaderCounter {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
}

.active_filtersbar {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-height: 30px;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

.active_filtersbar:has(> .active_filters:empty) {
	display: none !important;
}

.active_filters {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.pricesnovatDesktop {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: right;
	display: none;
}

.related_products_wrapper .pricesnovatDesktop {
	display: flex;
}

.pricesnovatMobile {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: center;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

@media screen and (min-width: 501px) {
	.pricesnovatDesktop {
		display: flex;
	}

	.pricesnovatMobile {
		display: none;
	}
}

@media screen and (min-width: 650px) {
	.active_filtersbar {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: unset;
		gap: 10px;
	}
}

.clearFiltersBtn {
	font-size: 14px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	color: black;
}

.active_filter {
	width: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 27px;
	padding: 5px 10px 5px 10px;
	border-radius: 44px;
	gap: 8px;
	background: white;
}

.active_filter span {
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: left;
}

.active_filter .svg {
	cursor: pointer;
	width: 10px;
    height: 10px;
    display: flex;
}

.active_filter svg {
	width: 10px;
    height: 10px;
	will-change: transform;
    transition: transform 0.2s ease;
}

.active_filter .svg:hover svg {
    transform: scale(1.2);
}

.active_filter svg > * {
    transition: stroke 0.2s ease;
}

.active_filter .svg:hover svg > * {
    stroke: red;
}

.subcategoriesWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	width: 100%;
	flex-grow: 1;
	flex-shrink: 0;
	margin-top: 40px;
}

.subcategories_header {
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;
	margin: 0;
}

.subcategoriesbar {
	height: 102px;
	border-top: solid 1px var(--main-gray);
	border-bottom: solid 1px var(--main-gray);
	padding: 10px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	flex-grow: 1;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	transition: all 0.2s;
	user-select: none;
	cursor: pointer;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.subcategoriesbar::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.subcategoriesbar.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

.subcat_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
	border-right: solid 1px var(--main-gray);
	padding: 10px 16px 10px 12px;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	text-decoration: none;
	outline: none !important;
}

.subcat_btn .icon {
	width: 60px;
	height: 60px;
	min-width: 60px;
    min-height: 60px;
	border-radius: 100%;
	overflow: hidden;
}

.subcat_btn .icon svg,
.subcat_btn .icon img {
    transform-origin: 50% 50%;
    transition: all .2s ease-out !important;
}

.subcat_btn:hover .icon svg,
.subcat_btn:hover .icon img {
    transform: scale(1.1);
}

.subcat_btn .catname {
	color: black;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	text-wrap: wrap;
	text-decoration: none;
}

.itemcount {
	color: #8C8C8C;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	text-decoration: none;
	display: none;
}

.subcat_btn:last-child {
	border-right: none;
}

.headersbar .menuSearchWrapper {
	display: flex;
	gap: 10px;
	width: 100%;
}

.headersbar .menu_icon {
    position: relative;
	width: 16px;
	height: 40px;
}

.headersbar .menu_icon .search {
    width: 16px;
	height: 16px;
    flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s ease;
	position: absolute;
	top: 12px;
	bottom: 12px;
}

.headersbar .menu_icon .clear {
    width: 13px;
	height: 13px;
    flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s ease;
	transform: translateX(-35px);
	position: absolute;
	top: 14px;
	bottom: 14px;
}

.headersbar .menu_icon svg.clear > * {
    transition: stroke 0.2s ease;
}

.headersbar .menu_icon:hover svg.clear > * {
    stroke: red;
}

.headersbar .menu_icon.notempty .search {
	transform: translateX(-35px);
}

.headersbar .menu_icon.notempty .clear {
	transform: translateX(0);
}

#headersSearch {
	width: 0;
	height: 40px;
	flex-shrink: 0;
	border-radius: 5px;
	border: solid var(--main-gray);
	border-width: 0px;
	background: white;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	transition: width 0.3s ease-in-out;
	color: var(--main-color);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	z-index: 1;
}

#headersSearch.open {
	width: -moz-calc(100% - 26px);
	width: -webkit-calc(100% - 26px);
	width: -o-calc(100% - 26px);
	width: calc(100% - 26px);
	border-width: 1px;
}

#headersSearch::placeholder {
	color: var(--main-color);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	opacity: 1;
}

#headersSearch::-ms-input-placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.35px;
}

.banner_section {
	width: 100%;
	height: 561px;
	position: relative;
}

.banner_section_inner {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	width: calc(100% + 20px);
	background-color: #E4E1E4;
	gap: 20px;
}

.banner_section_textsWrapper {
	display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 20px;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
	padding: 20px 10px 0 10px;
}

.banner_section_imageWrapper {
	width: 100%;
    height: 317px;
    min-height: 317px;
    display: flex;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.banner_headerWrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
	align-items: center;
}

.banner_text {
	color: black;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}

.banner_header {
	color: black;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	line-height: 30px;
	text-align: center;
}

.banner_body p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 17px;
	text-align: center;
}

#products_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 10px;
    position: relative;
}

.responsive-button-show-filter.NavLink {
	display: none;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 0;
	position: fixed;
	bottom: 5%;
	right: 3%;
	z-index: 999;
	webkit-appearance: none;
	appearance: none;
}

#main-content.products-main-content {
	width: 100%;
}

#main-content.product-main-content {
	width: 100%;
}

.products_section {
	display: flex;
	flex-direction: row;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	gap: 0;
}

.product_section {
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 23px;
	gap: 0;
}

.product-container {
	max-width: 100%;
	margin: 0;
}

.single_product_wrapper {
	border-radius: 0;
    border: none;
    background: transparent;
    display: flex;
    width: 100%;
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 15px;
	padding: 0;
}



.admin-bar #left-sidebar {
	top: 46px !important;
}

@media screen and (min-width: 783px) {
	.admin-bar #left-sidebar {
		top: 32px !important;
	}
}

#left-sidebar.has_search .menucatTitle .td_underline {
	text-decoration: none !important;
}

#left-sidebar-backdrop,
#mobile-menu-backdrop,
#minicart-backdrop,
#orderdetails-backdrop,
#login-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.60);
	z-index: 999;
	transform: translateY(-100%);
    transition: transform .6s ease !important;
}

body.sidebar-open #left-sidebar-backdrop {
	transform: translateY(0);
}

body.mobilemenu-open #mobile-menu-backdrop {
	transform: translateY(0);
}

body.orderdetails-open #orderdetails-backdrop {
	transform: translateY(0);
}

body.login-open #login-backdrop {
	transform: translateY(0);
}

@media screen and (min-width: 1366px) {
	#mobile-menu-backdrop,
	#group-icon-header {
		display: none !important;
	}
}

#mobileMenu {
	margin: 0;
}

#group-icon-header > .sidebarHeader {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding: 50px 0 55px 0;
    min-height: unset;
}

#left-sidebar .sidebarHeader {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: start;
    margin: 25px 0 30px 0;
    min-height: unset;
	padding-left: 10px;
	padding-right: 20px;
}

.mobile_submenu .sidebarHeader {
	display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: unset;
}

@media screen and (min-width: 1600px) {
	#group-icon-header .sidebarHeader {
		padding-left: 20px;
		padding-right: 30px;
	}

	#left-sidebar .sidebarHeader {
		padding-left: 20px;
		padding-right: 30px;
	}
}

.sidebarHeader.thin {
    justify-content: center;
    align-items: center;
    margin: 58px 0 30px 0;
    min-height: 0;
}

#left-sidebar .sidebarFooter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 61px;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
    border-top: solid 1px var(--main-gray);
}

#group-icon-header .sidebarFooter {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.sidebarFooter .sidebarMenu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 17px;
}

.sidebarFooter .sidebarMenu a {
	color: var(--main-black) !important;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	line-height: 16.77px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.sidebarFooter .sidebarMenu a:first-child {
	/* display: none; */
}

.sidebarFooterTopMenu {
	padding-bottom: 42px;
}

.loggedOut .sidebarFooterTopMenu {
	padding-bottom: 93px;
}

#left-sidebar .companyname,
.sidebarHeader .companyname {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	padding-right: 75px;
}

#left-sidebar .filtersTitle {
	color: var(--main-black);
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	line-height: 19px;
}

#left-sidebar .namesurname {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	line-height: normal;
}

#left-sidebar .sidebarCloser {
	color: var(--main-black);
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	gap: 10px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: absolute;
    right: 20px;
    top: 25px;
	z-index: 10;
	cursor: pointer;
}

#group-icon-header .sidebarCloser {
	color: var(--main-black);
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	gap: 10px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: absolute;
    right: 0;
    top: 0;
	z-index: 10;
	cursor: pointer;
}

#left-sidebar .sidebarCloser svg {
	width: 16.5px;
	height: 16.5px;
	will-change: transform;
    transition: transform 0.2s ease;
}

#group-icon-header .sidebarCloser svg {
	width: 15px;
	height: 15px;
	will-change: transform;
    transition: transform 0.2s ease;
}

#left-sidebar .sidebarCloser:hover svg {
	transform: scale(1.2);
}

#left-sidebar .sidebarCloser svg > * {
    transition: stroke 0.2s ease;
}

#left-sidebar .sidebarCloser:hover svg > * {
    stroke: red;
}

.loginCloser {
	position: absolute;
    right: 17px;
    top: 19px;
    cursor: pointer;
    z-index: 1;
}

.loginCloser svg {
	width: 16px;
	height: 16px;
	will-change: transform;
    transition: transform 0.2s ease;
	vertical-align: top;
}

.loginCloser:hover svg {
	transform: scale(1.2);
}

.loginCloser svg > * {
    transition: stroke 0.2s ease;
}

.loginCloser:hover svg > * {
    stroke: red;
}

.modal-content {
	padding: 20px 0;
	background: var(--background-gray);
}

.modal-header {
	padding: 0 20px;
	border-bottom: none;
    background: var(--background-gray);
}
.cartTitleCounter.cartCounter{
	font-family: Inter, sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}

.modal-header .hoverIcon span {
	font-size: 16px;
    font-style: normal;
    line-height: normal;
	font-family: Inter, sans-serif;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}
.cartTitle > span{
	font-family: Inter, sans-serif;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}
.sideCartRow .product-body *{
	font-family: Inter, sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}
.sideCartTotalsWrapper .totals_row *{
	color: var(--main-black) !important;
	font-family: Inter, sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
}
#minicart_title{
	color: var(--main-black) !important;
}


.modal-header .hoverIcon_2 {
	cursor: pointer;
	gap: 10px;
}

.modal-header .hoverIcon_2 span {
	font-size: 14px;
    font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: right;
}

.modal-body {
	padding: 20px 20px 70px 20px;
    background: var(--background-gray);
}

@media screen and (max-width: 768px) {
	.responsive-button-show-filter.NavLink {
		display: flex;
	}
}

#left-sidebar.show-filters {
	transform: translateX(0);
}

#left-sidebar .widget-container .widget-title-wrapper,
#left-sidebar .widget-container .ts-product-categories-wrapper {
	display: block !important;
}

.product.product-wrapper {
	border-radius: 20px;
	/* border: 1px solid #E5E5E5; */
	background: transparent;
	display: flex;
	width: 100%;
	padding: 50px 10px 20px 10px;
	flex-direction: column;
	align-items: start;
	gap: 23px;
	position: relative;
}

#main_product .product.product-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	position: relative;
	max-width: 100%;
}

.related_products_wrapper {
	margin-bottom: 60px;
}

.related_products_grid .product.product-wrapper {
	background: white;
	min-height: 550px;
}

.product.sponsor_banner {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 20px;
	border-radius: 20px;
	background: #FFF;
	width: 100%;
	padding: 0 0 20px 0;
	order: 3;
}

.sponsor_banner_image {
    overflow: hidden;
    width: 100%;
    max-width: 358px;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-grow: 1;
    flex-shrink: 0;
    flex-shrink: 1;
    user-select: none;
}

.sponsor_banner_image img {
    transform-origin: 50% 50%;
    transition: all .2s ease-out !important;
    overflow: hidden;
}

.product.sponsor_banner:hover .sponsor_banner_image img {
    transform: scale(1.1);
}

.sponsor_banner_body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 27px;
	width: 100%;
	padding: 0px 10px 0px 10px;
}

.sponsor_banner_texts {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.sponsor_banner_title {
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;
	color: black;
}

.sponsor_banner_description {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: center;
	color: black;
}

.sponsor_banner_button {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.add_to_favoirite {
	position: absolute;
	top: 18px;
	right: 16px;
	cursor: pointer;
}

.add_to_favoirite svg {
	width: 24px;
	height: 19px;
}

.product .cls-1-heart {
	fill: var(--main-gray);
}

.product.favored .cls-1-heart {
	fill: var(--main-black);
}

#main-content.product-main-content .woocommerce.main-products .product-wrapper .thumbnail-wrapper {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.product .thumbnail-wrapper {
	display: flex;
    width: 100%;
    justify-content: center;
}

.product figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    max-width: 351px;
	min-height: 350px;
    height: auto;
    margin: 0;
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	user-select: none;
	/* aspect-ratio: 1/1; */
}

#main_product .product figure {
    width: 140px;
	height: 140px;
}

.product.product-wrapper figure img {
	border-radius: 15px;
	transform-origin: 50% 50%;
    transition: all .2s ease-out !important;
	overflow: hidden;
}

.product.product-wrapper:hover figure img {
	transform: scale(1.1);
}

.product .product-footer {
    margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.product-name,
.product-name a {
	margin: 0;
	padding: 0;
	display: block;
	color: var(--main-color) !important;
	text-align: left;
	width: 100%;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16.8px;
	text-decoration: none;
	user-select: none;
}

.single_product_image_details_wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 100%;
	align-items: center;
}

#main_product .product .codes-wrapper {
	height: auto;
	gap: 3px;
}

.single_product_details.mobile {
	gap: 10px;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.single_product_details.desktop {
	padding-right: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	display: none;
}

#main_product .product-name,
#main_product .product-name a,
#main_product .product .heading-product-code {
	text-decoration: none;
}

#main_product .product-name,
#main_product .product-name a {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

#main_product .product .heading-product-code {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.single_product_code {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.heading-title.product-name {
	padding: 0 13px;
	height: auto;
}

.single_product_details.mobile .heading-title.product-name {
	padding: 0;
	height: auto;
}

.product .codes-wrapper {
	align-self: stretch;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	user-select: none;
	padding: 0 13px;
}

.product .heading-product-code {
	margin: 0;
	color: var(--main-black);
	text-align: left;
}

.heading-product-code.code {
	font-size: 12px;
	font-weight: 400;
	line-height: 11px;
	letter-spacing: 0em;
}

.heading-product-code.piecePerKg {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: -0.02em;
}

.desktop_code_lbl {
	display: none;
}

.product .dropdowns-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 7px;
	align-self: stretch;
	padding: 0 10px;
	height: auto;
	flex-grow: 1;
}

.product-main-content .product.product-wrapper[data-dropdowns="0"] .dropdowns-wrapper,
.product-main-content .product.product-wrapper[data-dropdowns="0"] .dropdowns-wrapper + .separator {
    /* display: none; */
}

.single_product_section {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}

.single_product_section .section_header {
	color: black;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
}

.color_variations_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	width: 100%;
}

.collapsibleVariations {
	position: relative;
    top: -5px;
	display: none;
	width: 100%;
}

.color_variation_btn {
	width: 100%;
	border-radius: 10px;
	border: solid 1px var(--main-gray);
	padding: 0;
	margin: 0;
	background: white;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.color_variation_btn:hover{
	box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.2);
}

.color_variation_btn.selected {
	border: solid 1px black;
}

.color_variation_image {
	width: 52px;
	height: 52px;
	min-width: 52px;
	min-height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

.color_variation_image img {
	border-radius: 10px;
}

.color_variation_text {
	color: black;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	padding-right: 8px;
}

.all_color_variations_btn_wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}

.all_color_variations_btn {
	gap: 15px;
    min-height: 1px;
	cursor: pointer;
	min-height: 31px;
}

.all_color_variations_btn span {
	color: black;
	font-size: 16px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: right;
	position: relative;
}

.all_color_variations_btn div {
	width: 22px;
    height: 22px;
	min-width: 22px;
    min-height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 100%;
	background: black;
	display: flex;
	justify-content: center;
	align-items: center;
}

.all_color_variations_btn svg {
    width: 12px;
    height: 12px;
    transition: transform 0.3s ease-in-out;
}

.all_color_variations_btn.customHover_refresh:hover svg {
    transform: rotate(90deg);
}

.available_sizes_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	min-width: 100%;
	gap: 10px;
}

.available_size_btn {
	cursor: pointer;
	padding: 6px 10px 5px 10px;
	color: black !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: center;
	border: solid 1px var(--main-gray);
	border-radius: 49px;
	text-decoration: none;
}

.available_size_btn.selected {
	border: solid 1px black;
}

.available_size_btn:hover{
	box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.2);
}

.product .prices-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	padding: 0 10px;
}

.price_part,
.total_prices {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
    align-items: center;
	gap: 3px;
}

.packageunitpricelabel,
.packageweightpricelabel,
.packagetotalpricelabel,
.packagequantitylabel,
.packagediscount1label,
.packagediscount2label {
	color: var(--main-color);
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.33px;
	user-select: none;
	padding: 0;
	margin: 0;
}

.packagequantitylabel {
	display: none;
}

.packageunitprice,
.packageweightprice,
.packagediscount1,
.packagediscount2 {
	color: var(--main-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: -0.02em;
	text-wrap: nowrap;
}

.hasoffer,
.hasofferprice,
.cstm_drop_label span.hasoffer,
.cstm_drop_label span.hasofferprice {
	color: #8C8C8C;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	letter-spacing: -0.02em;
	font-weight: 500;
	text-decoration-line: line-through;
	padding-right: 3px;
}

#main_product .packagetotalprice .hasoffer {
	user-select: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: 0em;
}

.product .quantity-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	padding: 0 10px;
}

.addToCart-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 10px;
	margin: 0;
}

.product_discounts_container {
	display: flex;
	flex-direction: row;
	position: absolute;
	max-width: calc(100% - 65px);
	flex-wrap: wrap;
	top: 13px;
	left: 14px;
	gap: 10px;
	z-index: 3;
}

.product_discounts_wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	max-width: calc(100% - 65px);
	gap: 10px;
}

.product_discounts_wrapper:first-child {
	order: 2;
}

.code_list_pill,
.discount_pill,
.customer_discount_pill {
	display: flex;
	height: 23px;
	padding: 4px 8px 1px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 24px;
	z-index: 3;
	text-align: center;
	font-style: italic;
	font-weight: 500;
	user-select: none;
}

.code_list_pill {
	background: #E5E5E5;
	color: var(--main-black) !important;
	line-height: 128.8%;
	letter-spacing: -0.36px;
	font-size: 12px;
	height: auto;
	width: 83px;
	padding: 2px 0px;
}

.discount_pill {
	background: var(--my-green-color);
	color: white;
	line-height: 0%;
	letter-spacing: -0.42px;
	width: auto;
	font-size: 14px;
}

.customer_discount_pill {
	background: var(--main-black);
	color: white;
	line-height: 0%;
	letter-spacing: -0.42px;
	width: auto;
	font-size: 14px;
}

.flavors_colors_wrapper {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	max-width: 241px;
	top: 13px;
	left: 14px;
	gap: 10px;
	z-index: 3;
}

.topchoice_pill {
	display: flex;
	flex-direction: row;
	gap: 2px;
	background-color: black;
	color: white;
	padding: 3px 8px 1px 8px;
	border-radius: 28px;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.03em;
	text-align: center;
}

.subcategory_pill {
	display: flex;
	flex-direction: row;
	gap: 2px;
	background-color: #F2F2F2;
	color: black;
	padding: 3px 8px 1px 8px;
	border-radius: 28px;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.03em;
	text-align: right;
}

.colors_pill {
	display: flex;
	flex-direction: row;
	gap: 2px;
	background-color: #F2F2F2;
	color: black;
	padding: 2px 8px 1px 8px;
	border-radius: 24px;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.03em;
	text-align: right;
	cursor: pointer;
	text-decoration: none;
}

.flavors_pill {
	display: flex;
	flex-direction: row;
	gap: 2px;
	background-color: #F2F2F2;
	color: black;
	padding: 1px 8px 0px 8px;
	border-radius: 47px;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.03em;
	text-align: right;
	cursor: pointer;
	text-decoration: none;
}

.colors_pill span,
.flavors_pill span {
	min-width: 13px;
	text-decoration: none !important;
	color: black !important;
}

.colors_pill svg,
.flavors_pill svg {
	transition: all 0.3s ease-in !important;
}

.prod-row-lef-bot-colors,
.prod-row-lef-bot-tastes {
	color: black !important;
}

.prod-row-lef-bot-colors::before,
.prod-row-lef-bot-tastes::before {
	transition: all 0.3s ease-in !important;
}

.colors_pill:hover svg {
	transform: rotate(360deg);
}

.flavors_pill:hover svg {
	transform: scale(-1, 1);
}

.prod-row-lef-bot-colors:hover::before {
	transform: rotate(360deg);
}

.prod-row-lef-bot-tastes:hover::before {
	transform: scale(-1, 1);
}

.errorMessage {
	color: var(--main-red);
	display: none;
}

.haveCredError .errorMessage {
	display: inline-block;
}

.quantitySection {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.quantityContainer {
	width: 105.604px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.productquantityinput {
	text-align: center;
    padding: 0px;
    margin: 0 40px;
    background: transparent;
    width: 100%;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}

#main_product .productquantityinput {
    margin: 0 25px;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.025em;
	text-align: center;
}

.changeQuantityButton:first-of-type {
	position: absolute;
	left: 9px;
	top: 13px;
	bottom: 13px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.changeQuantityButton:last-of-type {
	position: absolute;
	right: 9px;
	top: 13px;
	bottom: 13px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.packagetotalprice {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	user-select: none;
}

#main_product .packagetotalprice {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0em;
	user-select: none;
}

#main_product .product .prices-wrapper {
	flex-wrap: wrap;
}

#main_product .total_prices {
	width: 100%;
	gap: 3px;
}

#main_product .price_part {
	width: calc(50% - 15px);
	gap: 3px;
}

#main_product .packageunitprice,
#main_product .packageweightprice,
#main_product .packagediscount1,
#main_product .packagediscount2,
#main_product .packageunitpricelabel,
#main_product .packagetotalpricelabel,
#main_product .packageweightpricelabel,
#main_product .packagediscount1label,
#main_product .packagediscount2label {
    font-size: 14px;
}

#main_product .product .quantity-wrapper {
	justify-content: space-between;
	padding: 0;
}

#main_product .quantitySection {
	width: 100%;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

#main_product .packagequantitylabel {
	width: auto;
	height: 17px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	flex-direction: row;
}

#main_product .quantityContainer {
	height: 36px;
	width: 100%;
}

#main_product .changeQuantityButton:first-of-type {
	left: 9px;
	top: 13px;
	bottom: 13px;
}

#main_product .changeQuantityButton:last-of-type {
	right: 9px;
	top: 13px;
	bottom: 13px;
}

.dropdown_placeholder {
	width: 100%;
	height: 30;
	opacity: 0;
	display: none;
}

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

.cstm_drop_container.noborder {
	width: auto;
	min-width: 160px;
}

.cstm_drop_container.disabled .cstm_drop_label {
	cursor: not-allowed;
}

.cstm_drop_label {
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 30px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-black);
	background: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	padding-right: 23px;
}

.noborder .cstm_drop_label {
	height: 25px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--main-gray);
	background: transparent;
    justify-content: start;
	padding-right: 20px;
}

#main_product .cstm_drop_label {
	height: 36px;
}

.cstm_drop_label.big {
	height: 40px;
}

.redBorder .cstm_drop_label {
	border-color: red !important;
}

.cstm_drop_label span {
	user-select: none;
	
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.325px;
}

.cstm_drop_label:after {
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 12px;
    content: "";
    background-image: url(/wp-content/themes/hatziyiannakis/assets/images/icons/hatziyiannakis-dropdown-10x17.svg);
    width: 10px;
    height: 7px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    border: none;
}

.noborder .cstm_drop_label:after {
	right: 0;
	top: 9.5px;
    background-image: url(/wp-content/themes/hatziyiannakis/assets/images/icons/hatziyiannakis-arrow-down-black-13x9.svg);
    width: 12px;
    height: 6px;
}

.cstm_drop_container.open .cstm_drop_label:after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.dropdown-wrapper {
	position: absolute;
	background: white;
	border: solid 1px;
	z-index: 999;
	display:none;
	padding: 0;
	margin-top: -1px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	border-radius: 6px;
	border: 1px solid var(--main-gray);
	background: #FFF;
	min-width: 100%;
}

.noborder .dropdown-wrapper {
	border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    top: 26px;
}

.filtersbar.widget-container .dropdown-wrapper {
	width: 305px;
	height: 235px;
	height: auto;
	top: 35px;
	left: -10px;
	border-radius: 10px;
	border: solid 1px var(--main-gray);
	padding: 10px;
	overflow: hidden;
}

.filtersbar.widget-container.filtersContainer ul ul.children {
	max-height: 235px;
}

.filtersbar.widget-container .dropdown-wrapper .dropdown-wrapper-inner {
	overflow: hidden !important;
	width: 100%;
}

.cstm_drop_container.open .dropdown-wrapper {
	display: inline-flex;
}

.cstm_option {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	user-select: none;
	/* transition: transform 0.15s ease-in-out; */
	transition: background 0.15s ease-in-out;
	backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
	width: 100%;
	padding: 5px 10px;
}

.cstm_option:first-child {
	padding-top: 10px;
}

.cstm_option:last-child {
	padding-bottom: 10px;
}

.cstm_option span {
	backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

.cstm_option:hover {
	/* transform: scale(1.04); */
	background: #ebebeb;
}

.cstm_option .boldprice {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cstm_option.disabledOption,
.cstm_option.disabledOption * {
	cursor: not-allowed;
	pointer-events: none;
	color: #8C8C8C !important;
}

.account-container {
	max-width: 100%;
}

.related_products_grid {
	position: relative;
	min-height: 300px;
}

@media screen and (min-width: 301px) {
	#products_grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.quantityContainer {
		width: 150.862px;
	}
}

@media screen and (min-width: 501px) {
	.banner_section {
		height: 620px;
	}

	.banner_section_imageWrapper {
		height: 428px;
		min-height: 428px;
		background-size: contain;
    	background-position: left bottom;
	}

	.banner_headerWrapper {
		max-width: 405px;
	}

	.banner_body p {
		max-width: 405px;
	}

	#products_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.related_products_grid .product.product-wrapper {
		min-height: 485px;
	}

	.product figure {
		max-width: 281px;
		min-height: 215px;
		height: auto;
	}

	.quantityContainer {
		width: 90.517px;
	}

	.productquantityinput {
		margin: 0 20px;
	}

	#main_product .productquantityinput {
		margin: 0 25px;
	}

	.product .dropdowns-wrapper {
		height: 67px;
		height: auto;
	}

	.product.sponsor_banner {
		flex-direction: row;
		justify-content: unset;
		align-items: center;
		gap: 7px;
		padding: 0;
		order: 3;
		grid-column: span 2;
	}

	.sponsor_banner_image {
		max-width: 302px;
		order: 2;
	}

	.sponsor_banner_body {
		flex-direction: column;
		justify-content: end;
		align-items: center;
		gap: 27px;
		padding: 0px 30px 0px 30px;
		order: 1;
	}

	.sponsor_banner_texts {
		gap: 21px;
	}

	.sponsor_banner_title {
		text-align: right;
	}

	.sponsor_banner_description {
		text-align: right;
	}

	.sponsor_banner_button {
		justify-content: end;
		padding: 0 40px 0 0px;
	}

	.sponsor_banner_button .main-page-yles-but {
		max-width: 100%;
		margin: 0;
		width: auto;
	}

	.sponsor_banner_button .main-page-yles-but a {
		/* text-wrap: nowrap; */
	}
}

@media screen and (min-width: 650px) {
	.products_section {
		padding-left: 20px;
		padding-right: 20px;
		gap: 0;
	}

	.product_section {
		display: flex;
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
		gap: 0;
	}

	.product-container {
		max-width: 100%;
		margin: 0;
	}

	.banner_section {
		height: 251px;
	}

	.banner_section_inner {
		flex-direction: row;
		left: -20px;
		width: calc(100% + 40px);
		gap: 0px;
		top: -66px;
		z-index: -1;
	}

	.banner_section_textsWrapper {
		justify-content: center;
		width: 390px;
		min-width: 390px;
		max-width: 390px;
		padding: 0 20px 0 10px;
		order: 2;
	}

	.banner_section_imageWrapper {
		width: 100%;
		height: 100%;
		min-height: 100%;
	}

	.headersbar {
		margin-top: 0;
		margin-bottom: 12px;
		flex-direction: row;
		gap: 0;
	}

	.items_headers {
		width: auto;
		padding: 10px 0px 8px 0px;
		justify-content: start;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
		justify-content: end;
	}

	#headersSearch.open {
		max-width: 333px;
	}

	#products_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.product.product-wrapper {
		gap: 10px;
	}

	.single_product_image_details_wrapper {
		display: flex;
		flex-direction: row;
		gap: 10px;
		max-width: 100%;
	}

	#main_product .product.product-wrapper {
		gap: 0;
		flex-shrink: 0;
		padding: 0;
	}

	.related_products_grid .product.product-wrapper {
		min-height: 406px;
	}

	#main_product .product_discounts_container {
		display: flex;
		flex-direction: column;
		gap: 5px;
		position: absolute;
		top: 13px;
		left: 14px;
	}

	#main_product .add_to_favoirite {
		top: 13px;
		right: unset;
		left: 200px;
		z-index: 2;
	}

	.product figure {
		max-width: 218px;
		min-height: 176px;
		height: auto;
	}

	#main_product .product figure {
		width: 234px;
		height: 241px;
		flex-shrink: 0;
	}

	.single_product_wrapper {
		gap: 15px;
		padding: 0 17px;
	}

	.single_product_details.mobile {
		display: flex;
		width: 458px;
		padding: 0px 10px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.single_product_details.desktop {
		display: none;
	}

	#main_product .product-name,
	#main_product .product-name a,
	#main_product .product .heading-product-code {
		text-align: left;
		padding: 0;
	}

	#main_product .product .dropdowns-wrapper {
		padding: 0;
		flex-direction: column;
		gap: 15px;
	}

	.product .codes-wrapper {
		font-size: 14px;
		height: auto;
	}

	.productquantityinput {
		margin: 0 23px;
	}

	#main_product .productquantityinput {
		margin: 0 35px;
	}

	.packageunitpricelabel,
	.packageweightpricelabel,
	.packagetotalpricelabel,
	.packagequantitylabel,
	.packagediscount1label,
	.packagediscount2label {
		font-size: 14px;
		letter-spacing: -0.42px;
	}

	.packageunitprice,
	.packageweightprice,
	.packagediscount1,
	.packagediscount2 {
		font-size: 14px;
	}

	.cstm_drop_label span {
		font-size: 14px;
		letter-spacing: 0.35px;
	}

	.code_list_pill {
		width: auto;
		height: 30px;
	}

	.code_list_pill,
	.discount_pill,
	.customer_discount_pill {
		height: 30px;
		padding: 7px 12px 5px 12px;
	}

	.topchoice_pill {
		padding: 6px 12px 6px 12px;
	}

	.subcategory_pill {
		padding: 6px 12px 6px 12px;
	}

	.colors_pill {
		padding: 6px 12px 6px 12px;
	}

	.flavors_pill {
		padding: 4px 12px 5px 12px;
	}

	.product_discounts_wrapper:first-child {
		order: 0;
	}

	.bt.hoverbutton,
	.bt.hoverbutton span {
		font-size: 16px;
	}

	.bt.hoverbutton.small,
	.bt.hoverbutton.small span {
		font-size: 14px;
		line-height: 13px;
	}

	.product .dropdowns-wrapper {
		gap: 10px;
		height: 82px;
		height: auto;
	}

	.dropdown_placeholder {
		height: 36px;
		opacity: 0;
	}

	.cstm_drop_label {
		height: 36px;
	}

	#main_product .cstm_drop_label {
		height: 40px;
	}

	.cstm_drop_label:after {
		top: 15px;
	}

	.noborder .cstm_drop_label:after {
		top: 9.5px;
	}

	#main_product .product .prices-wrapper {
		padding: 0;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.quantityContainer {
		width: 103.5px;
	}

	#main_product .price_part,
	#main_product .total_prices {
		width: 100%;
		gap: 5px;
	}

	#main_product .product .quantity-wrapper {
		justify-content: space-between;
		padding: 0;
	}

	#main_product .quantitySection {
		width: 100%;
		flex-direction: column;
		gap: 10px;
	}

	#main_product .packagequantitylabel {
		width: 146px;
		height: 17px;
		padding: 0;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		justify-content: center;
	}

	#main_product .quantityContainer {
		height: 40px;
		width: 100%;
	}

	#main_product .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .addToCart-wrapper {
		padding: 0;
	}

	.product.sponsor_banner {
		gap: 8px;
		order: 4;
		grid-column: span 3;
	}

	.sponsor_banner_image {
		max-width: 360px;
		order: 2;
	}

	.sponsor_banner_title {
		font-size: 24px;
		line-height: 30px;
	}
}

@media screen and (min-width: 769px) {
	.products_section {
		padding-left: 20px;
		padding-right: 20px;
		gap: 10px;
	}

	#left-sidebar {
		width: 401px;
	}

	.banner_section {
		height: 265px;
	}

	.banner_section_inner {
		top: -146px;
	}

	.banner_section_textsWrapper {
		width: 517px;
		min-width: 517px;
		max-width: 517px;
		padding: 85px 0 0 0;
		order: 2;
	}

	.banner_section_imageWrapper {
		width: 100%;
		height: 100%;
		min-height: 100%;
		background-size: cover;
		background-position: top center;
	}

	.banner_headerWrapper {
		max-width: 390px;
	}

	.banner_body p {
		max-width: 390px;
	}

	.headersbar {
		margin-top: 0;
		margin-bottom: 15px;
	}

	.items_headers {
		width: auto;
		height: 37px;
		flex-shrink: 1;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
	}

	#headersSearch.open {
		width: 290px;
		max-width: unset;
	}

	#products_grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.related_products_grid .product.product-wrapper {
		min-height: 407px;
	}

	#main_product .add_to_favoirite {
		top: 13px;
		right: 14px;
		left: unset;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 259px);
		width: -webkit-calc(100% - 259px);
		width: -o-calc(100% - 259px);
		width: calc(100% - 259px);
	}

	.quantityContainer {
		width: 104.5px;
	}

	.product_section {
		display: flex;
		flex-direction: row;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 23px;
		gap: 10px;
		max-width: 966px;
    	margin: 0 auto;
	}

	#main-content.product-main-content {
		/* width: calc(100% - 240px); */
		/* min-width: 935px; */
	}

	.product figure {
		max-width: 220px;
		min-height: 155px;
		height: auto;
	}

	#main_product .product figure {
		width: 140px;
    	height: 230px;
	}

	#main_product .code_list_pill,
	#main_product .discount_pill,
	#main_product .customer_discount_pill {
		height: 22px;
		padding: 3px 8px 1px 8px;
	}

	.product.sponsor_banner {
		gap: 8px;
		order: 5;
		grid-column: span 3;
	}

	.sponsor_banner_image {
		max-width: 365px;
		order: 2;
	}
}


/* panos custom breakpoints */
@media screen and (min-width: 820px) {
	#headersSearch.open {
		width: 335px;
		max-width: unset;
	}
}
/* panos custom breakpoints */


@media screen and (min-width: 1366px) {
	.banner_section {
		height: 404px;
	}

	.banner_section_textsWrapper {
		width: 690px;
		min-width: 690px;
		max-width: unset;
		padding: 80px 0 0 0;
		order: 2;
	}

	.banner_header {
		font-size: 36px;
		line-height: 38px;
	}

	.items_headers {
		width: auto;
		min-width: unset;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
	}

	#headersSearch.open {
		width: 335px;
		max-width: unset;
	}

	#products_grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.related_products_grid .product.product-wrapper {
		min-height: 433px;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 277px);
		width: -webkit-calc(100% - 277px);
		width: -o-calc(100% - 277px);
		width: calc(100% - 277px);
	}

	.product figure {
		max-width: 239px;
		min-height: 237px;
		height: auto;
	}

	.product-name,
	.product-name a {
		font-size: 18px;
		font-weight: 700;
		line-height: 19px;
		letter-spacing: 0em;
	}

	.quantityContainer {
		width: 114px;
	}

	.account-container {
		max-width: 1565px;
		margin: 0 auto;
	}

	.product.sponsor_banner {
		gap: 9px;
		order: 8;
		grid-column: span 3;
	}

	.sponsor_banner_image {
		max-width: 390px;
		order: 2;
	}
}

@media screen and (min-width: 1600px) {
	.product_section {
		display: flex;
		flex-direction: row;
		padding-left: 0;
		padding-right: 0;
		gap: 10px;
	}

	.banner_section {
		height: 514px;
	}

	.banner_section_textsWrapper {
		width: 850px;
		min-width: 850px;
		max-width: unset;
		padding: 80px 150px 0 0;
	}

	.banner_section_imageWrapper {
		background-position: center center;
	}

	.banner_headerWrapper {
		max-width: 462px;
	}

	.banner_body p {
		max-width: 462px;
	}

	.nobanner .headersbar {
		margin-bottom: 40px;
	}

	.product-container {
		max-width: 1250px;
		margin: 0 auto;
	}

	.nobanner .itemsHeader {
		font-size: 36px;
		line-height: 38px;
	}

	#products_grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.related_products_grid .product.product-wrapper {
		min-height: 450px;
	}

	#left-sidebar {
		width: 337px;
	}

	.product_section #left-sidebar {
		width: auto;
		flex-grow: 1;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 325px);
		width: -webkit-calc(100% - 325px);
		width: -o-calc(100% - 325px);
		width: calc(100% - 325px);
	}

	#main-content.product-main-content {
		/* width: 935px;
		min-width: 935px; */
	}

	.quantityContainer {
		width: 80.51px;
	}

	.packagequantitylabel {
		display: inline-block;
	}

	.desktop_code_lbl {
		display: inline-block;
	}

	.single_product_wrapper {
		width: auto;
		padding: 0;
		gap: 15px;
	}

	#main_product .add_to_favoirite {
		top: 12px;
		right: unset;
		left: 270px;
	}

	#main_product .product.product-wrapper {
		flex-direction: row;
		gap: 10px;
		padding: 0;
		flex-shrink: 0;
	}

	#main_product .code_list_pill,
	#main_product .discount_pill,
	#main_product .customer_discount_pill {
		height: 30px;
		padding: 7px 12px 5px 12px;
	}

	.product figure {
		max-width: 287px;
		min-height: 231px;
		height: auto;
	}

	#main_product .product figure {
		width: 303px;
		height: 312px;
		flex-shrink: 0;
	}

	.single_product_details.mobile {
		display: none;
	}

	.single_product_details.desktop {
		display: flex;
		padding-right: 0px;
		padding-left: 0px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
		width: 100%;
	}

	#main_product .price_part,
	#main_product .total_prices {
		width: 100%;
		gap: 5px;
	}

	#main_product .product .quantity-wrapper {
		justify-content: space-between;
		padding: 0;
	}

	#main_product .quantitySection {
		width: 100%;
		flex-direction: column;
		gap: 10px;
	}

	#main_product .packagequantitylabel {
		width: 146px;
		height: 17px;
		padding: 0;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	#main_product .quantityContainer {
		height: 40px;
		width: 100%;
	}

	#main_product .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}

	.product.sponsor_banner {
		gap: 10px;
		order: 4;
		grid-column: span 3;
	}

	.sponsor_banner_image {
		max-width: 462px;
		order: 2;
	}
}

@media screen and (min-width: 1850px) {
	.banner_section_textsWrapper {
		width: 960px;
		min-width: 960px;
	}
}


/*** Register ***/
.register_container {
	padding: 0;
	max-width: 932px;
	margin: 0 auto;
	padding: 0 20px;
}

.register_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 25px;
}

.register_container .headerWrapper {
	padding-top: 22px;
	max-width: 618px;
	margin: 0 auto;
}

.headerWrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.registerform-title {
	color: var(--main-black);
	text-align: center;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
	margin-bottom: 0;
}

h2.registerform-title {
	font-size: 25px;
}

.pagedescription {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.form_group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form_group_title_wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 330px;
	justify-content: center;
	margin: 0 auto;
}

.form_group_title {
	text-align: center;
	color: var(--main-black);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	text-transform: uppercase;
	margin: 0;
}

.form_group_subtitle {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.form_group_row {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form_group_row .input_group {
	width: 100%;
}

.register_footer_wrapper {
	text-align: center;
	max-width: 618px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 35px;
}

.register_footer_inner {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.register_button_wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	margin-bottom: 25px;
	justify-content: center;
}

.register_button_wrapper button {
	max-width: 460px;
}

.register_button_wrapper label {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.register_button_wrapper a {
	color: var(--main-black) !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.terms_wrapper {
	gap: 14px;
	justify-content: center;
}

@media screen and (min-width: 769px) {
	.register_inner {
		gap: 40px;
	}

	h2.registerform-title {
		font-size: 29px;
	}

	.form_group_row {
		flex-direction: row;
		gap: 10px;
	}

	.register_button_wrapper {
		flex-direction: row;
		gap: 50px;
		margin-bottom: 40px;
	}

	.terms_wrapper {
		justify-content: start;
	}
}

@media screen and (min-width: 1366px) {
	h2.registerform-title {
		font-size: 32px;
	}
}

@media screen and (min-width: 1600px) {
	h2.registerform-title {
		font-size: 40px;
	}
}


/*** Static Pages ***/
.glance_headerimages_wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 340px;
	max-width: 100%;
	margin: 40px 0 70px 0;
}

.glance_banner_wrapper {
	width: 780px;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.glance_logo_wrapper {
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 292px;
    height: 100%;
}

.glance_headerimages_wrapper img {
	max-height: 100%;
}

.glance_mainimage {
	display: block;
}

.glance_mainimage_mobile {
	display: none;
}

#awards-block {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

#awards-block-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	justify-content: start;
	width: 100%;
	max-width: unset;
}

.award {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	align-items: center;
	width: 180px;
    height: 270px;
	color: black !important;
	text-decoration: none !important;
}

.award.listitem {
	gap: 15px;
	padding: 20px 0;
	width: 100% !important;
	height: auto !important;
	align-items: start;
	border-top: solid 1px black;
}

.award_image {
	width: 155px;
    height: 155px;
    mix-blend-mode: darken;
    justify-content: center;
    align-items: center;
    display: flex;
}

.award_image img {
	border-radius: 15px;
    mix-blend-mode: darken;
	max-height: 100%;
}

.award_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	text-decoration: none !important;
}

.award.listitem .award_title {
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
	text-align: left;
}

.award_product {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
	text-decoration: none !important;
}

.award.listitem .award_product {
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: 19px;
	text-align: left;
}

@media screen and (min-width: 501px) {
	.award {
		width: 195px;
		height: 315px;
	}

	.award_image {
		width: 195px;
		height: 195px;
 	}
}

@media screen and (min-width: 650px) {
	.award {
		width: 235px;
		height: 315px;
	}

	.award_image {
		width: 200px;
		height: 200px;
 	}
}

@media screen and (min-width: 769px) {
	#awards-block-list {
		max-width: 735px;
	}

	.award {
		width: 238px;
		height: 315px;
	}
}

@media screen and (min-width: 1366px) {
	#awards-block-list {
		max-width: 793px;
	}

	.award {
		width: 257px;
		height: 315px;
	}
}

@media screen and (min-width: 1600px) {
	.award {
		width: 305px;
		height: 315px;
	}
}

.mapFiltersRow {
	width: 100%;
	min-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 13px 0 17px 0;
	border-top: solid 1px var(--main-gray);
	border-bottom: solid 1px var(--main-gray);
}

.mapFiltersLeftSide > *,
.mapFiltersRightSide > * {
	width: 100%;
}

.mapFiltersLeftSide,
.mapFiltersRightSide {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
}

.maps_tabs_wrapper {
	margin-top: 15px;
}

.maps_tabs_headers {
	display: flex;
	flex-direction: row;
	border-radius: 20px 20px 0px 0px;
	overflow: hidden;
	border: solid 1px #E5E5E5;
	border-bottom: none;
	display: none !important;
}

.maps_tabs_header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	width: 100%;
	background-color: #E5E5E5;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	color: #929292;
	cursor: pointer;
}

.maps_tabs_header.active {
	background-color: white;
	color: black;
}

.maps_tabs_body {
	border-radius: 20px 20px 15px 15px;
	border: solid 1px #E5E5E5;
	overflow: hidden;
}

.maps_tab {
	display: none;
}

.maps_tab.open {
	display: block;
}

.map_split_wrapper {
	display: flex;
	flex-direction: column;
	gap: 0;
	background: white;
}

.spots_list {
	padding: 10px 15px 33px 0;
	width: 100%;
	max-height: 365px;
	order: 2;
}

.map_wrapper {
	padding: 0;
	flex-shrink: 0;
	order: 1;
	width: 100vw;
	height: 100vh;
	max-width: 100%;
	max-height: 365px;
}

.spots_list_inner {
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding-right: 15px;
}

.sales_spot {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 20px 0 20px 12px;
	border-bottom: solid 1px var(--main-gray);
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

.sales_spot:hover {
	background-color: #ebebeb;
}

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

.sales_spot_name {
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-align: left;
	color: black;
}

.sales_spot_info_item {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	color: black;
}

.sales_spot_info_item a {
	color: black !important;
	display: inline-block;
	font-weight: 500;
}

#map {
	height: 100%;
	width: 100%;
	margin: 0;
	z-index: 990;
}

.salesspots-wrapper {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.header_wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0 auto;
}

.header_wrapper p {
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	margin: 0;
}

.salesspots_section {
	max-width: unset;
	width: 100%;
}

.corners_grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	width: 100%;
	min-height: 570px;
}

.sales_corner_card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	padding: 10px;
	border-radius: 30px;
	border: solid 1px var(--main-gray);
	width: 100%;
}

.sales_corner_card_imageWrapper {
	width: 100%;
	height: 188px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
}

.sales_corner_card_imageWrapper img {
	border-radius: 20px;
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
}

.corner_card_title {
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.025em;
	text-align: center;
}

.corner_card_description {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
}

.corner_card_description p {
	margin: 0;
	padding: 0;
}

.corner_card_details_row {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	border-top: solid 1px var(--main-gray);
	padding: 10px 0;
}

.details_row_left,
.details_row_right {
	max-width: 100%;
}

.corner_card_details_row svg {
	flex-grow: 1;
	flex-shrink: 0;
}

.corner_card_details_row a,
.corner_card_details_row span {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: black !important;
	text-decoration: none;
}

.details_row_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	gap: 5px;
}

.infoBox {
	background: white;
	animation: infoBoxAnimation 0.5s;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 0px #00000040;
}

@keyframes infoBoxAnimation {
	from {opacity: 0; transform: translateY(-10px); }
	to {opacity: 1; transform: translateY(0px); }
}

.infoBox:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #fff;
}

.map_popup {
	position: relative;
	width: 100%;
	padding: 5px;
	border-radius: 5px;
}

.infoBox-close {
	position: absolute;
	top: 8px;
	right: 7px;
	cursor: pointer;
}

.map_popup_inner {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 10px;
	padding-top: 17px;
}

.map_popup_title {
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
	text-align: left;
}

.map_popup_details {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 5px;
}

.phoneAndSite {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 1px;
}

.phoneAndSite a {
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	text-align: left;
	color: black !important;
	max-width: max-content;
}

.map_popup_image {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.map_popup_image img {
	max-width: 100%;
	border-radius: 5px;
}

.infoBox > img {
	position: absolute;
	top: 8px;
	right: 7px;
	cursor: pointer;
	z-index: 11;
}

@media screen and (min-width: 501px) {
	.spots_list {
		max-height: 422px;
	}

	.map_wrapper {
		max-height: 422px;
	}

	.corners_grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		max-width: 610px;
		margin: 0 auto;
		min-height: 680px;
	}
}

@media screen and (min-width: 650px) {
	.map_split_wrapper {
		flex-direction: row;
		gap: 17px;
	}

	.spots_list {
		max-height: 500px;
		order: 1;
	}

	.map_wrapper {
		max-width: 482px;
		max-height: 500px;
		order: 2;
	}

	.mapFiltersLeftSide,
	.mapFiltersRightSide {
		flex-direction: row;
		gap: 10px;
	}

	.mapFiltersRow .bigItem {
		max-width: 305px;
	}

	.mapFiltersRow .smallItem {
		max-width: 150px;
	}

	.corners_grid {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		max-width: 732px;
		margin: 0 auto;
		min-height: 660px;
	}

	.sales_corner_card_imageWrapper {
		height: 242px;
	}
}

@media screen and (min-width: 769px) {
	.spots_list {
		max-height: 610px;
	}

	.map_wrapper {
		max-width: 610px;
		max-height: 610px;
	}

	.corners_grid {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		max-width: 735px;
		margin: 0 auto;
		min-height: 620px;
	}

	.corner_card_details_row {
		flex-direction: row;
		gap: 0;
		justify-content: space-between;
		width: 100%;
	}

	.details_row_left,
	.details_row_right {
		max-width: calc(50% - 5px);
	}
}

@media screen and (min-width: 1366px) {
	.map_split_wrapper {
		gap: 14px;
	}

	.spots_list {
		max-height: 650px;
	}

	.map_wrapper {
		max-width: 925px;
		max-height: 650px;
	}

	.corners_grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 10px;
		max-width: 1990px;
		margin: 0 auto;
		min-height: 602px;
	}
}

@media screen and (min-width: 1600px) {
	.map_split_wrapper {
		gap: 10px;
	}

	.spots_list {
		max-height: 650px;
	}

	.map_wrapper {
		max-width: 1092px;
		max-height: 650px;
	}

	.mapFiltersRow {
		flex-direction: row;
		gap: 10px;
	}

	.header_wrapper {
		max-width: 620px;
		margin:  0 auto;
	}

	.salesspots_section {
		max-width: 1568px;
		padding: 0;
		margin: 0 auto;
	}

	.corners_grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 10px;
		max-width: 1410px;
		margin: 0 auto;
		min-height: 585px;
	}
}


/**** artware styles  *****/


/* Constants */
.tac {text-align:center; }
.row-bar {width:100%;height:1px;background-color:#C1C1C1;margin:40px auto;}
.row-bar.big {margin:60px auto;}
.row-emp {height: clamp(40px, 4vw, 100px);width: 100%;}

/* Homepage */
.home-slider {width: 100vw; margin-left: -20px;margin-top:-80px;}
.home-slider .splide div[class^="splide__progress-"] {top:-110px;position: relative;margin: 40px auto 0;}
.home-slider .splide div[class^="splide__progress-"] .splide__arrow {background-color:#fff;}
.home-blog-bot {width: 100vw; margin-left: -20px;}
.home-blog-bot .splide div[class^="splide__progress-"] {position: relative;margin: 40px auto 0;}
.home-slider .splide__slider .splide__slide .splide__content .splide__content__inner h1 {text-align:center;}
.home-slider .splide__slider .splide__slide .splide__content .splide__content__inner h1 span {display: flex;justify-content: center;font-size: 14px;font-weight: 400;font-style: italic;}
.home-slider .splide__slider .splide__slide .splide__content .splide__content__inner p {text-align:center;}
.home-slider .splide__slider .splide__slide .splide__content .splide__content__inner {display: flex;flex-direction: column;align-items: center;}
.home-slider .splide__slider .splide__slide .splide__content .splide__content__inner a.splide__btn {font-size: 16px;background-color: #000;color: #fff;font-weight: bold;padding: 13px 30px 13px 70px;border: 0;}
.home-quality {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
.home-quality-sup {font-size: 16px;font-style: italic;}
.home-quality-tit {font-size: 36px;line-height: 38px;font-weight: bold;max-width: 620px;text-align: center;width: 100%;}
.home-quality-txt {font-size: 14px;max-width: 620px;width: 100%;text-align: center;padding: 0 20px;}
.home-quality-lis-sin {counter-increment: pio;position: relative;font-weight: bold;font-size: 16px;}
.home-quality-lis-lef {text-align: right;padding-left: 40px;width: 33.33%;display: flex;flex-direction: column;justify-content: center;}
.home-quality-lis-mid {width: 33.333%;}
.home-quality-lis-rig {width: 33.333%;text-align: left;padding-right: 40px;display: flex;flex-direction: column;justify-content: center;gap: 80px;}
.home-quality-lis-sin::before {content: counter(pio, decimal-leading-zero) ".";font-style: italic;position: absolute;font-weight: 400;right: 0;top: -25px;}
.home-quality-lis-lef {gap: 80px;}
.home-quality-lis-rig .home-quality-lis-sin::before {right: auto;left: 0;}
.home-quality-lis-sin:nth-child(odd) {border-bottom: 2px solid #000;padding-bottom: 20px;}
.home-quality-lis-lef {gap: 50px;}
.home-quality-lis-rig {gap: 50px;}
.home-quality-lis-lef .home-quality-lis-sin {padding-left: 60px;}
.home-quality-lis-rig .home-quality-lis-sin {padding-right: 60px;}
.home-quality-lis {display: flex;margin: 0 auto; max-width: 1550px;margin-top: 40px;counter-reset: pio;}
.home-quality-lis-mid > img {mix-blend-mode: darken;}
.home-corners {gap: 40px;display: flex;flex-direction: column;}
.home-corners-top {display: flex;justify-content: center;width: 100vw; margin-left: -20px;}
.home-corners-bot {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;}
.home-corners-bot-sup {font-size: 16px;font-style: italic;}
.home-corners-bot-tit {font-size: 36px;line-height: 38px; font-weight: 700; max-width: 600px;text-align: center;width: 100%;}
.home-corners-bot-txt {font-size: 14px;max-width: 600px;width: 100%;text-align: center;padding: 0 20px;}
.home-blog {display: flex;flex-direction: column;width: 100%;gap: 50px;position: relative;}
.home-blog-top {display: flex;justify-content: space-between;width: 100%;max-width: 1565px; margin: 0 auto;padding-bottom:20px;border-bottom:1px solid #000;}
.home-blog-top-lef {width: 50%;font-size: 36px;font-weight: 700;line-height: 38px;}
.home-blog-top-rig.main-page-yles-but {margin: 0;max-width: none;width: 50%;display: flex;justify-content: flex-end;align-items: center;padding-right: 40px;}
.related_products_wrapper .home-blog-top {border-bottom:none;border-top:1px solid #000;padding-top:20px;}
.related_products_wrapper .home-blog-top-rig.main-page-yles-but {padding-right: 0;}
.home-insta {display: flex;flex-direction: column;width: 100%;gap: 50px;}
.home-insta-top {display: flex;justify-content: space-between;width: 100%;max-width: 1244px;margin: 0 auto;padding-bottom:20px;border-bottom:1px solid #000;}
.home-insta-top-lef {width: 50%;font-size: clamp(22px,5vw,36px);font-weight: bold;}
.home-insta-top-rig.main-page-yles-but {margin: 0;max-width: none;width: 50%;display: flex;justify-content: flex-end;align-items: center;padding-right: 40px;}
h2.home-yles {font-size: 36px; font-weight: 700; line-height: 38px; letter-spacing: 0em;margin-bottom: 30px;}
h2.home-yles.title-big {font-size: 84px; line-height: 74px; letter-spacing: -0.025em;}
.home-yles ~ .main-page-text {margin-top:0;}

/* Blog slider */
.blog-slider .splide__image a {display:flex;}
.blog-slider .splide__list > .splide__slide {align-items: flex-start;gap:7px 0;}
.blog-slider .splide__list > .splide__slide .splide__image {width:100%;order:3;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(even) {flex-direction:column-reverse;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(odd) {flex-direction:column;}
.blog-slider .splide__list > .splide__slide h2 {padding-left:40px;}
.blog-slider .splide__list > .splide__slide h2 a {font-size:24px;font-weight:700;color:#000;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(even) h2 {order:1;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(odd)  h2 {order:2;margin-bottom:20px;}
.blog-slider .splide__list > .splide__slide .blog-slider-inf {padding-left:40px;font-size:13px;}
.blog-slider .splide__list > .splide__slide .blog-slider-inf-dat {text-transform:uppercase;}
.blog-slider .splide__list > .splide__slide .blog-slider-inf-cat a {color:#000;text-decoration:underline;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(even) .blog-slider-inf {order:2;margin-top:20px;}
.blog-slider .splide__list > .splide__slide:not(.splide__slide--clone):nth-child(odd)  .blog-slider-inf {order:1;}

/* Ποιότητα */
#main-content {background-image: url(/wp-content/uploads/2024/02/bg.svg);background-repeat: no-repeat;background-position: center top;background-size: 180%;}
h1.main-page-title {font-size:clamp(20px,5vw,38px);font-weight:bold;line-height: clamp(22px,6vw,42px);}
.main-page-text {max-width:620px;margin:0 auto 1.5em auto;font-size:14px;margin-top:25px;}
.main-page-text.above_title {font-size: 16px; font-style: italic; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: center;padding-bottom: 10px;}
.main-page-image {mix-blend-mode:darken;}
.main-page-list.wp-block-columns {counter-reset:pageList;}
.main-page-list-item {counter-increment:pageList;position:relative;margin-top:30px;font-weight:bold;font-size:18px;padding-left:10px;}
.main-page-list-item::before {content:counter(pageList, decimal-leading-zero) ".";font-style:italic;position:relative;font-weight:400;left:-10px;}
.main-page-list-item::after {content:'';position:absolute;width:100%;top:-20px;left:0;height:1px;background-color:#000;}
.main-page-list-text {font-size:14px;padding-left:35px;}
.main-page-bar.wp-block-separator {border-color:#C1C1C1;}
.main-page-narrow-2col {max-width:660px;margin:0 auto;display: flex;gap: 10px;}
.at-a-glance_intro {width: 100%;max-width: 1240px;margin: 0 auto;margin-bottom: 60px;}
.main-page-yles {width: 100%;max-width: 1240px;margin: 0 auto;display:flex;justify-content:center;}
.main-page-yles.wide {justify-content: space-between;max-width: 1058px;}
.main-page-yles-lef {flex-basis: 50%!important;}
.main-page-yles-rig {flex-basis: 50%!important;gap:15px;justify-content: center;display: flex;flex-direction: column;}
.main-page-yles.wide .main-page-yles-rig {max-width: 390px;}
.main-page-circle-wrapper {position:relative;}
.main-page-circle {position: absolute;top: 0;right:30px;z-index: 99;animation-name:circle;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function: linear;}
@keyframes circle {0% {transform:rotate(0deg);} 100%{transform:rotate(360deg); } }
.main-page-yles-rig > h1 {max-width: 460px;margin: 0 auto;}
.main-page-yles-rig > p {max-width: 460px;}
.main-page-yles-but {max-width: 460px;margin: 0 auto;width:100%;padding-right: 20px;}
.main-page-yles.wide .main-page-yles-but {max-width: unset;}
.main-page-yles-but a {position:relative;background-color: transparent;color: #000 !important;font-size: 16px;font-weight: bold;padding: 0;text-decoration: none;}
.main-page-yles-but a::before {content:'';z-index:2;position:absolute;background-image:url(/wp-content/uploads/2024/02/arrow-7x13-1.svg);width:31px;height:31px;background-repeat:no-repeat;background-position:12px center;right:-40px;top:-6px;bottom: -6px; align-items: center; align-self: center; display: flex;}
.main-page-yles-but a:hover::before {}
.main-page-yles-but a::after {content:'';z-index:1;position:absolute;background-color:#000;width:31px;height:31px;border-radius:99px;right:-40px;top:-6px;transition:all .3s;transform:scale(1);bottom: -6px; align-items: center; align-self: center; display: flex;}
.main-page-yles-but a:hover::after {transform:scale(1.2);}

/* Timeline */
.timeline .splide__list {align-items:center;}
.timeline.timeline__splide .timeline__story__column {text-align: center;}
.timeline.timeline__splide .story {padding: 10px;justify-content: unset;flex-direction: column;border-radius: 30px;border: 2px solid #C1C1C1;overflow: hidden;gap:20px;height: fit-content;}
.timeline.timeline__splide::before {display:none!important;}
.timeline .timeline__story__year {position:relative;padding: 0;font-size:32px;font-weight:bold;display: flex;transform: none;left:auto;top:auto;border-radius: 0;background-color: transparent;color: #000;order: 2;width: 100%;align-items: center;justify-content: center;}
.timeline .timeline__story__year::after {content:'';position:absolute;width:200px;height:1px;background-color:#000;margin:0 auto;top:44px;}
.timeline .timeline__story__image {border-radius: 20px;overflow: hidden;margin: 0;}
.timeline .timeline__story__column:nth-child(2) {order:1;}
.timeline .timeline__story__column:nth-child(3) {order:3;text-align:center;}

/* Product */
body {--main-width: 1568px;}
.prod-bar {width:100%;margin:30px auto;background-color:#C1C1C1;height:1px;max-width:var(--main-width);}
.prod-row {padding: 0;display:flex;width:100%;min-width:100%;max-width:var(--main-width);margin:0 auto;min-height:620px;justify-content:center;gap:10px;}
.prod-row-lef {display:flex;width:33.333%;flex-direction:column;justify-content:center;align-items:flex-end;gap: 15px;max-width:465px;}
.prod-row-lef-top {font-size: 20px;}
.prod-main-title {display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: flex-end; gap: 15px; max-width: 465px;font-size: 36px;font-weight: 700;line-height: 38px; letter-spacing: 0em;text-transform: uppercase;text-align: right;text-wrap: balance;margin: 0;}
.prod-row-lef-bot {display:flex;gap:10px;}
.prod-row-lef-bot-categs.gray {background: #E5E5E5;}
.prod-row-lef-bot-categs.red {background: var(--main-red);color: white;}
.prod-row-lef-bot-sin {display: flex;gap: 5px;align-items: center;font-size: 14px;font-weight: 600;border: 1px solid #C1C1C1;font-style: italic;border-radius: 24px;padding: 3px 10px 3px 10px;position: relative;text-decoration: none;}
.prod-row-lef-bot-sin:not(.prod-row-lef-bot-labels-sin):not(.prod-row-lef-bot-categs)::before {content: '';position: relative;width: 16px;background-position: center;background-size: 16px;background-repeat: no-repeat;height: 16px;display: block;}
.prod-row-lef-bot-tastes::before {background-image: url(/wp-content/uploads/2024/02/tastes.svg);}
.prod-row-lef-bot-colors::before {background-image: url(/wp-content/uploads/2024/02/colors.svg);}
.prod-row-lef-bot-labels-sin {border: 1px solid #000;color:#fff;background-color:#000;padding:3px 10px;}
.prod-row-mid {display:flex;width:33.333%;align-items:start;}
.prod-row-mid .product-main, .prod-row-mid .product-extra {display:flex;flex-direction:column;}
.prod-row-mid .product-main .splide__track, .prod-row-mid .product-extra .splide__track {mix-blend-mode:darken;}
.prod-row-rig {display:flex;width:33.333%;justify-content: center;flex-direction: column;max-width:465px;gap:15px;}
.prod-row-rig-txt {max-width: 460px;height:fit-content;font-size: 14px;}
.prod-row-rig-txt p {margin:0;}
.prod-row-rig-txt ul, .prod-row-rig-txt ol {margin:0 0 0 15px;}
.prod-row-rig-tem {max-width: 460px;font-size: 14px;display:flex;justify-content:space-between;}
/* .prod-extras {display: flex;gap:40px;width: 100%;max-width: var(--main-width);margin: 0 auto 60px;align-items: center;padding: 0 20px;} */
.prod-extras {padding: 0; display: flex; width: 100%; min-width: 100%; max-width: var(--main-width); margin: 0 auto 40px auto; min-height: 620px; justify-content: center; gap: 10px; align-items: center;}
.prod-extras.bg-white {background-image: url(/wp-content/uploads/2024/02/bg2.svg) !important;background-color: unset !important;background-position: bottom center;background-repeat: no-repeat;}
.prod-extras-tit {width: 33.333%;}
.prod-extras-img {width: 33.333%;mix-blend-mode: darken;}
.product-main img, .prod-extras-img img {mix-blend-mode:darken;}
.prod-extras-inf {width: 33.333%;display: flex;flex-direction: column;gap: 0px;counter-reset:faq;justify-content: center; max-width: 465px;}
.prod-extras-inf-sin {border-top: 1px solid #000;padding:12px 30px 0 32px;counter-increment:faq;position:relative;min-height:47px;}
.prod-extras-inf-sin::before {content:counter(faq, decimal-leading-zero) ".";position:absolute;left:0;top:13px;font-size: 14px;}
.prod-extras-inf-sin-tit::after {content:'';background-image:url(/wp-content/uploads/2024/02/arrow-7x13-1.svg);background-size:11px 16px;background-repeat:no-repeat;background-color:#000;border-radius:999px;background-position:center;position: absolute;right: 0;top: 13px;width: 24px;height: 24px;transform: rotate(90deg);transition: all .3s;}
.prod-extras-inf-sin-txt {max-height: 0;overflow: hidden;transition: all 0.35s;}
.prod-extras-inf-sin-txt p {margin:0;font-size: 13px;padding: 10px 0 15px;}
.prod-extras-inf-sin input {display:none;}
.prod-extras-inf-sin input:checked ~ .prod-extras-inf-sin-txt {max-height: 10rem;}
.prod-extras-inf-sin input:checked + .prod-extras-inf-sin-tit::after {transform:rotate(270deg);transition: all .3s;}
.prod-extras-inf-sin-tit {display: flex;cursor: pointer;font-size:14px;font-weight:600;}
.prod-extras-inf-txt {max-width: 460px;font-size: 14px;margin-bottom:20px;}
.prod-extras-inf-lnk {position: relative;background-color: transparent;color: #000;font-size: 16px;font-weight: bold;padding: 0;text-decoration: none;color: black !important;}
.prod-extras-inf-lnk::before {content: '';z-index: 2;position: absolute;background-image: url(/wp-content/uploads/2024/02/arrow-7x13-1.svg);width: 31px;height: 31px;background-repeat: no-repeat;background-position: 12px center;right: -40px;top: -6px;}
.prod-extras-inf-lnk::after {content: '';z-index: 1;position: absolute;background-color: #000;width: 31px;height: 31px;border-radius: 99px;right: -40px;top: -6px;transition: all .3s;transform: scale(1);}
.prod-extras-inf-lnk:hover::after {transform: scale(1.2);}
.prod-extras-inf-lnk {max-width: fit-content;}
.prod-buttons {max-width: var(--main-width);width: 100%;padding:0;margin: 0 auto 40px;;display: flex;gap:60px;justify-content: center;}
.prod-buttons-sin {position:relative;cursor:pointer;display: flex;flex-direction: column;align-items: center;font-size: 13px;font-weight:600;text-align: center;max-width: 110px;text-decoration: none;color: black !important;}
.prod-buttons-sin::before {content:'';position:relative;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width: 48px;height: 48px;background-color: #c1c1c1;}
.prod-buttons-sin.favored::before {background: black;}
.prod-buttons-sin-wishlist::before {-webkit-mask-size:28px;mask-size:28px;-webkit-mask-image:url(/wp-content/uploads/2024/02/wishlist.svg);mask-image:url(/wp-content/uploads/2024/02/wishlist.svg);transition:all .3s;}
.prod-buttons-sin-wishlist.isLoved::before {background-color:#000;}
.prod-buttons-sin-salepoints::before {-webkit-mask-size: 23px;mask-size: 23px;background-color:#000;-webkit-mask-image:url(/wp-content/uploads/2024/02/simeia.svg);mask-image:url(/wp-content/uploads/2024/02/simeia.svg);transition:all .3s;}
.prod-buttons-sin-koufeta::before {-webkit-mask-size: 45px;mask-size: 45px;background-color:#000;-webkit-mask-image:url(/wp-content/uploads/2024/02/koufeta.svg);mask-image:url(/wp-content/uploads/2024/02/koufeta.svg);transition:all .3s;}
.prod-buttons-sin:not(:last-of-type)::after {content:'';width:1px;height:60px;background-color:#c1c1c1;position:absolute;right:-30px;top:10px;transform: rotate(15deg);}
#prod-koufeta-popup {display:none;background-color:#F6F6F6;}
#glightbox-body .gslide-inline {border-radius:20px;}
.prod-koufeta-popup-inner {display: flex;flex-direction: column;align-items: center;gap: 20px;}
.prod-koufeta-popup-tit {font-size: 24px;font-weight: bold;}
.prod-koufeta-popup-txt {text-align: center;max-width: 436px;width: 100%;font-size: 14px;}
.prod-koufeta-popup-but {display: flex;gap:20px;}
.prod-koufeta-popup-but-simeia {position:relative;border-radius: 45px;border: 1px solid #C1C1C1;font-size: 14px;font-weight:bold;background-color:#fff;padding:14px 20px 14px 43px;text-decoration: none;color: black !important;}
.prod-koufeta-popup-but-simeia::before {content:'';position:absolute;background-color:#000;-webkit-mask-image:url(/wp-content/uploads/2024/02/simeia.svg);mask-image:url(/wp-content/uploads/2024/02/simeia.svg);-webkit-mask-size: 19px 24px;mask-size: 19px 24px;width: 19px;height: 24px;left: 16px;top: 10px;}
.prod-koufeta-popup-but-odigos {position:relative;border-radius: 45px;border: 1px solid #C1C1C1;font-size: 14px;font-weight:bold;background-color:#fff;padding:14px 20px 14px 43px;text-decoration: none;color: black !important;}
.prod-koufeta-popup-but-odigos::before {content:'';position:absolute;background-color:#000;-webkit-mask-image:url(/wp-content/uploads/2024/02/sizes.svg);mask-image:url(/wp-content/uploads/2024/02/sizes.svg);-webkit-mask-size: 20px 22px;mask-size: 20px 22px;width: 20px;height: 22px;left: 16px;top: 12px;}
.prod-koufeta-popup-inf {display:flex;font-size: 14px;flex-direction:column;gap:5px;align-items:center;padding: 20px 0 10px;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;width:100%;}
.prod-koufeta-popup-inf-tit {font-size: 18px;font-weight:bold;}
.prod-koufeta-popup-inf-txt {margin-top: 10px;}
.prod-koufeta-popup-inf-num {font-size: 36px;font-weight:bold;}
.prod-koufeta-popup-qty {width: 100%;display: flex;position: relative;justify-content: space-between;padding: 40px 0;margin-top: -20px;border-bottom: 1px solid #c1c1c1;}
.prod-koufeta-popup-qty::after {content:'';width:1px;height:100%;position:absolute;left:50%;background-color:#c1c1c1;top:0;}
.prod-koufeta-popup-qty-sin {display: flex;flex-direction: column;align-items: center;gap: 5px;width: 50%;height: 100%;}
.prod-koufeta-popup-qty-sin-tit {font-size: 14px;font-weight: 600;}
.prod-koufeta-popup-qty-sin-but {position:relative;}
.prod-koufeta-popup-qty-sin-but button {position: absolute;height: 100%;border: 0;background-color: transparent;font-size: 18px;top:-1px;cursor:pointer;}
.prod-koufeta-popup-qty-sin-but button.decrease {left:10px;}
.prod-koufeta-popup-qty-sin-but button.increase {right:10px;}
.prod-koufeta-popup-qty-sin-but .number-input::-webkit-outer-spin-button, .number-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.prod-koufeta-popup-qty-sin-but .number-input {-moz-appearance: textfield;border-radius: 5px;border: 1px solid #C1C1C1;padding:10px;text-align:center;font-family: TT;width: 100%;max-width: 180px;font-size: 16px;}
.prod-koufeta-popup-sub {border-radius: 28px;padding: 12px;cursor:pointer;background-color:#000;font-size: 16px;font-weight: 700;text-align: center;color:#fff;width:100%;display: flex;justify-content: center;}
.details_dropdowns {width: 100%;}
.product .details_dropdowns .dropdowns-wrapper {padding: 0;}
.product .details_dropdowns .prices-wrapper {padding: 0;}
.product .details_dropdowns .addToCart-wrapper {padding: 0;}

/* Sliders */
#singleproduct .splide div[class^="splide__progress-"] {margin:0;width:100%;position: absolute; bottom: 10px;}
.related_products_wrapper .splide div[class^="splide__progress-"] {margin: 20px auto 0 auto !important;position: relative !important; bottom: 0 !important;}
.splide div[class^="splide__progress-"] .splide__progress__bar {width: 100% !important;height: 7px;max-width: clamp(190px,20vw,380px);border-radius: 999px;}
.splide div[class^="splide__progress-"] .splide__progress__bar__inner {height:7px;border-radius:999px;}
.splide div[class^="splide__progress-"] .splide__arrow {border-radius: 999px;width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;-webkit-box-shadow: 7px 7px 15px -2px rgba(0,0,0,0.4);-moz-box-shadow: 7px 7px 15px -2px rgba(0,0,0,0.4);box-shadow: 7px 7px 15px -2px rgba(0,0,0,0.4);}
.splide div[class^="splide__progress-"] .splide__arrow:hover {box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.5);}
.splide__list {align-items: center;height: auto !important;}
.splide__progress__current {display:none;}
.splide__progress__total {display:none;}
.splide.is-focus-in .splide__arrow:focus {outline:0;}
.splide__arrows:first-child {position:relative;left:-10px;}
.splide__arrows:last-child {position:relative;right:-10px;}
.splide__arrows .splide__arrow.splide__arrow--prev::before, .splide__arrow.splide__arrow--next::before {width:16px!important;height:16px!important;}
.splide__arrows .splide__arrow.splide__arrow--next::before {mask: url(/wp-content/uploads/2024/02/blog-slider.svg) no-repeat center / contain;-webkit-mask: url(/wp-content/uploads/2024/02/blog-slider.svg) no-repeat center / contain;left: 2px;position: relative;}
.splide__arrows .splide__arrow.splide__arrow--prev::before {mask: url(/wp-content/uploads/2024/02/blog-slider.svg) no-repeat center / contain;-webkit-mask: url(/wp-content/uploads/2024/02/blog-slider.svg) no-repeat center / contain;left: 0px;position: relative;transform: scaleX(-1);}
.splide__arrow.splide__arrow--prev:before,.splide__arrow.splide__arrow--next:before {content: '';width: 28px;height: 19px;background-color: #000000;margin: 0 auto;align-items: center;}
.splide__arrow span,.splide__arrow svg {display: none;}
[class^='splide__progress-'] {position: relative;display: flex;align-items: center;justify-content: center;gap: 10px;margin: 20px auto 0 auto;}
[class^='splide__progress-'] .splide__arrow {background: transparent;border-radius: 0;opacity: 1;position: unset;transform: unset;transition: all 0.25s;}
[class^='splide__progress-'] .splide__progress__bar {width: 125px;height: 2px;background: #c6c6c6;}
[class^='splide__progress-'] .splide__progress__bar__inner {background: #000000;width: 0;height: 2px;transition: width 0.25s ease;}
.timeline__splide .timeline__story__image {margin: 0 !important;}

/* Responsive */
@media (max-width:1599px){
	.main-page-text {max-width: 524px;}
	.main-page-yles,
	.home-insta-top {max-width: 1058px;}
	.main-page-yles.wide {max-width: 100%;justify-content: space-evenly;}
	.main-page-yles.wide .main-page-yles-rig {max-width: 524px;}
	.main-page-yles.wide .main-page-yles-rig > p {max-width: unset;margin-left: 0;margin-right: 0;}
}
@media (max-width:1365px){
	.glance_headerimages_wrapper {flex-direction: column; justify-content: center; height: auto; max-height: unset; max-width: 860px; margin: 40px auto 60px auto; gap: 30px;}
	.glance_banner_wrapper {width: 100%;}
	.glance_logo_wrapper {max-height: 270px; height: 270px;}
	.glance_mainimage_wrapper {max-width: 468px; margin: 0 auto;}
	.glance_mainimage {display: none;}
	.glance_mainimage_mobile {display: block;}
	.main-page-yles {justify-content: space-evenly;}
	h2.home-yles {font-size: 24px;line-height: 30px;}
	.main-page-text {max-width: 487px;}
	h2.home-yles.title-big {font-size: 72px; line-height: 64px;letter-spacing: -0.025em;}
	.home-quality-tit {font-size: 24px;line-height: 30px;}
	.home-quality-txt {max-width: 487px;}
	.main-page-yles.wide .main-page-yles-rig {max-width: 487px;padding: 0;}
	.home-blog-top-lef {width: 50%;font-size: 24px;font-weight: 700;line-height: 30px;}
}
@media (max-width:1280px){
	.prod-buttons {gap:40px;}
	.prod-buttons-sin:not(:last-of-type)::after {right:-25px;}
	.prod-main-title {text-align:center;width: 100%;align-items: center;font-size: 24px; line-height: 29px;}
	.prod-row {flex-direction: column;align-items: center;max-width: none;}
	.prod-row-lef {align-items: center;width: 100%;max-width: 900px;max-width:unset;}
	.prod-row-mid {width: 100%;max-width:700px;}
	.prod-row-rig {width:100%;align-items:center;margin-top:50px;max-width:unset;}
	.prod-row-rig-tem {width:100%;}
	.prod-extras {flex-direction: column; margin-bottom: 60px;}
	.prod-extras-tit {width:100%;max-width: 900px;}
	.prod-extras-img {width:100%;max-width: 900px;}
	.prod-extras-inf {width:100%;max-width: 900px;align-items:center;}
	.prod-extras-img {text-align:center;}
	.prod-extras-inf {text-align:center;}
	.prod-extras-inf-sin-txt {text-align:left;}
}
@media (max-width:1200px){
	.main-page-list.wp-block-columns {flex-wrap: wrap !important;gap: 0 50px;}
	.main-page-list-lef.wp-block-column {order: 2;flex-basis: calc(50% - 25px)!important;}
	.main-page-list-mid.wp-block-column {order: 1;flex-basis: 100%!important;}
  .main-page-list-rig.wp-block-column {order: 3;flex-basis: calc(50% - 25px)!important;}
}
@media (max-width:900px){
	.main-page-circle {top: -10px;right: -20px;}
	.main-page-yles-lef {flex-basis:40%!important;}
	.main-page-yles-rig {padding:0 10px;}
}
@media (max-width:1000px){
	.home-slider {margin-bottom:100px;}
	.home-slider .splide div[class^="splide__progress-"] {display:none;}
	.home-quality-lis-lef {width: 100%;order: 2;padding: 0;text-align: left;}
	.home-quality-lis {flex-direction: column;align-items: center;}
	.home-quality-lis-mid {width: 100%;order: 1;display: flex;justify-content: center;}
	.home-quality-lis-rig {width: 100%;order: 3;margin-top: 50px;padding-right: 0;}
	.home-quality-lis-lef .home-quality-lis-sin, .home-quality-lis-rig .home-quality-lis-sin {padding: 0;border-bottom: 2px solid #000;padding-bottom: 20px;}
	.home-quality-lis-sin::before {right: auto;left: 0;}
	.home-quality .main-page-yles-but {margin-top:40px;}
}
@media (max-width:768px) {
	.glance_headerimages_wrapper {max-width: unset;margin: 100px 0 60px 0;}
	.main-page-yles-rig {padding:0;}
	.main-page-yles {gap:40px;}
	.main-page-circle {right:10px;}
	.main-page-yles-rig > h1, .main-page-yles-but, .main-page-yles-rig > p {max-width:560px;}
	.home-slider + .main-page-yles {flex-direction: column;align-items: center;}
}
@media (max-width:649px) {
	.prod-extras {
		min-height: unset;
		justify-content: unset;
	}

	.home-slider {
		margin-left: -10px;
	}

	.home-corners-top {
		margin-left: -10px;
	}

	.home-blog-bot {
		margin-left: -10px;
	}
}
@media (max-width:600px){
  .main-page-yles-rig {gap:0;}
  .main-page-circle {right:20px;}
  .glance_headerimages_wrapper {margin: 50px 0 60px 0;}
  .glance_logo_wrapper { max-height: 137px; height: 137px; }
}
@media (max-width:500px){
	.home-blog {
		padding-bottom: 70px;
	}
	.home-blog .home-blog-top-rig.main-page-yles-but {
		position: absolute;
		bottom: 0;
	}
	.home-blog-top {
		flex-direction: column;
		gap: 12px;
	}
	.home-blog-top-lef,
	.home-blog-top-rig,
	.home-blog-top-rig.main-page-yles-but { 
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}
@media (max-width:480px){
  .home-insta-top {display:flex;flex-direction:column;gap:20px;}
  .home-insta-top-rig.main-page-yles-but {justify-content: flex-start;}
  .prod-row-rig {margin-top:20px;}
}
@media (max-width:400px){
  .main-page-circle {right:0;top:-20px;}
}
@media (min-width:501px){
	#main-content {background-size: unset;}
}

#left-sidebar li {
		list-style: none; 
}
@media screen and (min-width: 1366px){
	.account-container {
		max-width: 1250px;
		margin: 0 auto;
	}
}



.mytable thead tr{
	background-color: #02404c;
}
select#year-dropdown{
	font-size: 17px;
}
#headerloginbtn, #headercartbtn{
	font-family: "Minion",Verdana,Arial,sans-serif;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
	font-family: "Minion",Verdana,Arial,sans-serif !important;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.6;
    font-style: normal;
    padding: 0;
    word-wrap: break-word;
}
@media screen and (min-width:1025px) {
	.mytable tbody tr:not(:last-child):hover > td:first-child {
                    border-left: 4px solid #02404c;
                    padding-left: 6px !important;
    }
}
@media screen and (min-width: 1025px){
	.mytable tbody tr:not(:last-child):hover > td:first-child {
			border-left: 4px solid #02404c;
			padding-left: 6px !important;
	}
}
.account-container.favorites input[type=number]{
	border: none;
}
.products_section .products-main-content  input[type=number]{
	border: none;
}
.required_ast {
    color: var(--main-color) !important;
}
body .fl-page #fl-main-content{
	color: var(--main-black);
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-family: RoobertPRO, Verdana, Arial, sans-serif !important;
/**** end artware styles ****/
}

@media screen and (min-width: 301px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
}

@media screen and (min-width: 501px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media screen and (min-width: 650px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}

@media screen and (min-width: 769px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media screen and (min-width: 1024px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}

@media screen and (min-width: 1366px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
}
@media screen and (min-width: 1600px){
	.products-main-content #products_grid {
		grid-template-columns: repeat(5,minmax(0,1fr));
	}
}

.notlogedinb2btext{
	font-family: "Minion",Verdana,Arial,sans-serif;
}
@media screen and (min-width: 1201px) and (max-width: 1289px){
	.fl-node-em8y5k7h1ntd {
		width: 53% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	.fl-builder-content .fl-node-vrtqkw8y76s9{
		width: 13% !important;
	}
	.fl-builder-content .fl-node-o1d9qm5r0wak{
		width: 6% !important;
	}
	.fl-builder-content .fl-node-qht5nr0a89p3{
		width: 6% !important;
	}
	.fl-builder-content .fl-node-ngml16syjbz2 {
		width: 45% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1100px){
	.fl-builder-content .fl-node-vrtqkw8y76s9{
		width: 14% !important;
	}
	.fl-builder-content .fl-node-ngml16syjbz2 {
		width: 44% !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1023px){
	.fl-builder-content .fl-node-dg7knpu0m1xv {
		width: 30% !important;
    }
	.fl-builder-content .fl-node-clgt17kxzwos{
		width: 40% !important;
	}
	.fl-node-rosc3efdl745 .fl-photo {
		text-align: center;
	}
	.fl-builder-content .fl-node-pjecl7iowvg5{
		width: 20% !important;
	}
	.fl-builder-content .fl-node-pjecl7iowvg5 .fl-html{
		text-align: right;
	}
	.fl-builder-content .fl-node-niruz0ajt9lb{
		width: 10% !important;
	}
}
@media screen  and (max-width: 768px){
	.fl-builder-content .fl-node-dg7knpu0m1xv {
		width: 40% !important;
    }
	.fl-node-dwluvoa9rsic-img-4 {

		max-height: unset !important;
	}
	.fl-builder-content .fl-node-clgt17kxzwos{
		width: 20% !important;
	}
	.fl-node-rosc3efdl745 .fl-photo {
		text-align: center;
	}
	.fl-builder-content .fl-node-pjecl7iowvg5{
		width: 30% !important;
	}
	.fl-builder-content .fl-node-pjecl7iowvg5 .fl-html{
		text-align: right;
	}
	.fl-builder-content .fl-node-niruz0ajt9lb{
		width: 10% !important;
	}
}

@media screen  and (max-width: 540px){
	.fl-builder-content .fl-node-dg7knpu0m1xv {
		width: 40% !important;
    }	
	.fl-builder-content .fl-node-clgt17kxzwos{
		width: 20% !important;
	}	
	.fl-builder-content .fl-node-pjecl7iowvg5{
		width: 15% !important;
	}	
	.fl-builder-content .fl-node-niruz0ajt9lb{
		width: 10% !important;
	}
	
}
@media screen and (min-width: 431px) and (max-width: 484px){
	.fl-builder-content .fl-node-dg7knpu0m1xv .fl-photo-content img {
		scale: 1.2;
	}
}
@media screen and (max-width: 430px){
	.fl-builder-content .fl-node-dg7knpu0m1xv .fl-photo-content img {
		scale: 1.4;
	}
}
@media (max-width: 1200px){
	.fl-node-i9pbj16oxu2v.fl-row > .fl-row-content-wrap {
		padding-right: 10px;
		padding-left: 5px;
	}
}
@media (max-width: 960px){
	.fl-node-i9pbj16oxu2v.fl-row > .fl-row-content-wrap {
		margin-right: 0;
		margin-left: 0;
		
	}
}
#left-sidebar li#leftmenu-item-7235{
	display: none;
}