.contact_us_container {
	flex: 1;
	max-width: 90%;
    margin: 80px auto;
}

.contact_us_container .contact_us_quick_solutions {
	max-height: 40px;
	overflow: hidden;
	transition: var(--transition);
}

.contact_us_container .contact_us_quick_solutions h3 {
	position: relative;
}

.contact_us_container .contact_us_quick_solutions h3:before {
	position: absolute;
	left: 0;
}

.contact_us_container .contact_us_quick_solutions.active h3:before {
	transform: rotate(180deg);
}

.contact_us_container .contact_us_quick_solutions.active {
	max-height: 400px;
}

.contact_us_container .contact_us_quick_solutions .options {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contact_us_container .contact_us_quick_solutions .solution {
	display: flex;
	align-items: center;
	color: var(--btn-color-dark);
}

.contact_us_container .contact_us_quick_solutions .solution img {
	height: unset;
}

.contact_us_container #contact_us_login_msg {
    display: block;
    text-align: center;
    font-size: 25px;
    margin: -10px auto 25px;
}

.contact_us_title {
    padding: 20px 5%;
    background: var(--btn-color-dark);
    color: var(--text-white);
}

.contact_us_title h1 {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.contact_us_container .questions_answers p b,
.contact_us_container .questions_answers p b > * {
	font-weight: bold;
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.contact_us_container {
		max-width: 65%;
	}
	
	.contact_us_container .contact_us_quick_solutions .options {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}

	.contact_us_container .contact_us_quick_solutions h3:before {
		content: '';
	}
	
	.contact_us_container .contact_us_quick_solutions {
		max-height: 400px;
	}
}

@media only screen and (min-width: 1151px) {
	.contact_us_container {
		max-width: 65%;
	}
	
	.contact_us_container .contact_us_quick_solutions h3:before {
		content: '';
	}
	
	.contact_us_container .contact_us_quick_solutions .options {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}
	
	.contact_us_container .contact_us_quick_solutions {
		max-height: 400px;
	}
}

/* End of file contact_css.php */
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    display: none;
    z-index: 5;
    background: rgba(0, 0, 0, .6);
    top: 0;
}

.important-message.low-prices {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    background-color: #F1C934;
    color: var(--footer-primary);
    text-align: center;
    padding: 8px 0 !important;
    z-index: 20;
}

.important-message.low-prices span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

header.header_wrapper {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: top var(--transition), box-shadow var(--transition);
}

header.header_wrapper .header_links {
    transition: transform 0.4s ease-in-out;
    background: var(--nav_mobile_mobile_header_links, var(--site-background));
}

header.header_wrapper > * {
    z-index: 10;
	position:relative;
}

header.header_wrapper .img_container {
    height: 60px;
    grid-area: img;
	margin-left: 20px;
}

header.header_wrapper .header_right_side {
    display: flex;
    align-items: center;
    flex-basis: 20%;
    justify-content: center;
    width: 100%;
    grid-column: 2;
}

header.header_wrapper .header .mobile_nav {
    grid-area: nav;
    justify-self: baseline;
}

header.header_wrapper .header .mobile_nav.top .mobile_menu.open {
	top: 80px;
}

header.header_wrapper .header .mobile_nav:after {
	font-family: var(--font-awesome);
    content: '\f0c9';
    font-weight: bold;
    font-size: 2.3rem;
}

header.header_wrapper .header_left_side {
    display: flex;
    align-items: center;
    gap: 27px;
    justify-content: flex-end;
    grid-area: icons;
}

header.header_wrapper .header .search_bar {
    grid-area: search;
}

header.header_wrapper .header .top_header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas:
        "nav icon icons "
        "search search search";
    gap: 20px;
    align-items: center;
    justify-items: end;
}

header.header_wrapper .top_header .user_details_container {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 40px;
}

header.header_wrapper .top_header .user_details_container .user_details {
    width: fit-content;
}

header.header_wrapper .top_header .user_details_container .chevron_arrow {
    position: absolute;
}

header.header_wrapper .top_header .user_details_container .chevron_arrow:before {
    top: 1px;
    left: -20px;
    font-size: 0.9285rem;
}

header.header_wrapper .top_header .icon_circle_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
	background: var(--header_icons, var(--light-blue));
    border-radius: 50%;
    position: relative;
    font-size: 19px;
    cursor: pointer;
}

header.header_wrapper .top_header .icon_circle_container.favorites {
    display: none;
}

header.header_wrapper .top_header .icon_circle_container img {
	width: 22px;
    height: 22px;
    object-fit: contain;
}

header.header_wrapper .top_header .icon_circle_container .count {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: var(--header_cart_count_bg, var(--site-primary));
    color: var(--header_cart_count_txt, var(--text-white));
    border-radius: 50%;
    font-weight: bold;
    right: -11px;
    top: -3px;
    font-size: 0.9285rem;
}

header.header_wrapper .header {
	position: relative;
	background-color: var(--site-background);
    border-bottom: 1px solid var(--light-blue);
    width: 100%;
    padding: 10px 5% 15px;
    margin: 0 auto;
    z-index: 15;
}

/*header.header_wrapper .header_links {*/
/*	display: flex;*/
/*    padding: 20px 5%;*/
/*    box-shadow: var(--shadow);*/
/*	flex-direction: column;*/
/*}*/

header.header_wrapper .header_links .user_menu {
	max-width: 100%;
	margin-bottom: 20px;
} 

header.header_wrapper .header_links .user_menu .profile {
	background: #F5F5F9;
	border-radius: 7px;
	padding: 10px;
} 

header.header_wrapper .header_links .user_menu .profile img {
	border: 1px solid #E2E2EF;
}

header.header_wrapper .header_links .user_menu .drop_down_menu {
	display: none;
}

header.header_wrapper .header_nav_links {
    width: 100%;
    margin: 0 auto;
    color: inherit;
    list-style: none;
    padding: 20px 5%;
    box-shadow: var(--shadow);
}

header.header_wrapper .header_nav_links ul {
    position: relative;
    display: flex;
    margin: 0 auto;
	gap: 10px;
    overflow-x: auto;
	padding: 0 0 10px;
}

header.header_wrapper .header_nav_links ul li,
header.header_wrapper .header_nav_links ul a {
    color: inherit;
    list-style: inherit;
}

header.header_wrapper .header_nav_links ul li {
    display: flex;
    font-size: 1rem;
    background-color: var(--light-blue);
    border-radius: 6px;
    height: 26px;
    text-decoration: none;
}

header.header_wrapper .header_nav_links ul li a {
	padding: 2px 20px;
	white-space: nowrap;
}

#nav_wrapper {
	display: none;
}

header.header_wrapper .header_nav_links ul li.highlighted {
    background-color: var(--header_mobile_links_bg, var(--site-primary));
    color: var(--text-white);
}

