@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap');

:root {
	--main_font_family:Nunito, sans-serif;
	--main_primary_color:#d50911;
	--main_secondary_color:#5a4c40;
	--main_black_color:#060606;
	--main_black_color_2:#373736;
	--main_light_gray_color:#eeeeee;
	--main_border_color:#e0e0e0;
	--content_h1_size:1.55rem;
	--content_h2_size:1.45rem;
	--content_h3_size:1.25rem;
	--content_h4_size:1.15rem;
	--content_h5_size:1.1rem;
	--content_h6_size:1rem;
	--content_text_size:1rem
}
body {
	font-family: var(--main_font_family);
	font-size: var(--content_text_size);
	margin: 0;
	padding: 0;
	color: var(--main_black_color);
	background:#fff;
}
.termek_onmagaban_nem_rendelheto{background-color: var(--main_primary_color);}
.slider-01{max-width:100%;overflow:hidden;margin:0 auto}.swiper-container{width:100%;max-width:100%;overflow:hidden}.swiper-slide img{width:100%;height:auto}@media (max-width: 768px){.swiper-button-next{color:var(--main_primary_color);visibility:hidden}.swiper-button-prev{color:var(--main_primary_color);visibility:hidden}}
.slide-content{position:absolute;bottom:10%;left:5%;background:rgb(6, 6, 6, 0.75);padding:20px;max-width:600px}.swiper_slide_title{font-size:2.025rem;font-weight:500}.swiper_slide_text{font-size:1.125rem}
.swiper-scrollbar{ display:none; }
.center_menu{ background:var(--main_light_gray_color);}
.sidebar_kategoria_ikon{ width:20px;}

.termek_keszlet_text {
    background: #aadea6;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem;
}


/* ===============================
   GRID LAYOUT
================================ */

.banner-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
}
.banner-lg,
.banner-sm,
.banner-md {
    height: 200px;
}

@media (min-width: 768px) {
    .banner-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-lg {
        grid-column: span 2;
        height: 420px;
    }
}

@media (min-width: 992px) {
    .banner-grid {
        grid-template-columns: repeat(12, 1fr);
    }

    .banner-lg {
        grid-column: span 7;
        grid-row: span 2;
        height: 420px;
    }

    .banner-sm {
        grid-column: span 5;
        height: 198px;
    }

    .banner-md {
        grid-column: span 4;
        height: 160px;
    }
}






/* ===============================
   BANNER BASE
================================ */

.banner {
    position: relative;
    overflow: hidden;
    border-radius: .325rem;
}

.banner-grid a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.banner .bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .4s ease;
	
}

.banner:hover .bg {
    transform: scale(1.05);
}

.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.65),
        rgba(0,0,0,.2)
    );
}
.banner-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.banner .bg {
    z-index: 0;
}

.banner .text {
    z-index: 2;
}


/* ===============================
   TEXT + CTA (KRITIKUS RÉSZ)
================================ */

.banner .text {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: -15px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform .35s ease;
}

/* CÍM */
.banner .text h3 {
    margin: 0;
	color:#fff;
    line-height: 1.2;
    font-size: 1.25rem;
	font-weight:700;
}

