.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(--color-3) transparent var(--color-3) transparent;
		animation: lds-dual-ring 1.2s linear infinite;
	}
	@keyframes lds-dual-ring{
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.headerMeta__cart{
		display: none;
	}
	body.b2buser .headerMeta__cart{
		display: block;
	}
	.miniCart__slidePopup.open > .loaderWrapper{
		position: absolute;
		top: 0;
	}

	.product__overlay.show-permanent{
		z-index: 9994;
		background-color: rgba(0, 0, 0, .7);
	}

	.miniCart__slidePopup .miniCart__content{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.miniCart__slidePopup .miniCart__content .miniCart__list{
		flex-grow: 1;
		overflow-y: auto;
	}
	.itemPricesWrapper .item-comment{
		display: flex;
		width: 117px;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
		margin: 0;
		padding: 0;
	}
	.itemPricesWrapper .item-comment > label{
		color: #fff;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		padding: 0;
	}
	.itemPricesWrapper .item-comment > textarea{
		height: 47px;
	}

	body.b2buser .headerMeta__login:hover .account-dropdown-form{
		display: block !important;
	}
	.headerMeta__login{
		position: relative;
		z-index: 9;
	}
	.headerMeta__login .account-dropdown-form{
		position: absolute;
		top: 95%;
		right: -30px;
		padding: 30px;
		background-color: var(--color-0);
		border: 2px solid var(--color-3);
		border-radius: 20px;
	}
	.header-login-btn{
		margin: 30px 0 15px 0;
		padding: 7px 7px 7px 20px;
		border: 2px solid var(--color-3);
		border-radius: 100vh;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px;
		cursor: pointer;
		transition: border-color .3s;
	}
	@media only screen and (min-width: 1281px){
		.headerMeta{
			height: 70px;
		}
		.headerMeta__login{
			height: 100%;
			display: flex;
			align-items: center;
		}
	}


	#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);
		height: auto;
	}
	#modalLogin.show {
		transform: translateX(0);
	}
	.modal-dialog-centered {
		display: flex;
		align-items: center;
		min-height: calc(100% - 1rem);
	}
	@media (min-width: 576px) {
		.modal-dialog-scrollable {
			height: calc(100% - 3.5rem);
		}
	}
	@media (min-width: 576px) {
		.modal-dialog-centered {
			min-height: calc(100% - 3.5rem);
		}
	}
	.modal.fade .modal-dialog {
		transition: transform .3s ease-out;
		transform: translate(0, -50px);
	}
	.modal.show .modal-dialog {
		transform: none;
	}
	#modalLogin .modal-dialog {
		width: 100%;
		right: 0;
		left: unset;
		max-width: 100%;
		width: 100%;
		height: 100%;
		margin: 0;
		transform: none;
		max-width: 455px;
	}
	#modalLogin .modal-content {
		border: none;
	}
	.loginCloser {

		cursor: pointer;
		z-index: 1;
	}
	#modalLogin.modal .modal-body {
		background-color: #fff;
	}
	.loginCloser svg {
		width: 16px;
		height: 16px;
		will-change: transform;
		transition: transform 0.2s ease;
		vertical-align: top;
	}
	.loginCloser svg > * {
		transition: stroke 0.2s ease;
	}
	.jc_center {
		justify-content: center !important;
	}
	.ai_center {
		align-items: center !important;
	}
	.d_flex {
		display: flex !important;
	}
	.fd_column {
		flex-direction: column !important;
	}
	.ta_center {
		text-align: center !important;
	}
	.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%;
		text-transform: uppercase;
		color: var(--color-0);
	}
	.errorMessage {
		color: var(--main-red);
		display: none;
	}
	.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.centered label, .input_group.centered .form_input {
		text-align: 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 .form_input {
		height: 40px;
		flex-shrink: 0;
		width: 100%;
		border-radius: 5px;
		border: 1px solid var(--main-gray);
		background: white;
		outline: 0 !important;
	}
	.jc_spacebetween {
		justify-content: space-between !important;
	}
	.link_with_icon {
		gap: 5px;
		min-height: 1px;
	}
	.hoverIcon {
		cursor: pointer;
	}
	.iconButton {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.iconButton.round {
		width: 28px;
		height: 28px;
		border-radius: 50%;
	}
	.customHover_newUser svg {
		width: 24px;
		transition: transform 0.3s ease-in-out;
	}
	.link_with_icon span {
		position: relative;
		top: 1px;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	#modalLogin.modal{
		background-color: background-color: transparent; !important;
	}
	#modalLogin.modal .modal-content{
		background-color: inherit;
	}
	#modalLogin.modal .modal-body{

		min-height: 280px;

		padding: 20px 20px 30px 20px;
		gap: 20px;
		border-radius: 20px;
		    border: 2px solid var(--color-2);
		background-color: #fff !important;
		color: #fff;
	}
	#modalLogin .titleWrap span {
		text-transform: initial;
	}
	#modalLogin  #MyB2BFormLogIn input {
		padding: 11px 20px;
		width: 100%;
		background-color: var(--color-6);
		border: 1px solid var(--color-5);
		font-family: var(--fontfamily-geologica);
		font-size: 16px;
		color: var(--color-0);
		color: var(--color-0);
		border-radius: 100vh;
		height: 50px;
	}
	#modalLogin  #MyB2BFormLogIn input::placeholder{
		color: var(--color-0);
	}
	#modalLogin  #Layer_1{
		fill: var(--color-3)
	}

	#modalLogin #MyB2BFormLogIn .loginCloser{
		width: 100%;
		text-align: end;
		height: 20px;
	}
	#modalLogin #MyB2BFormLogIn .titleWrap{
		margin-bottom: 0;
		height: 34px

	}
	#modalLogin #MyB2BFormLogIn .grey-seperator-login{
		height: 2px;
		border-radius: 2px;
		background-color: var(--color-2);
		flex: 0 0 2px;
		width: 100%;
	}
	.product__infobox__link.loginmodal{
		justify-content: center;
		position: relative;
		width: 100%;
		height: 54px;
	}
	.product__infobox__link.loginmodal:after{
		position: absolute;
		right: 5px;
		border: 1px solid var(--color-3);
		border-radius: 100%;
	}
	#modalLogin #MyB2BFormLogIn .w_100.d_flex{
		width: 100%;
		gap: 20px;
		height: 37px;
	}
	#modalLogin #MyB2BFormLogIn .w_100.d_flex .link_with_icon{
		display: flex;
		flex-grow: 1;
	}
	#modalLogin #MyB2BFormLogIn .iconButton.round {
		width: 19px;
		height: 17px;
		border-radius: 50%;
	}
	#modalLogin #MyB2BFormLogIn > *{
		font-family: var(--fontfamily-geologica);
	}

	.headerMeta__login .account-dropdown-form{
		padding: 20px;
	}
	.headerMeta__login .account-dropdown-form .header-login-btn{
		margin: 0;
		text-decoration: none;
		color: #fff;
		padding: 7px 15px 7px 15px;
	}
	.headerMeta__login .account-dropdown-form .header-login-btn:hover{
		border-color: var(--color-2);
		color: #fff;
	}
	.headerMeta__login .account-dropdown-form .header-login-btn + .header-login-btn{
		margin-top: 20px;
	}
	.headerMain nav ul > li.menu-item-has-children.megaMenu > ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
		visibility:hidden !important;
	}
	.headerMain nav ul > li.menu-item-has-children.megaMenu:hover > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
		visibility: visible !important;
	}


	#modalLogin.modal{
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		max-width: 100%;
		transition: transform 0.6s ease, background-color 0.3s ease !important;
	}
	#modalLogin.modal.show{
		background-color: rgba(0, 0, 0, 0.8);
	}
	#modalLogin .modal-dialog{
		    margin-left: auto;
		margin-right: auto;
	}
	#modalLogin.modal .input_group.haveCredError input{
		border-color: var(--color-2) !important;
	}
	#modalLogin #MyB2BFormLogIn .w_100.d_flex .link_with_icon a{
		position: relative;
		top: 1px;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		color: var(--color-0);
		text-decoration: none;
	}
	#modalLogin #MyB2BFormLogIn .link_with_icon.customHover_refresh span.fw_500{
		color: var(--color-0);
	}
	.responsiveMenu__slidePopup .logoutresponive{
		padding: 0;
		min-height: unset;
		border: none;
		border-radius: 0;
		display: none;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.responsiveMenu__slidePopup .logoutresponive > a{
		width: unset;
	}
	body.b2buser .responsiveMenu__slidePopup .logoutresponive{
		display: flex;
	}
	body.b2buser .responsiveMenu__slidePopup .loginArea{
		display: none;
	}

	.headerTop .registrationArea{
		display: none !important;
	}
	.responsiveMenu__slidePopup .registrationArea{
		display: none !important;
	}
	.headerMain nav ul > li.menu-item-has-children.megaMenu > ul.sub-menu > li:hover{
		cursor: pointer;
	}
	.headerMain nav ul > li.menu-item-has-children.megaMenu > ul.sub-menu > li:hover > a{
		cursor: pointer;
	}
	.product__title a {
		word-break: break-word;
		overflow-wrap: anywhere;
		white-space: normal;
	}

	#product__compatible__carousel .product__title {
		margin: 0 0 10px 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.4em;
		max-height: 94px;
		min-height: 94px;
	}
	.productPromotions__products .product__promotions__filters{
		margin: 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.productPromotions__products .product__promotions__filters .product__promotions__filter {
		padding: 10px 15px;
		border: 2px solid var(--color-3);
		border-radius: 100vh;
		font-family: var(--fontfamily-geologica);
		font-size: 14px;
		line-height: 20px;
		color: var(--color-2);
		cursor: pointer;
		transition: border-color .3s;
	}
	.productPromotions__products .product__promotions__filters .product__promotions__filter.active{
		border-color: var(--color-2);
	}


	@media screen and (max-width: 768px){
		body.b2buser header > .headerTop{
			display: block;
			border-bottom: none;
		}
		body.b2buser header > .headerTop nav:last-child{
			display: none;
		}
	}

	#modalLogin .product__infobox__link.loginmodal{
		padding: 14px 55px 14px 20px;
		width: fit-content;
		background-color: var(--color-1);
		border: 2px solid var(--color-2);
		border-radius: 100vh;
		font-family: var(--fontfamily-geologica);
		font-size: 18px;
		line-height: 24px;
		text-align: left;
		text-decoration: none;
		color: var(--color-2);
		color: var(--color-8);
		position: relative;
		cursor: pointer;
		transition: border-color .3s;
		position: relative;
		width: 100%;
		height: 54px;
		text-align: center;
	}

	.product__infobox__link::after{
		content: '';
		background-image: url(../assets/icons/buttonarrowgreenn.svg);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		display: block;
		transition: background-image .3s, transform .3s;
		position: absolute;
		top: calc(50% - 20px);
		right: 7px;
	}
	.product__infobox__link:hover {
		border-color: var(--color-8);
		color: var(--color-2);

	}
	.product__infobox__link:hover::after  {
		background-image: url(../assets/icons/buttonhovverarrowgreenn.svg);
		transform: rotate(45deg);
	}

	.middleHeaderMenu__b2b .sub-menu li{
		displayy: none;
	}
	.middleHeaderMenu__b2b .sub-menu li.myAccount,
	.middleHeaderMenu__b2b .sub-menu li.listOrder,
	.middleHeaderMenu__b2b .sub-menu li.logout{
		display: none;
	}
	body.logedin_user .middleHeaderMenu__b2b .sub-menu li.myAccount,
	body.logedin_user .middleHeaderMenu__b2b .sub-menu li.listOrder,
	body.logedin_user .middleHeaderMenu__b2b .sub-menu li.logout{
		display: list-item;
	}
	body:not(.logedin_user) .middleHeaderMenu__b2b .sub-menu li.login{
		display: list-item;
	}
	body.logedin_user .middleHeaderMenu__b2b .sub-menu li{
		display: list-item;
	}
	body.logedin_user .middleHeaderMenu__b2b .sub-menu li.login{
		display: none;
	}
	body:not(.logedin_user) .middleHeaderMenu__b2b .sub-menu{

	}
	body:not(.logedin_user) .middleHeaderMenu__b2b .sub-menu li.login > a{
		border-radius: 0 0 12.5px 12.5px;
	}

	.topHeaderMenu__b2b .sub-menu li{
		displayy: none;
	}
	.topHeaderMenu__b2b .sub-menu li.myAccount, .topHeaderMenu__b2b .sub-menu li.listOrder, .topHeaderMenu__b2b .sub-menu li.logout {
		display: none;
	}
	body:not(.logedin_user) .topHeaderMenu__b2b .sub-menu li.login{
		display: list-item;
	}
	body.logedin_user .topHeaderMenu__b2b .sub-menu li{
		display: list-item;
	}
	body.logedin_user .topHeaderMenu__b2b .sub-menu li.login{
		display: none;
	}

	body:not(.logedin_user) .actionProducts__cart{
		display: none;
	}
	#modalLogin.modal .modal-content{
		width: 100%;
	}
	#modalLogin #MyB2BFormLogIn .link_with_icon span.fw_500::after {
		content: '';
		width: 100%;
		height: 1px;
		background-color: transparent;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: background-color .3s;
	}
	#modalLogin #MyB2BFormLogIn .link_with_icon:hover span.fw_500::after {
		    background-color: var(--color-0);
		transition: background-color .3s;
	}

	body:not(.logedin_user) .headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children > a::after{
		content: none;
	}
	body .headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children > a{
		cursor: pointer;
	}
	#cart-slidePopup .loaderWrapper{
		position: absolute;
		top: 0;
	}
	@media (max-width: 1280px){
		.responsiveMenu__lvl3 {
			z-index: 9996;
		}
	}

	#searchProducts-slidePopup .loaderWrapper{
		position: absolute;
		top: 0;
	}
	#searchProducts-slidePopup .slidePopup__content{
		display: none;
	}
	.menuItem__258 .productsMenu__item__icon::before, .menuItem__258 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-outdoors-28x26.svg);
		mask-image: url(../assets/icons/menu-outdoors-28x26.svg);
	}
	.menuItem__436 .productsMenu__item__icon::before, .menuItem__436 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-diving-28x26.svg);
		mask-image: url(../assets/icons/menu-diving-28x26.svg);
	}
	.menuItem__466 .productsMenu__item__icon::before, .menuItem__466 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-watersports-28x26.svg);
		mask-image: url(../assets/icons/menu-watersports-28x26.svg);
	}
	.menuItem__286 .productsMenu__item__icon::before, .menuItem__286 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-apparel-28x26.svg);
		mask-image: url(../assets/icons/menu-apparel-28x26.svg);
	}
	.menuItem__518 .productsMenu__item__icon::before, .menuItem__518 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-sales-28x26.svg);
		mask-image: url(../assets/icons/menu-sales-28x26.svg);
	}
	.menuItem__630 .productsMenu__item__icon::before, .menuItem__630 .responsiveMenu__item__icon::before {
		width: 28px;
		height: 26px;
		-webkit-mask-image: url(../assets/icons/menu-pool-28x26.svg);
		mask-image: url(../assets/icons/menu-pool-28x26.svg);
	}
	@media (max-width: 1440px) {
		.actionProducts__cart__label {
			display: block;
		}
	}

	.cart__totals__row.kostos_metaforikwn_totals{
		display: none;
	}
	.productItem__availability {
		display: flex;
		align-items: center;
	}
	.productItem__availability img{
		width: 20px;
		margin-right: 8px;
	}
	.productItem__availability .productItem__availability_label{
		font-size: 12px;
		line-height: 18px;
	}
	body.store_ipokatastima .accountmenu_item.edrab2b{
		display: none;
	}

	body.logedin_user.store_ipokatastima .middleHeaderMenu__b2b .sub-menu li.listOrder{
		display: none;
	}

	.single-product-wrapper.favored .actionFavorite::before{
		-webkit-mask-image: url(../assets/icons/heartfilled.svg);
		mask-image: url(../assets/icons/heartfilled.svg);
	}

	.productItem__media .actionCompare,.productInfo__action__sep, .productInfo__actions .productInfo__action.actionCompare{
		display: none;
	}
	.headerMiddle .actionProducts__compare{
		display: none;
	}
	
	.topHeaderMenu__b2b .menu-item-has-children.is-closed .sub-menu {
		display: none !important;
	}
	.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children.is-closed > a::after {
		    transform: rotate(0);
	}
	
	@media (min-width: 1280px) and (max-width: 1440px) {
		.productsMenu__item{
			gap: 4px;
		}
		.actionProducts{
			gap: 5px;
		}
		.productsMenu__item:not(:first-child) {
			margin-left: 2.5px;
			padding-left: 3.5px;
			
		}
		.headerMiddle .headerMiddle__col{
			gap: 8px;
		}
		.productsMenu__item .productsMenu__item__label, .productsMenu__item .productsMenu__item__label a {
			font-size: 16px;
			
		}
		
	}
	@media (min-width: 1280px) and (max-width: 1320px){
		.productsMenu__item:not(:first-child) {
			margin-left: 0.5px;
			padding-left: 2.5px;
		}
		.productsMenu__item .productsMenu__item__icon, .productsMenu__item .productsMenu__item__submenu{
			width: 24px;
			height: 24px;
		}
	}