@media only screen and (max-width: 330px) {
	header.header_wrapper .img_container {
		display: none;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	header.header_wrapper {
		transform: unset !important;
	}

	header.header_wrapper .header_links .user_menu {
		display: none;
	}
	
	.header_wrapper.fixed .header_links {
	    pointer-events: unset;
	}
	
	header.header_wrapper .header_nav_links ul {
	    overflow-x: hidden;
	}
	
	header.header_wrapper .header_right_side {
	    display: flex;
	    align-items: center;
	    flex-basis: 20%;
        justify-content: flex-start;
        gap: 30px;
	    width: 100%;
	    margin-left: 20px;
	}

    .header_wrapper.fixed .header_links {
	    height: fit-content;
		padding: 0 5%;
	    opacity: 1;
	}
    
    header.header_wrapper.fixed .header_right_side,
	header.header_wrapper.fixed .header_left_side {
		display: flex;
	}
    
    header.header_wrapper .header_left_side {
        justify-content: flex-start;
    }

    header.header_wrapper .header .mobile_nav {
        display: none;
    }
    
    header.header_wrapper .top_header .icon_circle_container.favorites {
        display: flex;
    }
    
    header.header_wrapper .header .top_header {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    header.header_wrapper .header_nav_links ul li.highlighted {
        text-decoration: underline var(--underline-color) 2px;
        background-color: transparent;
    }

    header.header_wrapper .header_nav_links ul li {
        display: flex;
        justify-content: space-between;
        list-style: none;
        font-size: 1.25rem;
        height: auto;
        background-color: transparent;
	    text-decoration: inherit;
	    flex-basis: 14%;
    }

	header.header_wrapper .header_nav_links ul li a {
		padding: 15px 10px;
	}

	header.header_wrapper .header_nav_links {
	    width: 80%;
	    margin: 0 auto;
	    color: inherit;
	    list-style: none;
		overflow-x: unset;
		padding: 0;
        opacity: 1 !important;
        height: auto !important;
        display: block !important;
	}

	header.header_wrapper .header_nav_links ul {
	    position: relative;
	    display: flex;
	    width: 90%;
	    margin: 0 auto;
	    color: inherit;
	    align-items: center;
	    list-style: inherit;
		gap: unset;
		padding-bottom: unset;
	}
	
	header.header_wrapper .header_links {
		display: flex !important;
	    background: var(--header_links, var(--site-secondary));
	    color: var(--text-white);
	    padding: 0 5%;
        margin: 0;
	   	flex-direction: row; 
		transform: unset !important;
		opacity: unset !important;
	}
	
    header.header_wrapper .header .top_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    #nav_wrapper {
		display: block;
	}
	
	.header_wrapper.fixed {
	    position: sticky;
	    top: 0;
	    width: 100%;
	    z-index: 10;
	    background: var(--header-background);
	    transition: top var(--transition), box-shadow var(--transition);
	}
}

@media only screen and (min-width: 1151px) {
	header.header_wrapper {
		transform: unset !important;
	}
	
	header.header_wrapper .header_links .user_menu {
		display: none;
	}
	
	.header_wrapper.fixed .header_links {
	    pointer-events: unset;
	}
	
	header.header_wrapper .header_right_side {
	    display: flex;
	    align-items: center;
	    flex-basis: 20%;
        justify-content: flex-start;
        gap: 30px;
	    width: 100%;
	    margin-left: 20px;
	}

    .header_wrapper.fixed .header_links {
	    height: fit-content;
		padding: 0 5%;
	    opacity: 1;
	}

	header.header_wrapper.fixed .header_right_side,
	header.header_wrapper.fixed .header_left_side {
		display: flex;
	}

    header.header_wrapper .header_left_side {
        justify-content: flex-start;
    }
    
    header.header_wrapper .header .mobile_nav {
        display: none;
    }
    
    header.header_wrapper .top_header .icon_circle_container.favorites {
        display: flex;
    }
    
    header.header_wrapper .header .top_header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    header.header_wrapper .header_nav_links ul li.highlighted {
        text-decoration: underline var(--underline-color) 2px;
        background-color: transparent;
    }

    header.header_wrapper .header_nav_links ul li {
        display: flex;
        justify-content: space-between;
        list-style: none;
        font-size: 1.25rem;
        height: auto;
        background-color: transparent;
	    text-decoration: inherit;
	    flex-basis: 14%;
    }
    
	header.header_wrapper .header_nav_links ul li a {
		padding: 15px 10px;
	}

	header.header_wrapper .header_nav_links {
	    width: 90%;
	    margin: 0 auto;
	    color: inherit;
	    list-style: none;
	    overflow-x: hidden;
	    padding: 0;
        opacity: 1 !important;
        height: auto !important;
        display: block !important;
	}

	header.header_wrapper .header_nav_links ul {
	    position: relative;
	    display: flex;
	    width: 90%;
	    margin: 0 auto;
	    color: inherit;
	    align-items: center;
	    list-style: inherit;
		overflow-x: unset;
		gap: unset;
		padding-bottom: unset;
	}
	
	header.header_wrapper .header_links {
		display: flex !important;
	    background: var(--header_links, var(--site-secondary));
	    color: var(--text-white);
	    padding: 0 5%;
	    margin: 0;
	    flex-direction: row;
		transform: unset !important;
		opacity: unset !important;
	}
    
    header.header_wrapper .header_desktop .top_header {
	    justify-content: space-between;
    }
    
    #nav_wrapper {
		display: block;
	}
	
	.header_wrapper.fixed {
	    position: sticky;
	    top: 0;
	    width: 100%;
	    z-index: 10;
	    background: var(--header-background);
	    transition: top var(--transition), box-shadow var(--transition);
	}
}
/* End of file header_metzer_css.php */
.user_menu_container {
	position:relative;
	display: none;
	padding: 10px 0;
}

.mobile_menu .menu_top_part .nav_options .user_menu_container {
	display: block;
}

.user_menu {
	position: relative;
	max-width: 250px;
}

.user_menu .profile {
	display: flex;
    align-items: center;
    gap: 10px;
}

.user_menu .profile img {
    background: #fff;
    border-radius: 50%;
    max-height: 35px;
}

.user_menu .profile .user_info {
	display: block;
	min-width: 75px;
    font-weight: bold;
    width: max-content;
}

.user_menu .profile .user_info .points_highlighted {
	font-weight: bold;
}

.user_menu .profile .user_info .chevron_arrow:before {
    margin-right: 5px;
}

.user_menu .drop_down_menu {
    visibility: hidden;
	display: block;
	position: unset;
    width: 100%;
    background:  var(--header_user_menu_drop_down_bg,white);
    box-shadow: var(--shadow);
    min-width: 160px;
    text-align: center;
	opacity: 0;
    transition: opacity var(--transition), visibility 0s var(--transition), max-height var(--transition);
}

.user_menu_container.hovering .user_menu .drop_down_menu {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s linear;
    max-height: 1000px;
}

.user_menu .drop_down_menu > * {
	display: block;
	width: 100%;
	padding: 10px;
	color: var(--header_user_menu_drop_down_text,var(--text-primary));
}

.user_menu_container .user_menu .drop_down_menu .login_btn div {
    background: var(--header_user_menu_login_bg,var(--site-primary));
    color: var(--header_user_menu_login_text,var(--text-white));
    text-align: center;
    border-radius: 7px;
    padding: 10px;
    cursor: pointer;
}

.mobile_nav .user_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 100%;
}

.mobile_nav .user_menu .login_btn {
    background: var(--header_user_menu_mobile_login_bg,var(--site-primary));
    color: var(--header_user_menu_mobile_login_text,var(--text-white));
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 0 20px;
	gap: 10px;
}

.mobile_nav .user_menu .login_btn:after {
	font-family: var(--font-awesome);
    content: '\f0d9';
    font-weight: bold;
}

.mobile_nav .nav_options .user_menu_container .user_menu .user_info {
	font-size: 1.4285rem;
	font-weight: bold;
}

.mobile_nav .nav_options .user_menu_container .user_menu a {
	font-size: 1rem;
	font-weight: bold;
    color: var(--header_user_menu_drop_down_text,var(--text-primary));
	text-decoration: underline;
}

.mobile_nav .user_menu .drop_down_menu {
    background-color: unset;
    box-shadow: unset;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
}

.mobile_nav .user_menu .drop_down_menu.open,
.mobile_nav .user_menu .drop_down_menu.hovering {
    max-height: 200px;
    overflow-y: auto;
    visibility: visible;
    opacity: 1;
	transition: opacity 0.2s linear;
}