/* CTA – kivonva a layoutból */
.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 10px;
    padding: 10px 18px;

    font-size: 14px;
    font-weight: 600;

    color: #fff;
    border: 2px solid rgba(255,255,255,.85);
    border-radius: 4px;

    /* ALAPBÓL REJTETT */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(12px);
    pointer-events: none;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        transform .35s ease,
        background-color .25s ease,
        color .25s ease;
}
.cta-link{ color:#000 !important;}
/* Hover */

.banner:hover .cta-btn {
    max-height: 60px; /* CTA tényleges magasság */
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    background: #fff;
    color: #000;
}

/* A teljes szövegblokk mozog */
.banner .text {
    transition: transform .35s ease;
}

.banner:hover .text {
    transform: translateY(-32px); /* CTA magasság + spacing */
}

/* Arrow */
.cta-btn .arrow {
    transition: transform .25s ease;
}

.banner:hover .cta-btn .arrow {
    transform: translateX(4px);
}

/* ===============================
   MOBILE / TOUCH
================================ */

/*@media (hover: none) {
    .cta-btn {
        max-height: none;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

    .banner .text {
        transform: none;
    }
}*/











.main_kategory_inner{box-shadow: 0 0 20px rgba(43, 43, 43, 0.05); transition: all .5s}
.main_kategory_inner:hover{box-shadow: 0 0 20px rgba(43, 43, 43, 0.25);}

.subcat_title_link:hover{ text-decoration:none; }


.subcat_title{ font-size:1rem; }

.termek_atvetel_text_list {
    background: #aadea6;
    color: #000;
    font-size: .8rem;
    font-weight: 500;
    padding: .3rem;
    position: absolute;
    top: 20%;
    right: 15px;
}
.termek_atvetel_text {
    background: #aadea6;
    color: #000;
    font-weight: 500;
    padding: 1rem;
    position: absolute;
    top: 10px;
    right: 10px;
}

.partner_logo {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}

.partner_logo:hover {
  filter: grayscale(0%);
}
.pdf_title_link{ font-size:1rem; }
.product_list_inner{box-shadow: 0 0 20px rgba(43, 43, 43, 0.05); transition: all .5s}
.product_list_inner:hover{box-shadow: 0 0 20px rgba(43, 43, 43, 0.25); }

.page-link.active{ background:#e9ecef; }
.kosar_szallitas_info {
	border-bottom: 1px solid #ddd
}
.kosar_szallitas_info:last-child {
	border-bottom: none
}
.site_navigation {
	border-top: 1px solid var(--main_border_color)
}
.header_main_section {
	border-bottom: 1px solid var(--main_border_color)
}
.navbar-toggler-text {
	font-weight: 500;
	font-size: 1rem
}
.atveteli_mod_name {
	font-weight: 500
}
.mobile_header_ikon {
	font-size: 1.25rem
}
.breadcrumb-item a {
	font-weight: 500;
font-size:.8rem
}
.item_data {
	font-weight: 500;
font-size:.85rem
}
.item_data_2 {
	font-weight: 400;
font-size:.85rem
}
.fooldal_ikon_cim {
font-size:.9rem
}
.item_info {
	font-weight: 500;
	font-size:.85rem
}
.item_page_title {
	font-size: 1.35rem;
	font-weight: 600
}
.image_thumb {
	border: 1px solid var(--main_border_color)
}
.item_data_div {
	background: var(--main_light_gray_color)
}
.termekar1, .item_item_price_1, .item_page_price {
	font-weight: 500;
	font-size: 1.15rem
}
.egyedi_ar {
	font-weight: 500
}
.price_info {
	font-weight: 500;
font-size:.9rem
}
.fooldal_ikon {
	width: 30px;
	height: auto;
	transition: all .5s
}
.site_message {
	color: #fff;
	font-size: 16px;
	padding: 20px;
	letter-spacing: 1px
}
#close_site_message {
	margin-left: 10px;
	cursor: pointer
}


.fooldal_ikon_text {
font-size:.925rem
}
.payment_desc {
	font-weight: 400
}
.main_category {
	border: 1px solid var(--main_border_color);
	font-weight: 500;
	transition: all .5s
}
.main_category:hover {
	background: var(--main_light_gray_color);
	color: var(--main_black_color);
	border-color: var(--main_border_color)
}
.header_full_width {
	background: var(--main_black_color_2)
}
.header_full_width_link {
	color: #f0f0f0;
font-size:.85rem;
	font-weight: 500
}
.nav_separator_2 {
	color: #f9f9f9
}
.bgimage_title {
	font-weight: 500;
	font-size: 2.45rem
}
.bgimage_text {
	font-weight: 400;
	font-size: 1.25rem
}
.main_item_rendelheto {
	color: #3fa417;
font-size:.9rem;
	font-weight: 500
}
.text-black {
	color: var(--main_black_color)
}
.header_search {
	background: var(--main_light_gray_color);
	border: 1px solid #efefef;
	border-radius: 70px 70px 70px 70px / 80px 80px 80px 80px;
	outline: none;
padding:.5rem 1rem;
	font-weight: 500
}
.search_item {
	border-bottom: 1px solid var(--main_border_color)
}
.search_item:last-child {
	border-bottom: unset
}
.search_item_desc {
font-size:.9rem
}
.search_item:hover {
	cursor: pointer;
	background: #efefef
}
.form_title {
	font-weight: 500;
font-size:.9rem;
margin-bottom:.125rem
}
.search_data {
	border-bottom: 1px solid var(--main_border_color)
}
.fw500 {
	font-weight: 500
}
.fw600 {
	font-weight: 700
}
.cart_page_text {
	font-size: 1.125rem
}
.section_colored {
	background: var(--main_light_gray_color)
}



.list_ikons{ position:absolute; right:0; top:0; background:#fff; padding:1rem; }
.list_save_ikon{ color: #555; cursor:pointer;}





.main_item_title_to_link {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.35
}
.main_item_cikkszam {
font-size:.8rem
}
.main_item_kiszereles {
font-size:.8rem
}
.main_item_price_1 {
	font-weight: 700;
	font-size: 1rem
}
.main_item_price_info {
font-size:.9rem
}
.item_list_ikon_to_link {
	color: var(--main_primary_color);
}
.page_title {
	font-weight: 500;
	font-size: 1.55rem
}
.bx-wrapper .bx-controls-direction a {
	z-index: 1019
}
.site_logo {
	width: 230px
}
.radius {
border-radius:.325rem
}
.event_title_link {
	font-size: 1.035rem
}
.news_list_date {
font-size:.9rem
}
.event_desc {
font-size:.95rem
}
.news_list_to_link {
	text-decoration: underline
}
.nav-link-dropdown {
	transition: all .5s
}
.cart .cart-row {
	align-items: center;
	border-bottom: 1px solid #eee;
	display: flex;
	padding: 20px 0
}
.cart_img {
	width: 60%
}

.remove_from_cart, .update_cart {
	color: var(--main_black_color);
	font-size: 1.025rem
}
.cart .cart-row .cart-row--unit-price .price-text {
	color: var(--main_black_color);
	font-size: 1.025rem;
	font-weight: 600
}
.cart .cart-row .cart-row--subtotal .total-price-text {
	color: var(--main_black_color);
	font-size: 1.025rem;
	font-weight: 600;
	text-align: right
}
.content p {
	font-size: var(--content_text_size);
	font-weight: 400;
	line-height: 1.75rem
}
.content ul li {
	font-size: var(--content_text_size);
	font-weight: 400;
	line-height: 1.75rem;
margin-bottom:.45rem;
margin-top:.45rem;
	list-style-position: inside
}
.content h1 {
	font-size: var(--content_h1_size);
	font-weight: 700
}
.content h2 {
	font-size: var(--content_h2_size);
	font-weight: 700
}
.content h3 {
	font-size: var(--content_h3_size);
	font-weight: 700
}
.content h4 {
	font-size: var(--content_h4_size);
	font-weight: 700
}
.content h5 {
	font-size: var(--content_h5_size);
	font-weight: 700
}
.content h6 {
	font-size: var(--content_h6_size);
	font-weight: 700
}
.custom-button-header {
	color: #fff;
	background-color: var(--main_primary_color);
	font-size: 1rem;
	font-weight: 500;
	transition: all .5s;
	padding: 15px 25px;
	line-height: 30px
}
.custom-button-header-2 {
	color: var(--main_black_color);
	font-size: 1rem;
	font-weight: 500;
	transition: all .5s;
	padding: 15px 25px;
	line-height: 30px;
	border:none;
	background:transparent;
}
.custom-button-header-2:hover {
	cursor: pointer
}
.custom_button {
	color: var(--main_black_color);
	background-color: var(--main_primary_color);
	font-size: 1rem;
	font-weight: 700;
	transition: all .5s;
	padding: 20px 35px;
	line-height: 60px
}
.custom_button:hover {
	opacity: .75
}

.product_cart {
    overflow: hidden; 
}
.termek_adatlap_link {
	background-color: var(--main_primary_color);
	font-size: 1rem;
	font-weight: 500;
	transition: all .5s;
	padding: 10px;
	border: none;
}
.termek_adatlap_link:hover{ text-decoration:none; opacity: .75}
.product_cart .list_prices_div {
    transform: translateY(40px);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.product_cart:hover .list_prices_div {
    transform: translateY(0);
}
.product_cart .termek_adatlap_link {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.product_cart:hover .termek_adatlap_link {
    opacity: 1;
}





.button {
	color: #fff;
	background-color: var(--main_primary_color);
	font-size: 1rem;
	font-weight: 500;
	transition: all .5s;
	padding: 20px 35px;
	border: none
}
.button:hover {
	opacity: .85
}

.button_ajanlatkeres {
	color: var(--main_black_color);
	font-size: 1rem;
	font-weight: 500;
	transition: all .5s;
	padding: 20px 35px;
	border:1px solid var(--main_black_color);
}




.nav-link {
	color: var(--main_black_color);
	font-size: 1rem;
	font-weight: 500;
	position: relative
}
input::placeholder {
font-size:.85rem
}
.contact_page_title {
	font-size: 1.35rem;
	font-weight: 700
}
.module-head {
	position: relative;
	margin: 20px 0
}
.module-head-title, .module-head-title h1, .module-head-title h2 {
	color: var(--main_black_color);
	font-weight: 500;
	font-size: 1.425rem;
	display: inline-block
}
.module-head-title-other-color {
	color: var(--main_primary_color)
}
.owl-stage {
	display: flex
}
.owl-item {
	display: flex;
	height: auto!important
}
.owl-item > div {
	flex: 1;
	display: flex;
	flex-direction: column
}
.list_prices_div{ /*border-top:1px solid #ccc;*/ padding-top:1rem; margin-top:1rem; }
/*.module-head:after {
	content: "";
	display: block;
	background: var(--main_primary_color);
	width: 35px;
	height: 8px
}*/
.circle-icon {
	background: #000;
	padding: 12px;
	right: -1%;
	border-radius: 50%;
	color: #fff;
	font-size: 1em;
	border: none;
	line-height: 0
}
.header_message {
	background: #fb1a1a;
	padding: 1rem
}
#save:hover {
	text-decoration: underline;
	cursor: pointer
}
.footer {
	background: var(--main_black_color_2)
}
.footer_title {
	font-size: 1rem
}
.footer-social-icon ul li a {
	font-size: 1.85rem
}
.footer-social-icon ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.footer_link {
	color: #d5d5d5;
font-size:.9rem
}
.footer_tel {
	font-size: 1rem
}
.accordion_buttons {
	font-weight: 700;
	cursor: pointer;
	font-size: 1rem;
	color: var(--main_black_color)
}
div.panel_gyik {
	padding: 0 0 0 27px;
	background-color: #eff0f1;
	border-left: 5px solid var(--main_black_color);
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out;
	margin-top: 10px
}
.gyik_text {
	font-size: 15px;
	color: #222e60;
	padding: 10px 5px 10px 0
}
.order_step_title_div {
	font-size: 1.025rem;
	font-weight:700;
	color: var(--main_black_color);
}
.underline {
	text-decoration: underline
}
.make-me-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020
}
.dropdown_menu_icon {
font-size:.8rem
}
.order_page_cart {
	background: var(--main_light_gray_color)
}
.order_page_cart_title {
	font-size: 1.15rem;
	font-weight: 500
}
.cart_totalitem {
	display: block;
	font-weight: 500;
font-size:.9rem
}
.show_cart_items_name {
	font-weight: 500;
font-size:.9rem;
	line-height: 20px!important
}
.show_cart_items_quantity {
font-size:.9rem;
	display: block
}
.cart_ossz_row {
	border-bottom: 1px solid rgba(44,183,202,.1);
	padding: 8px 0;
	margin: 8px 0;
font-size:.9rem
}
.cart_ossz_row_vegosszeg {
	padding: 8px 0;
	margin: 8px 0;
	font-weight: 500;
	font-size: 1.0725rem
}
.show_cart_items_img {
	max-width: 70px;
	max-height: 70px
}
.bc-menu {
	position: absolute;
	z-index: 999;
	background: #fff;
	display: none;
	border: 1px solid #ccc;
	border-top: none;
	top: 141%;
	overflow: scroll;
	max-height: 50vh;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow-x: hidden;
	width: 100%
}
#kosar_szallitas_btn:hover {
	cursor: pointer
}
.autocomplete_link:hover {
	cursor: pointer
}
#filter:checked + .fa-chevron-right {
	transform: rotate(90deg)
}
.fa-chevron-right {
	transition: transform .2s linear
}
.select_szin {
	cursor: pointer
}
textarea.form-control-order-page {
	resize: none
}
.kedvenc_termek_cim {
	font-size: 1.25rem
}
.dropdown-menu {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)
}
.search__close {
	border-top: 1px solid #e5e5e6;
	border-bottom: 1px solid #e5e5e6
}
.fa-times-circle {
	cursor: pointer
}
.bsb-hero-1 {
	background-position: 50%;
	background-size: cover
}
.showButton {
	cursor: pointer;
}
.header_tel_link {
	cursor: pointer;
	background:var(--main_primary_color);
}
.rolunk_oldal_img{filter:grayscale(100%); transition: filter 0.4s ease;}
.rolunk_oldal_img:hover{filter:grayscale(0); }