@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.user_menu_container {
		display: block;
	}
	
	.user_menu .profile img {
	    background: var(--header_icons, var(--light-blue));
	    border-radius: 50%;
	}

	.user_menu .drop_down_menu {
	    visibility: hidden;
		display: block;
		position: absolute;
	    width: 100%;
        background:  var(--header_user_menu_drop_down_bg,white);
	    box-shadow: var(--shadow);
	    min-width: 160px;
	    text-align: center;
		opacity: 0;
	    transition: opacity var(--transition), visibility 0s var(--transition);
	}
}

@media only screen and (min-width: 1151px) {
	.user_menu_container {
		display: block;
	}
	
	.user_menu .profile img {
	    background: var(--light-blue);
	    border-radius: 50%;
	}
	
	.user_menu .drop_down_menu {
	    visibility: hidden;
		display: block;
		position: absolute;
	    width: 100%;
        background:  var(--header_user_menu_drop_down_bg,white);
	    box-shadow: var(--shadow);
	    min-width: 160px;
	    text-align: center;
		opacity: 0;
	    transition: opacity var(--transition), visibility 0s var(--transition);
	}
}

/* End of file header_user_menu_css.php */
header.header_wrapper #nav_wrapper {
	position: relative;
    flex-basis: 15%;
    z-index: 2;
}

header.header_wrapper #nav_wrapper .nav_menu_content {
	position:absolute;
    background: var(--nav_bg_color,white);
    color: var(--nav_text_color,var(--text-primary));
    height: 0;
    width: var(--site-nav-menu-w);
    right: -5vw;
    z-index: 2;
    overflow-y: auto;
    transition: height var(--transition-slow);
}

header.header_wrapper #nav_wrapper .nav_menu_content .menu_top_cat {
	margin: 0;
	padding: 0;
	list-style: none;
}

header.header_wrapper #nav_wrapper .nav_menu_content .menu_top_cat li {
    font-size: 1.2142rem;
	padding: 15px 20px;
	transition: var(--transition);
	cursor: context-menu;
}

header.header_wrapper #nav_wrapper .nav_menu_content .menu_top_cat li:hover {
	color: var(--nav_hover_text_color,var(--text-white));
	background-color: var(--nav_hover_bg_color,var(--site-primary));
}

header.header_wrapper #nav_wrapper .menu_cat {
	display: flex;
    position: absolute;
    background: var(--nav_bg_color,var(--light-blue));
    width: calc(100vw - var(--site-nav-menu-w));
    right: 13vw;
    height: 50vh;
    z-index: 10;
    padding: 0 30px 30px 55px;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

header.header_wrapper #nav_wrapper .menu_cat > * {
	padding: 15px 0;
}

header.header_wrapper #nav_wrapper .menu_cat_content li span a {
	font-weight: inherit;
	text-decoration: none;
    color: var(--nav_text_color,var(--site-secondary));
    font-size: 1.2142rem;
}

header.header_wrapper #nav_wrapper .menu_cat_content ul.menu_subcat {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-top: 20px;
	padding: 0;
}

header.header_wrapper #nav_wrapper .menu_cat_content ul.menu_subcat li a {
	font-weight: inherit;
	text-decoration: none;
    color: var(--nav_text_color,var(--site-secondary));
    font-size: 1.2142rem;
}

header.header_wrapper #nav_wrapper .menu_cat_content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    row-gap: 20px;
    column-gap: 55px;
    width: var(--site-nav-menu-cat-w);
    max-width: 100%;
    overflow-y: auto;
}

header.header_wrapper #nav_wrapper .promo_div {
	flex-basis: 50%;
}

header.header_wrapper #nav_wrapper .menu_cat .gallery_title {
     color: var(--nav_text_color,var(--site-secondary));
}

header.header_wrapper #nav_wrapper .nav_menu_butt {
	position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    background: var(--nav_btn_bg_color,var(--site-primary));
    color: var(--nav_btn_text_color,var(--text-white));
    padding: 6.5px 15px;
    font-size: 1.3571rem;
    border-radius: 11px;
    margin: 8px 0;
    gap: 15px;
    width: 215px;
}

header.header_wrapper #nav_wrapper .nav_menu_butt:before {
    font-family: var(--font-awesome);
    content: "\f078";
    font-weight: bold;
    position: absolute;
    transition: transform var(--transition);
	left: 15px;
	font-size: 1rem;
}

/*header.header_wrapper #nav_wrapper .nav_menu.open .nav_menu_butt:before {*/
/*    font-family: var(--font-awesome);*/
/*    content: "\f00d";*/
/*    font-weight: bold;*/
/*    position: absolute;*/
/*    transition: transform var(--transition);*/
/*	left: 15px;*/
/*	font-size: 1rem;*/
/*}*/

header.header_wrapper #nav_wrapper .menu_cat_content li {
	width: fit-content;
	list-style: none;
}

/*header.header_wrapper #nav_wrapper #nav_cat_wrapper.hidden {*/
/*	display: none;*/
/*}*/

header.header_wrapper #nav_wrapper #nav_cat_wrapper {
	/*position:absolute;*/
	/*width: var(--site-nav-menu-cat-w);*/
	/*right: 95%;*/
	/*height: 50vh;*/
	/*z-index: 10;*/
}

header.header_wrapper #nav_wrapper .nav_menu.open .nav_menu_content {
    height: var(--site-nav-menu-h);
}

.mobile_nav {
	position: relative;
	height: fit-content;
	width: fit-content;
	cursor: pointer;
}

.mobile_nav .mobile_menu {
    position: fixed;
    display: block;
    background-color: var(--nav_mobile_menu_bg,var(--light-blue));
    z-index: 1050;
	width: calc(100vw - (100vw - 100%));
    height: 100dvh;
    /*padding: 30px 40px;*/
    cursor: auto;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--transition), visibility 0s var(--transition);
    left: 0;
    top: 0;
}

.mobile_nav .mobile_menu .menu_cat_wrapper {
	background-color: var(nav_mobile_menu__cat_bg,#fff);
    overflow-y: auto;
    padding: 0;
}

.mobile_nav .mobile_menu.open {
    display: flex;
    flex-direction: column;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s linear;
}

.mobile_nav.top .mobile_menu {
    top: 75px !important;
}

.mobile_nav .mobile_menu > * {
	padding: 20px 30px 0;
}

.mobile_nav .menu_top_cat {
	position: relative;
	margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    padding: 20px 30px;
}

.mobile_nav .search_bar {
	margin-bottom: 20px;
}

.mobile_nav .menu_cat_wrapper .category,
.mobile_nav .mobile_nav_cat_wrapper .title {
	position: relative;
	font-size: 1.2142rem;
	list-style: none;
    margin-bottom: 30px;
}

.mobile_nav .menu_cat_wrapper .category.open .cat_text,
.mobile_nav .mobile_nav_cat_wrapper .title {
	border-bottom: var(--border-thin-bright);
    padding: 0 0 15px;
    margin: 0 0 15px;
}

.mobile_nav .menu_cat_wrapper .category .cat_text:before {
	left: 0;
}

.mobile_nav .menu_cat_wrapper .category.open .cat_text:before {
	transform: rotate(0deg);
}

.mobile_nav .menu_cat_wrapper .category .cat_text.title,
.mobile_nav .mobile_nav_cat_wrapper .title {
	display: block;
	width: 100%;
	font-weight: bold;
	cursor: pointer;
}

.mobile_nav .mobile_nav_cat_wrapper .title {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 10px;
}

.mobile_nav .mobile_nav_cat_wrapper .title:before {
	position: initial;
}

.mobile_nav .mobile_nav_cat_wrapper .title span {
	position: relative;
	font-weight: bold;
	padding: 0;
}

.mobile_nav .mobile_nav_cat_wrapper .title span:before {
	right: -20px;
}

.mobile_nav .menu_cat_wrapper .category .sub_cat {
    padding: 0;
    list-style: none;
    font-size: 1.2142rem;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: var(--transition) max-height, var(--transition) opacity;
}

.mobile_nav .menu_cat_wrapper .category.open .sub_cat {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 1000px;
    opacity: 1;
    pointer-events: auto;
}

.mobile_nav .menu_cat_wrapper .category.open .sub_cat li {
	cursor: pointer;
}

.mobile_nav .menu_cat_wrapper .category.open .sub_cat .menu_cat {
	display: none;
}

.mobile_nav .menu_cat_wrapper .mobile_nav_cat_wrapper .menu_cat {
    background-color: var(--nav_mobile_menu_bg,var(--btn-text));
	position: fixed;
	display: none;
    padding: 20px 30px;
    top: 170px;
    right: 0;
    width: 100%;
    height: 100vh;
	font-size: 1.2142rem;
}

.mobile_nav .menu_cat_wrapper .mobile_nav_cat_wrapper .menu_cat .menu_return {
	display: flex;
	gap: 5px;
	margin-bottom: 35px;
    width: fit-content;
    cursor: pointer;
}

.mobile_nav .menu_cat_wrapper .mobile_nav_cat_wrapper .menu_cat .menu_return:before {
	position: initial;
	font-weight: 400;
}

.mobile_nav .menu_cat_wrapper .mobile_nav_cat_wrapper .menu_cat ul.menu_subcat {
	display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    padding: 0;
    overflow-y: auto;
    max-height: calc(100% - 120px);
}

.mobile_nav .menu_cat_wrapper .mobile_nav_cat_wrapper .menu_cat ul.menu_subcat li a{
	color: var(--nav_mobile_text_color,var(--text-primary));
}

.mobile_nav .mobile_menu .menu_top_part a.logo_container img {
	height: 60px;
}

.mobile_nav .nav_options {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	position: relative;
	margin-bottom: 25px;
	gap: 20px;
}

.mobile_nav .nav_options a {
    display: block;
    width: fit-content;
}

.mobile_nav .nav_options a.logout {
	color: var(--nav_btn_text_color,white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
}

.mobile_nav .nav_options .close_btn {
	position: absolute;
	left: 0;
}

.mobile_nav .nav_options .close_btn:before {
	padding: 20px;
}

.mobile_nav .nav_options .user_options .profile {
    width: 32px;
    height: 32px;
    background-color: #fff ;
    border-radius: 50%;
}

.mobile_nav .nav_options .user_options {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.mobile_nav .nav_options .user_options .user_info {
	position: relative;
	font-weight: bold;
}

.mobile_nav .nav_options .user_options .user_info:before {
	left: -20px;
}

/* End of file nav_metzer_css.php */

.search_bar {
    position: relative;
    width: 100%;
	max-width: 900px;
}

.search_bar input {
    border: none;
    background: transparent;
    width: 100%;
    height: 37px;
    border-radius: 7px;
    font-size: 1.2142rem;
    padding: 5px 20px 5px 50px;
    border: var(--border-thick);
}

.search_bar input:focus {
    outline: none;
}

.search_bar .search_icon {
    background: var(--search_icon, var(--site-primary));
    color: var(--btn-text);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    height: 36px;
    width: 35px;
    border-radius: 7px;
    top: 0;
	cursor:pointer;
}

.search_bar .search_icon img {
    height: 20px;
}

.search_bar .search_results_wrapper {
    position: absolute;
    background-color: #fff;
    padding: 30px 5% 15px;
    width: 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: var(--shadow);
    overflow-y: auto;
	max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition), visibility 0s var(--transition), max-height var(--transition);
}

.search_bar.open .search_results_wrapper {
	visibility: visible;
    max-height: 60vh;
    opacity: 1;
    transition: opacity 0.2s linear, max-height var(--transition);
}

.search_bar .search_results_wrapper .search_results_section {
	display: none;
}

.search_bar .search_results_wrapper .search_results_inner {
	margin: 0;
	padding: 0;
}

.search_bar .search_results_wrapper .search_results_inner li.template {
	display: none;
}

.search_bar .search_results_wrapper .search_results_inner li {
	list-style: none;
    cursor: pointer;
}

.search_bar .search_results_wrapper .search_results_inner > li a,
.search_bar .search_results_wrapper .search_results_inner_cat > li a {
    width: 100%;
    height: 20%;
    padding: 7px 0px;
    display: block;
    white-space: nowrap;
}

.search_bar .search_results_wrapper .search_results_inner li a {
	display: flex;
}

.search_bar .search_results_wrapper .search_results_inner a .search_li_txt {
	display: flex;
    flex-direction: column;
	width: 85%;
	white-space: pre-wrap;
    color: var(--text-primary);
}

.search_bar .search_results_wrapper .search_results_inner a .search_li_txt .title {
	font-size: 1.14285rem;
	font-weight: bold;
}

.search_bar .search_results_wrapper .search_li_img,
.search_bar .search_results_wrapper .search_li_txt {
    display: inline-block;
    vertical-align: middle;
}

.search_bar .search_results_wrapper .search_li_img {
    width: 40px;
    height: 40px;
}

.search_bar .search_results_wrapper .search_li_img img {
    max-width: 100%;
    max-height: 100%;
    padding-left: 6px;
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.search_bar {
		margin-left: 40px;
		width: 50%;
	}
}

@media only screen and (min-width: 1150px) {
	.search_bar {
		margin-left: 40px;
		width: 40%;
	}
}

/* End of file search_metzer_css.php */
.cart_container {
	position: relative;
}

.cart_container.open .cart_wrapper {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
    pointer-events: auto;
    height: calc(100vh - 300px);
    overflow-y: auto;
}

.cart_container .cart_wrapper {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 15;
	background-color: var(--light-gray);
    pointer-events: none;
    visibility: hidden;
	opacity: 0;
    transition: opacity var(--transition), visibility 0s var(--transition);
    padding: 10px 5%;
    min-height: 25vh;
}

#cart_preview {
    position: fixed;
    left: 20px;
    top: 200px;
    background: #fff;
    padding: 10px 15px;
    text-align: right;
    color: var(--text-primary);
    box-shadow: 5px 6px 10px rgba(0, 0, 0, .15);
    max-width: 90vw;
    width: 390px;
    z-index: 15;
    opacity: 0 !important;
}

.cart_item.template {
    display: none;
}

.cart_wrapper .title {
	font-size: 2.1428rem;
	font-weight: 700;
}

.cart_wrapper .title span {
	font-size: 1.1rem;
}

#cart_preview .cart_items .cart_item .item_data_wrapper .cart_item_img {
	text-align: center;
}

#cart_preview .cart_items .cart_item .item_data_wrapper .cart_item_img img {
	width: 50%;
	max-height: 170px;
}

#cart_preview .cart_item .item_data_wrapper .cart_item_text .item_price > *,
.cart_container .product_total_pay .item_price > * {
	color: var(--site-primary);
	font-weight: bold;
    font-size: 1.2142rem;
}

.cart_item .item_data_wrapper .cart_item_text .item_price .item_price_money,
.cart_item .item_data_wrapper .cart_item_text .item_price .item_price_points,
.cart_container .product_total_pay .item_price .item_price_points,
.cart_container .product_total_pay .item_price .item_price_money {
	font-size: 1.7857rem;
}

#cart_preview .cart_items .cart_item .item_data_wrapper .cart_item_text .product_amount,
#cart_preview .product_total_pay .item_price,
#cart_preview .product_total_pay div:not(.butt) {
	display: none;
}