@media (min-width: 1200px) {
.bsb-hero-1 {
	padding-bottom: 10rem;
	padding-top: 10rem
}
.elony:hover .fooldal_ikon {
	transform: scale(1.1)
}
.navbar-nav>li.nav-item>a:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
	width: 1px;
	background: var(--main_black_color)
}
}
.item_thumb, .hir_thumb {
	width: 70%
}
@media (max-width:991px) {
	.swiper_slide_title {font-size:1.025rem}.swiper_slide_text{font-size: 0.75rem}
	.bgimage_title {
		font-size: 1.65rem
	}
	.cart_attr {
	font-size:.8rem
	}
	.bsb-hero-1 {
		padding-bottom: 2rem;
		padding-top: 2rem
	}
	.hero_title {
		font-size: 1.45rem
	}
	.module-head-title {
		font-size: 1.25rem
	}
	.site_logo {
		width: 150px
	}
	.custom-button-header, .custom-button-header-2 {
	font-size:.75rem;
		padding: 15px
	}
	.item_page_title {
		font-size: 1.25rem
	}
	.item_page_price {
		font-size: 1rem
	}
	.main_category_title, .main_category_ikon, .cart_page_text, .cart_page_text_2, .cart .cart-row .item-title, .cart .cart-row .cart-row--unit-price .price-text, .cart .cart-row .cart-row--unit-price .total-price-text, .price-text-type, .item_page_desc {
	font-size:.8rem
	}
	.page_title {
		font-size: 1.25rem
	}
	.bc-menu {
		position: fixed;
		left: 0;
		width: 100%;
		top: 125px;
		height: 100vh;
		border: 0;
		max-height: none
	}
	.search_text {
	font-size:.75rem
	}
	.main_item_title_to_link, .main_item_price_1, .main_item_rendelheto, .szin_nev {
	font-size:.9rem
	}
	.event_title_link {
	font-size:.95rem
	}
	.navbar-toggler:focus {
		box-shadow: none
	}
	.banner>a {
		height: 250px
	}
	.banner .text h3 {
	font-size:.8rem
	}
	.dropdown-menu {
		border: none;
		box-shadow: none;
		background: var(--main_light_gray_color)
	}
	#showFoundItems {
		background-color: var(--main_primary_color);
		margin-bottom: 15rem
	}
	.banner>a {
		height: 280px
	}
	.item_thumb, .hir_thumb {
		width: 50%
	}
	.fooldal_ikon {
		width: 50px
	}
}
.cc-window {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease
}
.cc-window.cc-invisible {
	opacity: 0
}
.cc-animate.cc-revoke {
	-webkit-transition: transform 1s ease;
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
	-webkit-transform: translateY(-2em);
	transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
	-webkit-transform: translateY(2em);
	transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-top {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-revoke:hover {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.cc-grower {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 1s;
	transition: max-height 1s
}
.cc-revoke, .cc-window {
	position: fixed;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999
}
.cc-window.cc-static {
	position: static
}
.cc-window.cc-floating {
	padding: 2em;
	max-width: 24em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.cc-window.cc-banner {
	padding: 1em 1.8em;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
.cc-revoke {
	padding: .5em
}
.cc-revoke:hover {
	text-decoration: underline
}
.cc-header {
	font-size: 18px;
	font-weight: 700
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
	cursor: pointer
}
.cc-link {
	opacity: .8;
	display: inline-block;
	padding: .2em;
	text-decoration: underline
}
.cc-link:hover {
	opacity: 1
}
.cc-link:active, .cc-link:visited {
	color: initial
}
.cc-btn {
	display: block;
	padding: .4em .8em;
	font-size: .9em;
	font-weight: 700;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	white-space: nowrap
}
.cc-highlight .cc-btn:first-child {
	background-color: transparent;
	border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
	background-color: transparent;
	text-decoration: underline
}
.cc-close {
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.6em;
	opacity: .9;
	line-height: .75
}
.cc-close:focus, .cc-close:hover {
	opacity: 1
}
.cc-revoke.cc-top {
	top: 0;
	left: 3em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
	bottom: 0;
	left: 3em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em
}
.cc-revoke.cc-left {
	left: 3em;
	right: unset
}
.cc-revoke.cc-right {
	right: 3em;
	left: unset
}
.cc-top {
	top: 1em
}
.cc-left {
	left: 1em
}
.cc-right {
	right: 1em
}
.cc-bottom {
	bottom: 1em
}
.cc-floating>.cc-link {
	margin-bottom: 1em
}
.cc-floating .cc-message {
	display: block;
	margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}
.cc-window.cc-banner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.cc-banner.cc-top {
	left: 0;
	right: 0;
	top: 0
}
.cc-banner.cc-bottom {
	left: 0;
	right: 0;
	bottom: 0
}
.cc-banner .cc-message {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	margin-right: 1em
}
.cc-compliance {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between
}
.cc-floating .cc-compliance>.cc-btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.cc-btn+.cc-btn {
	margin-left: .5em
}
@media print {
.cc-revoke, .cc-window {
	display: none
}
}
@media screen and (max-width:900px) {
.cc-btn {
	white-space: normal
}
}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
.cc-window.cc-top {
	top: 0
}
.cc-window.cc-bottom {
	bottom: 0
}
.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
	left: 0;
	right: 0
}
.cc-window.cc-banner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.cc-window.cc-banner .cc-compliance {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.cc-window.cc-floating {
	max-width: none
}
.cc-window .cc-message {
	margin-bottom: 1em
}
.cc-window.cc-banner {
	-webkit-box-align: unset;
	-ms-flex-align: unset;
	align-items: unset
}
.cc-window.cc-banner .cc-message {
	margin-right: 0
}
}
.cc-floating.cc-theme-classic {
	padding: 1.2em;
	border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
	text-align: center;
	display: inline;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}
.cc-theme-classic .cc-btn {
	border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
	min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	display: inline-block
}
.cc-theme-edgeless.cc-window {
	padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
	margin: 2em;
	margin-bottom: 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
	margin: 0;
	padding: .8em 1.8em;
	height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
	margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
	margin-left: 0
}
#scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	padding: 10px;
	border: none;
	background-color: var(--main_primary_color);
	color: var(--main_black_color);
	cursor: pointer;
	z-index: 999
}
#main #faq .card {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid var(--main_black_color);
	border-radius: 0
}
#main #faq .card .card-header {
	border: 0;
	border-radius: 0;
	padding: 0
}
#main #faq .card .card-header .btn-header-link {
	color: var(--main_black_color);
	display: block;
	text-align: left;
	background: #fff;
	padding: 25px 10px;
	font-weight: 500
}
#main #faq .card .card-header .btn-header-link.collapsed {
	color: var(--main_black_color)
}
.bgimage {
	width: 100%;
	height: 400px
}
.site_navigation .navbar-nav>li.nav-item:last-child>a:before {
	content: none
}
.product_list_inner{ overflow:hidden; }









@media (min-width: 992px) {
  .left-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    overflow-x: visible;
    overflow-y: hidden;
  }

  .left-panel-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: visible;
  }
}



.sidebar-menu {
  position: relative;
}

.sidebar-menu .list-group-item {
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border: none;
  font-weight:500;
}

.sidebar-menu .list-group-item:hover {
  background-color: #efefef;
}
.sidebar-menu .list-group-item:hover a {
  text-decoration:none;
}

.has-submenu {
  position: relative;
}

.has-submenu > .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 3000;
}




.has-submenu:hover > .submenu {
  display: block;
}

.submenu li {
  padding: 10px;
}

.submenu li a {
  text-decoration: none;
  color: #333;
  display: block;
}

.submenu li:hover {
  background-color: #efefef;
}