.cart_container .cart_wrapper .cart_items {
	margin: 30px 0;
    /*max-height: 35vh;*/
    overflow-y: auto;
}

.cart_container .cart_wrapper .cart_item {
    background-color: #fff;
    position: relative;
    height: auto;
    width: auto;
    padding: 15px;
    box-shadow: var(--shadow);
	border-radius: 7px;
	margin: 0 10px 20px;
}


.cart_container .cart_wrapper .cart_item .close_btn {
    position: absolute;
    background-color: transparent;
    color: var(--text-primary);
    z-index: 1;
    left: 10px;
    top: 10px;	
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 120px 1fr 30px;
    height: fit-content;
    gap: 10px;
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_img {
	width: auto; 
    text-align: center;
    /*grid-row: 1 / -1;*/
    /*grid-column: 1 / -1;*/
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*grid-row: 2;*/
    /*grid-column: 1 / -1;*/
    align-items: center;
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text .product_amount_wrapper input[type="number"] {
    width: 60px;
    border: none;
    background: none;
    font-size: 1.21428rem;
    text-align: center;
    color: var(--text-primary);
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text .product_amount_wrapper input[type="number"]:focus {
    outline: none;
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text .product_amount_wrapper {
    display: flex;
}

.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text .product_amount_wrapper .amount_add,
.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text .product_amount_wrapper .amount_sub {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light-blue);
	color: var(--site-primary);
	font-weight: bold;
	font-size: 1.6428rem;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
}

.cart_container .cart_item .cart_item_text .item_price > * {
	color: var(--text-primary);
	font-weight: bold;
    font-size: 1.2142rem;
}

.cart_container .product_total_pay .butt {
	margin-left: auto;
    margin-right: 0;
    width: 100%;
}

.cart_container .product_total_pay .item_price {
	margin-left: auto;
    margin-right: 0;
    width: 20%;
}

.cart_container .cart_wrapper .cart_item .cart_item_img img {
	width: 120px;
	height: 120px;
}

.product_select_wrapper {
    grid-column: 1;
    grid-row: 3;
}

.cart_container .cart_wrapper .cart_item .product_select_wrapper .feature_wrap {
	display: flex;
	flex-direction: column;
    align-items: center;
}

.cart_container .cart_wrapper .cart_item .product_select_wrapper .feature_wrap .feature_title {
	font-size: 89%;
}

.cart_container .cart_wrapper .cart_item .product_select_wrapper .feature_wrap .feature_value {
    font-weight: bold;
    border-bottom: 1px solid var(--text-primary);
	padding: 10px 0 5px;
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	#cart_preview {
		opacity: unset !important;
	}
	
	.cart_container .cart_wrapper .cart_items {
	    max-height: 35vh;
	}

	.cart_container .cart_wrapper {
	    padding: 40px 10%;
	}

	.cart_container .cart_wrapper .cart_item {
	    background-color: #fff;
	    position: relative;
	    height: 160px;
	    width: 570px;
	    padding: 15px;
	    box-shadow: var(--shadow);
		border-radius: 7px;
		margin: 0 0 20px;
	}

	.cart_container .cart_wrapper .cart_item .item_data_wrapper {
	    position: relative;
	    display: grid;
	    grid-template-columns: 150px 1fr 1fr;
	    grid-template-rows: 1fr;
	    height: 100%;
	    gap: unset;
	}
	
	.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_img {
	    grid-row: 1 / -1;
	    width: fit-content;
	}
	
	.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    grid-row: 1;
	    grid-column: 2;
	    align-items: flex-start;
	}
	
	.cart_container .product_total_pay .butt {
		margin-left: auto;
	    margin-right: 0;
	    width: 20%;
	}
	
	.cart_container .cart_wrapper .cart_item .product_select_wrapper {
		grid-column: 3;
	    grid-row: 1;
	}
	
	.cart_container .cart_wrapper .cart_item .product_select_wrapper .feature_wrap {
	    align-items: unset;
	}
}

@media only screen and (min-width: 1151px) {
	#cart_preview {
		opacity: unset !important;
	}
	
	.cart_container .cart_wrapper .cart_items {
	    max-height: 35vh;
	}

	.cart_container .cart_wrapper {
	    padding: 40px 10%;
	}
	
	.cart_container .cart_wrapper .cart_item {
	    background-color: #fff;
	    position: relative;
	    height: 160px;
	    width: 570px;
	    padding: 15px;
	    box-shadow: var(--shadow);
		border-radius: 7px;
		margin: 0 0 20px;
	}

	.cart_container .cart_wrapper .cart_item .item_data_wrapper {
	    position: relative;
	    display: grid;
		grid-template-columns: 150px 1fr 1fr;
	    grid-template-rows: 1fr;
	    height: 100%;
	    gap: unset;
	}
		
	.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_img {
	    grid-row: 1 / -1;
	    width: fit-content;
	}
	
	.cart_container .cart_wrapper .cart_item .item_data_wrapper .cart_item_text {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    grid-row: 1;
	    grid-column: 2;
	    align-items: flex-start;
	}
	
		
	.cart_container .product_total_pay .butt {
		margin-left: auto;
	    margin-right: 0;
	    width: 20%;
	}
	
	.cart_container .cart_wrapper .cart_item .product_select_wrapper {
		grid-column: 3;
	    grid-row: 1;
	}
	
	.cart_container .cart_wrapper .cart_item .product_select_wrapper .feature_wrap {
	    align-items: unset;
	}
}



.buy_spinner {
	width: 35px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid var(--btn-text);
	animation:
	l20-1 0.8s infinite linear alternate,
	l20-2 1.6s infinite linear;
	margin: 0 auto;
	display:block;
}
@keyframes l20-1{
	0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
	12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
	25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
	50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
	100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
	0%    {transform:scaleY(1)  rotate(0deg)}
	49.99%{transform:scaleY(1)  rotate(135deg)}
	50%   {transform:scaleY(-1) rotate(0deg)}
	100%  {transform:scaleY(-1) rotate(-135deg)}
}

/* End of file cart_css.php */
.contact_floating_link {
    position: fixed;
    bottom: 30%;
    left: 0;
    height: 60px;
    color: #00125A;
    background: #fff;
    background-image: none;
    padding: 5px 5px 5px 0;
    box-sizing: border-box;
    border-radius: 0 50px 50px 0;
    line-height: 55px;
    transition: transform var(--transition);
    z-index: 9999;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.4);
    transform: translateX(-65%);
}

.contact_floating_link:hover {
    transform: translateX(0%);
}

.contact_floating_link a {
	display: flex;
    align-items: center;
    height: 100%;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
    padding-right: 7px;
    gap: 15px;
}

.contact_floating_link a img {
    height: 80%;
    display: inline-block;
    line-height: inherit;
    vertical-align: inherit;
}

.contact_floating_link a span {
    font-size: 18px;
    font-weight: 700;
    line-height: inherit;
    color: #00125A;
	margin-left: 10px;
}


/* End of file contact_floating_link_css.php */
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

[dir="ltr"] {
    text-align: left;
    direction: ltr;
}

.login-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 20;
}

.login-popup .close_btn {
    position: absolute;
    left: 3%;
    top: 4%;
}

.login-popup.show {
	display: flex;
	flex-direction: column;
}

.login-popup .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
	background-color: var(--login_bg_color,#fff);
    width: calc(100vw - 10%);
    min-height: 45vh;
	padding-top: 20px;
	border-radius: 7px;
}

.login-popup .content .login-popup-header img {
	width: 100%;
	height: 100%;
    border-radius: 7px 7px 0 0;
}

.login-popup .content .login-popup-header {
	text-align: center;
	height: auto;
	max-height: 300px;
}

.login-popup .content .login-popup-header h2 {
	margin-bottom: 0;
}

.login-popup .hide {
	display: none;
}

.login-popup .navbar {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: row-reverse;
	width: 90%;
	margin: 0 auto;
    border-bottom: 1px solid var(--text-primary);
}

.login-popup .navbar div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30vw);
    padding: 10px 0;
    cursor: pointer;
    font-size: 1.21428rem;
    margin-bottom: -3px !important;
    font-weight: bold;
    color: var(--login_text_color,var(--gray));
}

.login-popup div.selected {
	border-bottom: 6px solid var(--login_text_color,var(--text-primary));
	color: var(--login_text_color,var(--text-primary));
}

.login-popup .body-data {
    display: flex;
    align-items: center;
    height: 100%;
	padding: 30px 5vw 24px;
}

.login-popup .body-data #loginForm {
	width: 100%;
	direction: ltr;
	scrollbar-color: var(--site-primary) var(--light-blue);
	text-align: center;
}

.login-popup .divider {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 3px 0 20px;
}

.login-popup .divider .line {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: black;
	width: 100%;
	height: 1px;
}

.login-popup .divider .word {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	width: 50px;
	background: white;
	z-index: 2;
}

.login-popup .body-data .social-login {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login-popup .body-data .social-login a {
	padding: 10px;
}

.login-popup .registration-wrapper {
	display: none;
}

.login-popup .body-data.registration .registration-wrapper {
	display: block;
}

.login-popup .input_wrapper {
	position: relative;
	margin-bottom: 30px;
	color: #6f7584;
	width: 100% !important;
}

.input_wrapper.animated.js-animated-input input {
    color: transparent;
}

.input_wrapper.animated.js-animated-input.animate input {
    color: var(--login_text_color,var(--text-primary));
}

.login-popup .input_wrapper .input, .login-popup .input_wrapper select {
	border: unset;
	width: 100%;
    border: 1px solid var(--login_text_color,var(--btn-color-dark));
    border-radius: 7px;
    height: 40px;
	padding: 0 10px;
}
.login-popup .input_wrapper input[type=date] {
	text-align: right;
	min-width: 100%;
	-webkit-appearance: none;
}

.login-popup .input_wrapper input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	left: 0; /* Ensures the calendar still shows up */
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.login-popup .input_wrapper .placeholder {
	position: absolute;
	right: 10px;
	bottom: 10px;
	transition: bottom 200ms ease-in-out;
	pointer-events: none;
}

.login-popup .input_wrapper.animate .placeholder {
	bottom: 100%;
	color: var(--login_text_color,var(--text-primary));
}

.login-popup .no-user {
	display: flex;
	justify-content: center;
	align-items: center;

}

.login-popup .body-data.registration .bottom-line,
.login-popup .body-data.registration .no-user {
	display: none;
}

.login-popup .no-user > span{
   font-weight: bold;
}

.login-popup .no-user > span.clickable {
	color: var(--login_text_color,var(--text-primary));
	text-decoration: underline;
	margin-right: 3px;
	cursor: pointer;
}

.login-popup .submit-btn,
.login-popup .change-password .email-btn{
	width: 100%;
	height: 45px;
	border-radius: 3px;
	background: var(--login_buttons_bg_color,var(--btn-color-dark));
	color: white;
	font-size: 16px;
	border: unset;
	margin-bottom: 10px;
	cursor: pointer;
}

.login-popup .submit-btn {
	margin-top: 20px;
}

.login-popup .bottom-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.login-popup .forget-password {
	color: #319bf5;
	text-decoration: underline;
	cursor: pointer;
}

.login-popup .change-password .cancel-span {
	display: block;
	text-align: center;
	color: #319bf5;
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
}

.login-popup .body-data.password .social-wrapper,
.login-popup .body-data.password .divider,
.login-popup .body-data.password .regular-login {
	display: none;
}

.login-popup .change-password {
	display: none;
	padding-top: 25px;
}

.login-popup .body-data.password .change-password {
	display: block;
}

.login-popup .change-password .msg {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	margin-bottom: 50px;
}

.login-popup .change-password .input_wrapper .err-msg {
	position: absolute;
	top: 100%;
	right: 0;
	font-size: 12px;
	color: red;
	display: none;
}

.input_wrapper label.error, .terms_wrapper label.error {
	position: absolute;
	color: red;
	right: 0;
	top: 100%;
	font-size: 12px;
}
label.terms_wrapper{
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.login-popup .change-password .input_wrapper.err .err-msg {
	display: block;
}

.login-popup .social-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.login-popup .cb-wrapper {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.login-popup .cb-wrapper >img {
	position: relative;
	width: 15px;
	margin-left: 5px;
	top: 4px;
}

.login-popup .social-link {
	position: relative;
	display: block;
	margin-bottom: 13px;
	cursor: pointer;
}

.login-popup .social-link > img {
	width: 100%;
}

.login-popup .social-link .social-name {
	position: absolute;
	display: block;
	width: 160px;
	font-size: 16px;
	text-align: center;
	color: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.login-popup .cb-wrapper.err {
	color: red;
}

.login-popup .cb-wrapper .label .clickable,
.purchace_section .clickable {
	color: #319bf5;
	text-decoration: underline;
}

.extra-layout {
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 11;
}

.extra-layout .content {
	width: 475px;
	padding: 20px;
}

.extra-layout.mail-verification .title-wrapper {
	display: none;
}

.extra-layout .content .btn-submit {
	display: block;
	background: var(--login_buttons_bg_color,var(--btn-color-dark));;
	color: white;
	border: unset;
	border-radius: 3px;
	font-size: 18px;
	width: 150px;
	height: 40px;
	margin: 0 auto;
}

.extra-layout .content .content-data .msg {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.verification {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	border: solid 2px var(--login_buttons_bg_color,var(--btn-color-dark));
	border-radius: 20px;
	/*background-color: var(--light-blue);*/
	padding: 10px;
}

.verification div > b {
	font-weight: bold;
}

.js-login-code {
	background: var(--login_buttons_bg_color,var(--site-secondary));
    color: var(--login_buttons_text_color,var(--text-white));
    border-radius: 5px;
    border: none;
    font-size: 16px;
    padding: 7px 15px;
    cursor:pointer;
}
.resend-btn {
    background: var(--login_buttons_bg_color,var(--site-secondary));
    color: var(--login_buttons_text_color,var(--text-white));
    border-radius: 5px;
    border: none;
    font-size: 1.1428rem;
    padding: 8px 30px;
    margin-top: 10px;
}
.resend-btn:disabled {
	background-color: lightgrey;
    color: var(--login_buttons_text_color,var(--text-primary));
}
.send-methods {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.auth-success-message {
	color: var(--login_text_color,var(--site_primary));
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.auth-fail-message {
	color: red;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.authCode-input-container {
	display: flex;
	justify-content: space-between;
	direction: ltr;
}

.authCode-input-container input {
    width: 30px;
    padding: 7px;
    margin: 5px;
    text-align: center;
    font-size: 1.21428rem;
    border: 2px solid var(--site-secondary);
    border-radius: 7px;
    color: var(--login_text_color, var(--text-primary));
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.login-popup .navbar div {
        width: calc(90% - 60%);
    }
    
    .login-popup .content {
	    width: calc(100vw - 50%);
	}

	.login-popup .body-data {
	    padding: 30px 10vw 24px;
	}
}

@media only screen and (min-width: 1151px) {
	.login-popup .navbar div {
        width: calc(90% - 60%);
    }
    
    .login-popup .content {
	    width: calc(100vw - 50%);
	}
	
	.login-popup .body-data {
	    padding: 30px 10vw 24px;
	}
}

@media only screen and (max-height: 1200px) {
	.login-popup .body-data #loginForm {
		max-height: calc(100vh - 40vh); 
		overflow-y: auto;
		padding: 0 25px;
	}
}

@media only screen and (max-height: 900px) {
	.login-popup .body-data #loginForm {
		max-height: calc(100vh - 50vh); 
		overflow-y: auto;
		padding: 0 25px;
	}
	
	.login-popup .body-data.registration .registration-wrapper {
		margin-top: 15px;
	}
}


/* End of file login_metzer_css.php */
.verification {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	border: solid 2px var(--btn-primary);
	border-radius: 20px;
	/*background-color: var(--light-blue);*/
	padding: 10px;
}

.verification div > b {
	font-weight: bold;
}

.js-login-code {
	background: var(--site-secondary);
    color: var(--text-white);
    border-radius: 5px;
    border: none;
    font-size: 16px;
    padding: 7px 15px;
    cursor:pointer;
    text-align: center;
}
.resend-btn {
    background: var(--btn-color-dark);
    color: var(--text-white);
    border-radius: 5px;
    border: none;
    font-size: 1.1428rem;
    padding: 8px 30px;
    margin-top: 10px;
}
.resend-btn:disabled {
	background-color: lightgrey;
    color: var(--text-primary);
}
.send-methods {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.login-send-methods {
	display: flex;
    flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.auth-success-message {
	color: var(--site_primary);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.auth-fail-message {
	color: red;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
    direction: ltr;
}

.authCode-input-container {
	display: flex;
	justify-content: space-between;
	direction: ltr;
}

.authCode-input-container input {
    width: 30px;
    padding: 7px;
    margin: 5px;
    text-align: center;
    font-size: 1.21428rem;
    border: 2px solid var(--site-secondary);
    border-radius: 7px;
    color: var(--text-primary);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.authCode-input-container input:focus {
    border-color: var(--focus-color, #007BFF);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


.authCode-input-container input.simulated-focus {
    border-color: var(--focus-color, #007BFF);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* End of file login_auth_css.php */
.skeleton-box {
    background: #e0e0e0;
    border-radius: 4px;
	animation: mock-loading 1s linear infinite alternate;
}

.loading-spinner {
    justify-content: center;
}

.contact_us_container #contact_us {
	padding: 20px 0;
	margin-top: 20px;
	width:auto;
}

.contact_us_container #contact_us span#load_more_orders {
	display: block;
	text-align: center;
	color: blue;
	cursor: pointer;
	margin: 10px 0 10px;
}

.contact_us_container #contact_us span#load_more_orders:hover {
	text-decoration: underline;
}

.contact_us_container #contact_us .types_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.contact_us_container #contact_us .types_wrap[data-level='0'] .invoice_link {
	display: none;
}

.contact_us_container #contact_us .types_wrap .invoice_link {
    order: -1;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.contact_us_container #contact_us .types_wrap span.type_btn,
#contact_us .load_orders {
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
}

#contact_us .load_orders {
    display: block;
    text-align: center;
    margin: 0 40%;
}

.contact_us_container #contact_us .types_wrap span.type_btn.active {
    background-color: var(--btn-color-dark);
	color: var(--text-white);
}

.contact_us_container .types_wrap .list_style {
    width: 90%;
    border-color: #acb4dc;
    border-radius: 3px;
    margin: 1px auto;
    display: block;
    padding: 10px;
    position: relative;
}

.contact_us_container #contact_us .types_wrap span.type_btn.list_style span.change_type {
    position: absolute;
    left: 10px;
    color: #fff;
}

.contact_us_container #contact_us .hidden {
	display: none;
}

.contact_us_container #contact_us #form_wrap {
	max-width: 380px;
	margin: 20px auto;
}

.contact_us_container #contact_us #form_wrap label {
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0;
}

.contact_us_container #contact_us #form_wrap span {
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    line-height: 1;
    right: 6px;
    font-weight: bold;
    font-size: 1rem;
    max-width: 110px;
    color: var(--text-primary);
    height: fit-content;
}

.contact_us_container #contact_us #form_wrap label input,
.contact_us_container #contact_us #form_wrap label select,
.contact_us_container #contact_us #form_wrap label textarea {
	width: 100%;
	max-width: 380px;
	padding: 5px 117px 5px 2px;
	box-sizing: border-box;
	font-size: 16px;
}

.contact_us_container #contact_us #form_wrap label textarea {
	height: 150px;
}

.contact_us_container #contact_us #form_wrap #btns_wrap .bump_submit {
	width: 100%;
	display: inline-block;
	font-size: 13px;
	box-sizing: border-box;
	min-width: 180px;
	margin: auto;
	margin-bottom: 9px;
	/* float: right; */
}

.contact_us_container #contact_us #form_wrap #btns_wrap .bump_submit {
    position: relative;
    line-height: 34px;
    border-radius: 27.5px;
    background: var(--btn-color-dark);
    color: var(--text-white);
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 1.21428rem;
}

.contact_us_container #order_select .order_wrap.template {
	display: none !important;
}

.contact_us_container #order_select .order_wrap {
	display: grid;
    grid-template-columns: auto auto 0.4fr 0.7fr 45px 1fr;
    grid-template-rows: 50px 30px;
    align-items: center;
    background: #fff;
    margin: 2px auto 20px;
    padding: 6px 10px;
    box-shadow: var(--item-cube-shadow);
    cursor: pointer;
    border-radius: 8px;
}

.contact_us_container #order_select .order_wrap .actions .invoice_link {
	display: none;
}

.contact_us_container #order_select .order_wrap > * {
	grid-row: 1 / -1;
}

.contact_us_container #order_select .order_wrap .order_section.item_wrap {
	max-height: 80px;
	overflow: hidden;
}

.contact_us_container #order_select .order_wrap .order_section.status_text {
	grid-row: 1;
}

.contact_us_container #order_select .order_wrap .order_section.order_date {
	grid-row: 2;
}

.contact_us_container #order_select .order_section.order_num a {
	color: var(--text-primary);
    text-decoration: underline;
    text-decoration-color: var(--text-price);
	text-align: center;
}

.contact_us_container #order_select .order_section.order_num a span {
    color: var(--btn-color-light);
    font-weight: bold;
}

.contact_us_container #order_select.checkbox_wrap {
    text-align: center;
    width: 5%;
}

.contact_us_container #order_select ._after {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    font-style: normal;
}

.contact_us_container #order_select ._after.checkbox:after {
	font-family: var(--font-awesome);
    content: '\f0c8';
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
}

.contact_us_container #order_select ._after.checked:after {
    content: '\f14a';
}

.contact_us_container #order_select .order_wrap .order_section {
    text-align: center;
}

.contact_us_container #order_select .order_wrap .order_num {
    display: flex;
    flex-direction: column;
    color: inherit;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 8px 8px;
}

.contact_us_container #order_select .order_wrap .order_num .order-id {
    font-weight: bold;
    font-size: 1.17em;
}

.contact_us_container #order_select .order_wrap .order_section.item_wrap {
    text-align: start;
}

.contact_us_container #order_select .order_wrap .order_section.img_wrap {
    width: 11%;
}

.contact_us_container #order_select .order_wrap .order_section.img_wrap img {
    max-height: 80px;
    margin: 0 15px;
}


.contact_us_container #order_select .order_wrap span.supplier_name {
    display: block;
    font-size: 85%;
    color: #999;
}

@media only screen and (max-width: 450px) {
	#contact_us .load_orders{
		width: 140px;
	    margin: 0 auto;
	}
	
	.contact_us_container #order_select .order_wrap {
		grid-template-columns: auto 95px 0.2fr 0fr 0px 1fr;
	}
	
	.contact_us_container #order_select .order_wrap .order_num {
		font-size: 14px;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.contact_us_container #order_select .order_wrap {
	    grid-template-columns: 7% 1fr 1fr repeat(3, 1fr);
        grid-template-rows: 50px 30px;
	}
	
	
	.contact_us_container #order_select .order_wrap .actions .invoice_link {
		display: block;
	}
}

@media only screen and (min-width: 1151px) {
	.contact_us_container #order_select .order_wrap {
	    grid-template-columns: 7% 1fr 0.5fr 1fr repeat(3, 1fr);
        grid-template-rows: auto;
	}
	
	.contact_us_container #order_select .order_wrap .order_section.order_date {
		grid-row: unset;
	}
	
	.contact_us_container #order_select .order_wrap .actions .invoice_link {
		display: block;
	}
}



@keyframes mock-loading {
  0% {
    background-color: #C2CFD6FF;
  }
  100% {
    background-color: #F0F3F5FF;
  }
}
/* End of file contact_us_zendesk_css.php */
.loader {
  height: 15px;
  aspect-ratio: 5;
  -webkit-mask: linear-gradient(90deg,#0000 ,var(--site-primary) 20% 80%,#0000);
  background: radial-gradient(closest-side at 37.5% 50%,var(--site-primary) 94%,#0000) 0/calc(80%/3) 100%;
  animation: l48 .75s infinite linear;
}
@keyframes l48 {
  100% {background-position: 36.36%}
}
/* End of file loading_spinner_css.php */
footer.footer {
    background-color: var(--footer_bg_color,var(--site-secondary));
    position: relative;
    color: var(--footer_txt_color,var(--text-white));
    width: 100%;
}

footer.footer .cube_divider_container {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

/*footer.footer .cube_divider_container:last-child {*/
/*	order: unset !important;*/
/*}*/

footer.footer .cube_divider_container span {
    height: 6px;
    width: 6px;
    background: white;
    transform: rotate(45deg);
    display: none;
}

footer.footer > * {
    color: inherit;
}

footer.footer .footer_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 90%;
    margin: 0 auto;
}

footer.footer .footer_top {
    height: 80px;
    margin-top: 40px;
}

footer.footer .footer_nav_links {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

footer.footer .footer_nav_links .category .links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 26px;
}

footer.footer .footer_nav_links .link {
    min-width: 100px;
    max-width: 200px;
    font-weight: bold;
    text-align: center;
}

footer.footer .footer_nav_links a {
    color: inherit;
    font-weight: inherit;
    text-decoration: indianred;
}

footer.footer .footer_message {
    margin-bottom: 23px;
}

footer .mobile_footer {
    display: block;
    position: fixed;
	height: 75px;
    bottom: 0;
    left: 0;
    width: 100%;
	background-color: var(--footer_mobile_bg_color, #fff);
	color: var(--footer_txt_color,#757575);
    z-index: 5;
    box-shadow: 0 -2px 10px 0 #0000001a;
    transition: bottom var(--transition);
}

footer.footer .mobile_footer .mobile_footer_container {
	height: 100%;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}

footer.footer .mobile_footer_container .img_container img {
    height: 24px;
    max-height: 30px;
}

footer.footer .mobile_footer .mobile_footer_container .mobile_link {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 10px 0;
    color: inherit;
    font-weight: 700;
    justify-content: space-between;
}

footer.footer .mobile_footer .mobile_footer_container .mobile_link span {
    font-weight: 700;
    color: var(--footer_mobile_text_color, #757575);
}

footer.footer .mobile_footer .mobile_footer_container .mobile_link.active span {
    font-weight: 700;
    color: var(--footer_mobile_text_color_active, #757575);
}

footer.footer .mobile_footer .mobile_footer_container .mobile_link .img_container {
    position: relative;
}

footer.footer .mobile_footer .mobile_footer_container .mobile_link .img_container span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: var(--site-primary);
    color: var(--footer_txt_color,var(--text-white));
    border-radius: 50%;
    font-weight: bold;
    right: -18px;
    top: -9px;
    font-size: 0.9285rem;
}

footer.footer .footer_nav_links {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

footer.footer .footer_nav_links .cube_divider_container {
	display: none;
}

footer.footer .footer_nav_links .category {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer.footer .footer_nav_links .category_title {
	font-size: 1.355em;
    border-bottom: 1px solid #0077CC;
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: bold;
    transition: color .1s ease-in-out;
}

footer.footer .footer_nav_links .category .links {
	margin: unset;
	width: 100%;
	align-items: center;
}

footer .categories-container .category .links.active {
    opacity: 1;
    max-height: 1000px;
    pointer-events: auto;
}

footer.footer .footer_nav_links .category .links {
    opacity: 0;
    max-height: 0;
    pointer-events: none;
    transition: max-height 0.3s ease-in-out, opacity .1s ease-in-out;
}

footer.footer .footer_nav_links .category .links.active {
    opacity: 1;
    max-height: 1000px;
    pointer-events: auto;
    margin: 10px 0 20px;
}

footer.footer .footer_nav_links .category .drop_down_arrow:after {
    font-family: 'FontAwesome';
    content: '\f104';
    position: absolute;
    left: 0;
    transform: rotate(270deg);
    transition: transform 0.2s ease-in-out;
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
	footer.footer .footer_nav_links .category .drop_down_arrow:after {
		display: none;
	}

	footer.footer .footer_nav_links .category .links {
	    opacity: unset;
	    max-height: unset;
	    pointer-events: unset;
	    transition: max-height 0.3s ease-in-out, opacity .1s ease-in-out;
	}

	footer.footer .footer_nav_links .category_title {
		font-size: 1.25em;
	    border-bottom: unset;
	    position: relative;
	    cursor: pointer;
	    width: 100%;
	    text-align: center;
	    font-weight: bold;
	    transition: color .1s ease-in-out;
	}

	footer.footer .footer_nav_links .category .links {
		margin-top: 26px;
	    align-items: unset;
	}

	footer.footer .footer_nav_links .category {
	    display: unset;
		width: unset;
	}
	
	footer.footer .footer_nav_links {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-bottom: unset;
	}

	footer.footer .footer_nav_links .cube_divider_container {
		display: flex;
	}

	footer.footer .footer_container {
		display: flex;
	}

	footer.footer .mobile_footer {
	    display: none;
	}
}

@media only screen and (min-width: 1151px) {
	footer.footer .footer_nav_links .category .drop_down_arrow:after {
		display: none;
	}
	
	footer.footer .footer_nav_links .category .links {
	    opacity: unset;
	    max-height: unset;
	    pointer-events: unset;
	    transition: max-height 0.3s ease-in-out, opacity .1s ease-in-out;
	}


	footer.footer .footer_nav_links .category_title {
		font-size: 1.25em;
	    border-bottom: unset;
	    position: relative;
	    cursor: pointer;
	    width: 100%;
	    text-align: center;
	    font-weight: bold;
	    transition: color .1s ease-in-out;
	}
	
	footer.footer .footer_nav_links .category .links {
		margin-top: 26px;
	    align-items: unset;
	}
	
	footer.footer .footer_nav_links .category {
	    display: unset;
		width: unset;
	}
	
	footer.footer .footer_nav_links {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-bottom: unset;
	}

	footer.footer .footer_nav_links .cube_divider_container {
		display: flex;
	}
	
	footer.footer .footer_container {
		display: flex;
	}

	footer.footer .mobile_footer {
	    display: none;
	}
}

/* End of file footer_wallashops_css.php */