@charset "utf-8";
/**/
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Kalam:wght@300;400;700&family=Montserrat:ital,wght@0,100;0,400;0,600;1,100;1,400;1,600&family=Overpass+Mono:wght@300;400;500;600;700&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*{
	/**/font-family: 'Comfortaa', cursive;
  	font-family: 'Montserrat', cursive;
	user-select: none;
	text-align:left
}
/*===============================================================*/
/*========================  TEXT COLOR  =========================*/
body {color:var(--body_text); background-color:var(--body_bg);}
.list_1 .pitem_name a {color:#161616}
.list_3 .pitem_name a {color:#161616;  }
.list_2 .pitem_name a {color:#161616}
.order_cont{color:#161616}
.select_takeover_toggle p{color:#161616;font-weight:normal;font-size: 14px;}
.wrapper_head h2 {color: var(--header_h2);}
.pr_desc_container_termek .tab_nav li a{color:#161616}
a { color: #161616;}
.list_3 .pitem_name {height:52px;}
.product_desc_1 h3 {font-size: 16px; padding: 5px 10px; font-weight: 500;}
.list_1 .pitem_name {height:54px;}
#var_img_0 div {border-bottom: 6px solid #161616}

.lb_btn .btn_3 {
    border-radius: 80px;
  /*height: auto;*/
}
/*===============================================================*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.3;
    color: inherit;
}
.sep_line {background-color:var(--sep_line_bg);}
#separator_3 img {
    max-width: 230px;
    max-height: 100px;
    margin: -0px auto 0 auto;	
}
#separator_2 img {
	width: 100%;
	max-width: 120px;
    max-height: 130px;
    float: left;
    margin: -25px auto 30px auto;
}
#separator_1 img {
	max-width: 240px;
	max-height: 100px;
    margin: -40px auto 0 auto;
}
.sec_3{background-color:#fff;}
/*===============================================================*/
.n_banbox_data_cont p {margin:0px;margin-top: 10px;}
.n_banbox_data_cont h3 {margin:0px; font-size: 16px;}
.n_banbox_data_cont a {margin:10px 0px 15px 0px}

/*===============================================================*/
.cart_box_head{background-color:var(--cart_box_head_bg);}
.cart_box_head b {color:var(--cart_box_head_text);}
.cart_box_head b:hover {color:var(--cart_box_head_text_hover);}
.head_price i span {background-color:var(--cart_box_head_num_circ_bg);}
.head_price i span i {color:var(--cart_box_head_num_circ_text);}

.cart_box_footer{background-color:var(--cart_box_footer_bg);}
/*===============================================================*/
.page_title {color: var(--header_text);text-shadow: 1px 2px 3px var(--header_text_shadow);}
.scroll-down-black {border: 2px solid var(--header_scroll_down_icon);}
.scroll-down-black span {color: var(--header_scroll_down_circle_border);}
.scroll-down-black span i {}

/*===============================================================*/
.pr_data_info{border-color:var(--pr_data_info_head_border);}
.pr_desc_container_termek .product_desc_1 h2 {
	background-color:var(--pr_data_info_head_bg);
	color:var(--pr_data_info_head_text);
}
.pr_desc_container_termek .product_desc_1 h4 i {color:var(--pr_data_info_head_icon);}
#pr_props_cont {color:var(--pr_props_cont_text);}
#pr_props_cont p {background-color:var(--pr_props_cont_bg1)}
#pr_props_cont p:nth-child(even) {background-color:var(--pr_props_cont_bg2)}
.pr_desc_container_termek .product_desc_2 {
	color:var(--pr_desc_container_termek_text);
	background-color:var(--pr_desc_container_termek_bg);
}
/*===============================================================*/
.wrapper_content {background-color:var(--wrapper_content_bg)}
.wc_right{background-color:var(--wc_right_bg)}
.wc_left{background-color:var(--wc_left_bg)}
.wrapper_info{background-color:var(--wrapper_info_bg);color:var(--body_text)}
.wrapper_info_page{background-color:var(--wrapper_info_page_bg);color:var(--body_text)}

.product_list {background-color:var(--product_list_bg)}
.product_box {background-color:var(--product_box_bg)}

.filter_nav {background-color:var(--filter_nav_bg)}

#mcat_cont2 {background-color:var(--mcat_cont2_bg)}
.cats_sidebar {background-color:var(--cats_sidebar_bg)}
/*===============================================================*/

.border_z {
	border-left:3px solid var(--highlight_border);
	padding: 0px 7px;
}

.green{
	color:#777777;
}

::selection {
  color: var(--selection_text);
  background: var(--selection_bg);
}
/*MODAL*/
.modal-header{
	padding:0px;
	background-color:  var(--modal_header_bg);
	color:  var(--modal_header_text);
}
.modal-header h2 {color: var(--modal_header_text);}

.modal-content .btn_1{
	width: 190px;
    height: auto;
    font-size: 14px;
    outline: none;
    margin: 0 auto;
    text-align: center;
	color:var(--modal_btn1_text);
	background:var(--modal_btn1_bg);
	border: 1px solid var(--modal_btn1_border);
}
.modal-content .btn_1:hover{
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
	color:var(--modal_btn1_text_hover);
	background:var(--modal_btn1_bg_hover);
	border: 1px solid var(--modal_btn1_border_hover);
}

.modal-body {background-color: var(--modal_body_bg);color: var(--modal_body_text);}
.modal-body a{color: var(--modal_body_a);}
.modal-body a:hover{color: var(--modal_body_a_hover);border-color:var(--modal_body_a_border_hover)}

.modal-body .tab_nav a:hover{color:var(--tabnav_modal_text);}

.modal-body .tab_nav li:hover {
	border-bottom: 3px solid var(--tabnav_modal_border);
	background-color: var(--tabnav_modal_bg);
	color:var(--tabnav_modal_text)
}

/* Create an active/current tablink class */
.modal-body .tab_nav li.active {
	border-bottom: 3px solid var(--tabnav_modal_border);
	background-color: var(--tabnav_modal_bg);
	color: var(--tabnav_modal_text);
}
.modal-body .tab_nav li.active a {
	color:var(--tabnav_modal_text);
}
.modal-body .btn_2{
    color: var(--modal_btn2_text);;
    background-color: var(--modal_btn2_bg);
    border: 1px solid var(--modal_btn2_border);;
}
.modal-body .btn_2:hover{
    color: var(--modal_btn2_text_hover);
    background-color: var(--modal_btn2_bg_hover);
    border: 1px solid var(--modal_btn2_border_hover);

}
.form-inline .container .checkmark {
	border: 1px solid var(--checkmark_reg_border);
	background-color: var(--checkmark_reg_bg);
}
.form-inline .container input:checked ~ .checkmark {
	background-color: var(--checkmark_reg_checked_bg);
}

.modal-body .label {
	width: auto;
	font-size: 12px;
	margin: 3px 1px;
	padding: 5px 10px;
	border-radius: 15px;
	color:#777777;
	border:1px solid #777777;
	font-weight: normal;
	cursor:pointer;
	transition:0.2s;
	display: inline-block;
}
.modal-body .label:hover{
	color:#777777;
	box-shadow: 0px 2px 4px rgba(100,100,100,0.3)
}

.modal-content .input-field {
	border: 1px solid var(--input_log_border);
	background: var(--input_log_bg);
	color: var(--input_log_text);
}

.modal-content .input-field:focus {
    border: 1px solid var(--input_log_border_focus);
}
.modal-content .input-field:active {
    border: 1px solid var(--input_log_border_active);
}

.modal-content .icon {
	background: var(--input_log_leftbox_bg);
	color: var(--input_log_leftbox_icon);
}

.modal-footer {background-color: var(--modal_footer_bg);color: var(--modal_footer_text);}
.modal-footer .input-container a {color: var(--modal_footer_text);}

.label_box{
	padding: 0;
	margin: 0;
}
.label {
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1.4;
    border-radius: 40px;
    color: var(--label_text);
    background-color: var(--label_bg);
    border: 1px solid var(--label_border);
    font-weight: normal;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
	margin: 0px 0px 10px 8px;
}
.label:hover{
    background-color: var(--label_bg_hover);
    border: 1px solid var(--label_border_hover);
	box-shadow: 0px 2px 4px rgba(100,100,100,0.3)
}
.label_box p {
	padding: 10px 0px 0px 10px;
    margin-bottom: 5px;
}	


a.label:hover, a.label:focus {
    color: var(--label_text_hover);
    text-decoration: none;
    cursor: pointer;
}
.modal-footer .input-container a:hover{
	width: 100%;
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
	color:var(--modal_footer_text_hover)
}
#log_true {
	color:#777777
}

.btn {
	border:1px solid #777;
	color:var(--btn_text);
	background-color:var(--btn_bg);
	border-color:var(--btn_border);
	transition: 0.2s;
	font-size:12px;
		
}
.btn:hover {
	color:var(--btn_text_hover);
	/*background-color:var(--btn_bg_hover);
	border-color:var(--btn_border_hover);*/
}
.dropdown .btn {
  background-color:var(--sort_dd_bg);
  color:var(--sort_dd_text);
  border-color:var(--sort_dd_border);
}
.dropdown .btn:hover{
	color:var(--sort_dd_text_hover);
   background-color:var(--sort_dd_bg_hover);
  border-color:var(--sort_dd_border_hover);
}
.dropdown .btn i{
  background-color:var(--sort_dd_icon_bg);
  color:var(--sort_dd_icon);	
}
.dropdown .btn i:hover{
  background-color:var(--sort_dd_icon_bg_hover);
  color:var(--sort_dd_icon_hover);	
}


.btn_db {
    color: var(--btn_db_text);
    background-color: var(--btn_db_bg);
    border: 1px solid var(--btn_db_border);
    border-radius: 7px;
	}
	.btn_db:hover {
		color:var(--btn_db_text_hover);
		background-color:var(--btn_db_bg_hover);
        border-color: var(--btn_db_border_hover);
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		}
	.btn_db i{
		font-size: 13px;
		padding: 0;
		margin: 0;
	}

.btn_gy {
    color: var(--btn_gy_text);
    background-color: var(--btn_gy_bg);
    border: 1px solid var(--btn_gy_border);
    border-radius: 7px;
	}

	.btn_gy:hover {
		color:var(--btn_gy_text_hover);
		background-color:var(--btn_gy_bg_hover);
        border-color: var(--btn_gy_border_hover);
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		}
	.btn_gy i{
		font-size: 13px;
		padding: 0;
		margin: 0;
	}
.btn_1:visited{color:var(--btn_1_text_visited);}
.btn_1 {
	width: 100%;
	color: var(--btn_1_text);
	transition:0.2s;
    font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.5px;
    padding: 6px;
	margin: 5px auto;
	cursor:pointer;
	background-color: var(--btn_1_bg);
	float: left;
	text-align: center;
	outline: none;
	border:1px solid var(--btn_1_border);
	border-radius: 7px;

	}
	.btn_1:hover {
		color:var(--btn_1_text_hover);
		background-color:var(--btn_1_bg_hover);
        border-color: var(--btn_1_border_hover);
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		}

.btn_2:visited{color:var(--btn_2_text_visited);}
.btn_2 {
	width: 224px;
	color: var(--btn_2_text);
	border-radius:30px;
	transition:0.2s;
    font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.5px;
    padding: 6px 20px;
	cursor:pointer;
	background-color: var(--btn_2_bg);
	margin-right: 10px;
	text-align: center;
	border: 1px solid var(--btn_2_border);
	margin: 10px 5px;
	outline: none;
	}
	.btn_2:hover {
		color:var(--btn_2_text_hover);
		background-color:var(--btn_2_bg_hover);
        border-color:var(--btn_2_border_hover);
		box-shadow: rgba(100, 100, 100, 0.4) 0px 8px 8px -8px;
		}
.btn_2:focus-visible{color:var(--btn_2_text_focus);}

.btn_3 {
	width: 300px;
	max-width:100%;
	color:var(--btn_3_text);
	border-radius:4px;
	transition:0.2s;
    font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.5px;
    padding: 6px 12px;
	cursor:pointer;
	background-color: var(--btn_3_bg);
	border: 1px solid var(--btn_3_border);
	margin: 10px 0px;
	outline: none;
	}
	.btn_3:hover {
		color:var(--btn_3_text_hover);
		background-color:var(--btn_3_bg_hover);
        border-color:var(--btn_3_border_hover);
		box-shadow: rgba(100, 100, 100, 0.4) 0px 8px 8px -8px;
	}
.btn_4 {
	max-width: 100%;
	color:var(--btn_4_text);
	border:1px solid var(--btn_4_border);
	transition:0.3s;
    font-size: 12px;
    border-radius: 5px;
	font-weight: 500;
	letter-spacing: 1px;
    padding: 4px 20px;
	margin: 0px;
	cursor:pointer;
	background-color: var(--btn_4_bg);
	outline: none;
	}
	.btn_4:hover {
		color:var(--btn_4_text);
		background-color:var(--btn_4_bg_hover);
        transition:0.2s;
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		border:1px solid var(--btn_4_border_hover);
}
.btn_5 {
	max-width: 100%;
	color:var(--btn_5_text);
	border:0px solid var(--btn_5_border);
	transition:0.3s;
    font-size: 15px;
    border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-weight: 500;
	letter-spacing: 1px;
    padding: 2px 15px;
	margin: 0px;
	cursor:pointer;
	background-color: var(--btn_5_bg);
	outline: none;
	}
	.btn_5:hover {
		color:var(--btn_5_text_hover);
		background-color:var(--btn_5_bg_hover);
        transition:0.2s;
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		border:0px solid var(--btn_5_border_hover);
}
.btn_6 {
	max-width: 100%;
	color:var(--btn_6_text);
	border:2px solid var(--btn_6_border);
	transition:0.3s;
    font-size: 15px;
    border-radius: 25px;
	font-weight: 500;
	letter-spacing: 1px;
    padding: 6px 20px;
	margin: 0px;
	cursor:pointer;
	background: var(--btn_6_bg);
	}
	.btn_6:hover {
		color:var(--btn_6_text_hover);
		background-color:var(--btn_6_bg_hover);
        transition:0.2s;
		box-shadow: rgba(0, 0, 0, 0.5) 2px 8px 8px -8px;
		border:2px solid var(--btn_6_border_hover);
}
.img_links_title h3 {
	border-radius: 10px;
	background-color: var(--links_title_text_bg);
}
.btn_zip{
	display:inline-block;
	padding:4px 0px;
	height: auto;
	background: var(--btn_zip_bg);
	color:var(--btn_zip_text);
	border-radius: 20px;
	margin: 5px;
	margin-top: 6px;
	width:90px;
	text-align:center;
	cursor:pointer;
	float:left;
}
.btn_zip:hover{
	background: var(--btn_zip_bg_hover);
	color:var(--btn_zip_text_hover);
	
}
.zip_input:focus{
	border: 1px solid var(--input_border_focus);;
    outline: 0px;	
}
form.example input[type=text] {
    border: 1px solid var(--input_search_border);
    background: var(--input_search_bg);
    color: var(--input_search_text);	
}
form.example input[type=text]:focus {
	border: 1px solid var(--input_search_border_focus);
	outline:0px;
}
form.example input[type=text]:active {
	border: 1px solid var(--input_search_border_active);
	outline:0px;
}
form.example input[type=text]:visited {
	border: 1px solid var(--input_search_border);
	padding:7px 10px;
	outline:0px;
}
.icon-menu-1 {
    font-size:40px;
    color: #777777;
}
.btn_cart{
	display:inline-block;
	width: 120px;
	height: auto;
	background: var(--btn_cart_bg);
	float:right;
	border-radius: 20px;
	padding: 3px 0px;
	margin: 6px 0px;
}

.btn_cart a {
    width: 100%;
    display: inline-block;
    color: var(--btn_cart_text);
    border-left: none;
    cursor: pointer;
    border-radius: 5px;
    border: 0px;
    text-align: center;
    padding: 1.5px;
}
.btn_cart a:hover, .btn_cart a:focus{
	color:var(--btn_cart_text_hover);
}

.btn_cart a i span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	background:var(--btn_cart_num_circ_bg);
	top:2px;
	right:-5px;
	font-size: 11px;
	padding: 0px 0px;
	font-style: normal;
	color: var(--btn_cart_num_circ_text);
	text-align: center;
}

.btn_cart div {
    width: 100%;
    display: inline-block;
    color: var(--btn_cart_text);
    border-left: none;
    cursor: pointer;
    border-radius: 5px;
    border: 0px;
    text-align: center;
    padding: 1.5px;
}
.btn_cart div:hover, .btn_cart div:focus{
	color:var(--btn_cart_text_hover);
}

.btn_cart div i span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	background:var(--btn_cart_num_circ_bg);
	top:2px;
	right:-5px;
	font-size: 11px;
	padding: 0px 0px;
	font-style: normal;
	color: var(--btn_cart_num_circ_text);
	text-align: center;
}

.btn_plus, .btn_minus  {
    color: var(--btn_quantity_icon);
    background: var(--btn_quantity_bg);
    border-color: var(--btn_quantity_border);
}

.btn_plus:hover, .btn_minus:hover  {
    box-shadow: 0px 8px 8px -8px var(--btn_quantity_boxshadow);
	color: var(--btn_quantity_icon_hover);
	border-color: var(--btn_quantity_border_hover);
	background-color: var(--btn_quantity_bg_hover);
}
.input {
	color:var(--quntity_input_text);
	background-color:var(--quntity_input_bg);
	border-color:var(--quntity_input_border);
}
.cart_info_open{
	width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #777777;
    color: #777777;
    border-radius: 20px;
    cursor: pointer;
    padding: 5px 4px;
    margin: 1px auto;
    transition: 0.2s;
    font-size: 12px;
}
.page_nav_title {background-color: var(--page_nav_title_bg);}
.page_nav_title i{
    color: var(--page_nav_title_text);
    background-color: var(--page_nav_title_bg);
}

.page_nav ul li a{
	color: var(--pagenav_li_text);
	background-color: var(--pagenav_li_bg);
}
.page_nav ul li i{
	color: var(--pagenav_li_icon);
	background-color: var(--pagenav_li_bg);
}
.page_nav ul li a:hover{
	text-decoration:underline;
	color:var(--pagenav_li_text_hover);
}

.filter_box a {
	color:var(--filter_box_icon);
	background:var(--filter_box_bg);
	border: 1px solid var(--filter_box_bborder);
}
.filter_box a:hover {
	color:var(--filter_box_icon_hover);
	background-color:var(--filter_box_bg_hover);
	border:1px solid var(--filter_box_border_hover)
}
.filter_box .active {
	color:var(--filter_box_icon_active);
	background-color:var(--filter_box_bg_active);
	border:1px solid var(--filter_box_border_active)
}


#sort_dd{
	color: var(--sort_dd_text);
	background-color: var(--sort_dd_bg);
	border-color: var(--sort_dd_border);
}
#sort_dd:hover{
	color: var(--sort_dd_text_hover);
	background-color: var(--sort_dd_bg_hover);
	border-color: var(--sort_dd_border_hover);
}
#sort_dd i {
	color: var(--sort_dd_icon);
	background-color: var(--sort_dd_icon_bg);
}

.select-items div:hover, .same-as-selected {
	background-color: #777777;
	color:#fff
}
.same-as-selected{color:#fff;background-color: #f2f2f2;}

.drop_m_cat{
	height:34px;
	font-size:16px;
	color:var(--dropnav_text);
	background-color:var(--dropnav_bg);
	border-bottom:2px solid var(--dropnav_mcat_border);
	padding:8px;
}
.drop_m_cat:hover {
	color:var(--dropnav_text_hover);
	background-color:var(--dropnav_bg_hover);
	border-color:var(--dropnav_mcat_border_hover);
}
	.drop_cat{
		font-size:14px;
		color:var(--drop_cat_text);
		background-color:var(--drop_cat_bg);
		height:34px;
		padding:8px;
		
	}
	.drop_cat:hover{
		color:var(--drop_cat_text_hover);
		background-color:var(--drop_cat_bg_hover);
	}

.list_title {
	color:var(--list_title_text);
}

/*===== BTN ======*/

/* FELUGRÓ */
#button-up {
	border: 2px solid var(--button_up_border);
	color: var(--button_up_icon);
	background-color: var(--button_up_bg);
	box-shadow: 0px 2px 5px var(--button_up_shadow);
	}
#button-up:hover {
	opacity: 0.8;
	background-color: var(--button_up_bg_hover);
	border: 2px solid var(--button_up_border_hover);
	box-shadow: 0px 2px 5px var(--button_up_shadow);
}
	#button-up i {
		color: var(--button_up_icon);
	}

#akcio_sd .scroll-down-black {
	position: absolute;
	top:0px;
	left: 49%;
	border: 2px solid var(--header_scroll_down_circle_border);
	border-radius: 50%;
	height: 44px;
	width: 45px;
	margin-left: -14px;
	display: block;
	z-index: 10;
    text-align: center;
	opacity: 0.4;
	transition:0.3s;
}
#akcio_sd .scroll-down-black:hover {
	opacity: 0.7;
}
#akcio_sd .scroll-down-black span {
    position: relative;
    color: var(--header_scroll_down_icon);
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.action_slide_header h3{color: var(--slide_h3);}
.action_slide_header p{color: var(--slide_p);}
.row_1{
	width:60px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: var(--slide_row_1_bg);
}
.row_2{
	width:40px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: var(--slide_row_2_bg);
}
.circle_nav_text .ative{
	border:1px solid #777777;
	color:#777777;
	box-shadow: 1px 2px 5px rgba(200,200,200,1)
}

.circle_nav .active{
	color:#777777;
	border:1px solid #777777;
	cursor: pointer;
	box-shadow: 1px 2px 5px rgba(200,200,200,1)

}
.row_box .active{
	width:33%;
	height: 10px;
	background-color:#fff;
	border:2px solid #777777;
	float: left;
}
.order_tab_order .container input:checked ~ .checkmark {
    background-color: var(--checkmark_checked_bg);
    margin-top: 0px;
}
.order_tab_order a{
	width:auto;
	font-size: 14px;
	border:1px solid #777777;
	border-radius:20px;
	cursor:pointer;
	background: #fff;
	float:right;
	padding:3px 7px;
	transition: 0.2s;

}


.order_tab_setting .btn_1 {
	margin: 10px auto;
	border-radius: 30px;
	}

.order_tab_pay .container input:checked ~ .checkmark {
    background-color: var(--checkmark_checked_bg);
    margin-top: 0px;
}
.order_tab_pay a{
	width:auto;
	font-size: 14px;
	border:1px solid #777777;
	border-radius:20px;
	cursor:pointer;
	background: #fff;
	float:right;
	padding:3px 7px;
	transition: 0.2s;
}

.order_tab input{border: 1px solid var(--input_border);}
.order_tab input:focus {border: 1px solid var(--input_border_focus);}
.order_tab input:active {border: 1px solid var(--input_border_active);}
.order_tab_order .fault {border: 1px solid var(--input_fault_border);}
.order_tab textarea {border: 1px solid var(--input_border);font-size: 14px;}

#ccc_btn{
    color: var(--btn_1_text);
    background: var(--btn_1_bg);
    border: 1px solid var(--btn_1_border);
}


.pagination a {
	color:var(--pagination_arrow);
}
.pagination .arrow {
	color:var(--pagination_arrow);
	background-color:var(--pagination_arrow_bg);
}
.pagination .arrow:hover {
	color:var(--pagination_arrow_hover);
	background-color:var(--pagination_arrow_bg_hover);
}
.pagination a.active {
  color:var(--pagination_text_active);
  background-color:var(--pagination_bg_active);
}
.pagination a:hover:not(.active) {
	color:var(--pagination_text_hover_notactive);
	background-color:var(--pagination_bg_hover_notactive);
}



.btn_nav:hover{
	background: var(--btn_1_bg_hover);
	color:var(--btn_1_text_hover);
}
.wc_right .btn:hover{
	background:var(--btn_1_bg_hover);
	color:var(--btn_1_text_hover);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
	border-color:var(--btn_border_hover);
}

.wc_right .btn_1{
	width: 220px;
	max-width: 100%;
}

.address_box {
	border:1px solid var(--address_box_border);
	background: var(--address_box_bg);
	color: var(--address_box_text);
}

.address_box_1 {
	border:1px solid var(--slider_border);
	background: var(--slider_bg);
}

.wc_box_data i:hover{
	color:#777777
}
.order_tab_setting .slider:before {
    background-color: var(--slider_icon);
}
.order_tab_setting .address_box h4{
	color:var(--slider_icon);
}


input:checked + .slider {
  background-color: var(--slider_checked_bg);
}

input:focus + .slider {
  box-shadow: 0 0 1px #454545;
}

.wc_box input {
	border: 1px solid  var(--input_border);
	color:  var(--input_text);
	background: var(--input_bg);
}
.wc_box input:focus {border: 1px solid  var(--input_border_focus);}
.wc_box input:active {border: 1px solid  var(--input_border_active);}

.order_list_filter .dropdown ul li a:hover {
    border: none;
    padding: 5px 5px;
    color: var(--sort_dd_droopdown_text_hover);
    background-color: var(--sort_dd_droopdown_bg_hover);
}
.order_list_filter .dropdown ul li div:hover {
    border: none;
    padding: 5px 5px;
    color: var(--sort_dd_droopdown_text_hover);
    background-color: var(--sort_dd_droopdown_bg_hover);
}
.order_list_item i{
	width:25px;
	height:25px;
	display:inline-block;
	border:1px solid #777777;
	color:#777777;
	border-radius:20px;
	cursor: pointer;
	padding:5px 3px;
	margin:1px auto;
	transition:0.2s;
	font-size: 12px
}
.pr_desc_container_termek .tab_nav {background-color:var(--tabnav_box_bg);}
.pr_desc_container_termek .pitem_available {/*color:#777777*/}
.pr_desc_container_termek .tab_nav li:hover {
	border-bottom: 3px solid var(--tabnav_border_hover);
	background-color: var(--tabnav_bg_hover);
	color:var(--tabnav_text_hover)
}
/* Create an active/current tablink class */
.pr_desc_container_termek .tab_nav li.active {
	background-color: var(--tabnav_bg_active);
	border-bottom: 3px solid var(--tabnav_border_active);
}

/* ======== Termékhozzászólás ======= */
.product_desc {background:var(--product_desc_bg)}
.prc_head{
	color: var(--prc_head_text);
	background: var(--prc_head_bg);
}
.prc_rep_to{color:var(--prc_rep_to_text);} 
.prc_content {
	color: var(--prc_content_text);
	background: var(--prc_content_bg);
}
.prc_vote_icon{color:var(--prc_foot_icon);}
.prc_vote_icon:hover{color:var(--prc_foot_icon_hover);}
.prc_votes{color:var(--prc_foot_text);}


.prc_foot {background: var(--prc_foot_bg);}
.prc_reply{
	color:var(--prc_reply_text);
	background: var(--prc_reply_bg);
} 
.prc_reply i{color:var(--prc_reply_icon);}
.prc_reply p:hover{color:var(--prc_reply_text_hover);}

/* ======= /Termékhozzászólás ======= */
.var_img_box div:hover{
	border-bottom:6px solid #777777;
}

.accordion:hover {
	background-color: #777777;
	color: #fff;
}

#gyik .active{
	background-color: #777777;
	color: #fff;
}
.form_message textarea:active {
    border: 1px solid var(--textarea_border_focus);
}
.btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: #777777; 
    border-color: #777777;
    transition-duration: 0.2s;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #777777;
    transition-duration: 0.3s;
}
.more_btn
{
	color: var(--btn_more_text);
	background-color: var(--btn_more_bg);
    padding: 6px 13px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--btn_more_border);
    border-radius: 25px;
    transition: 0.2s;
    font-size: 12px;
    line-height: 1;
}
.more_btn:hover
{
	color:var(--btn_more_text_hover);
	background-color:var(--btn_more_bg_hover);
	border: 1px solid var(--btn_more_border_hover);
	display: inline-block;
}
.n_quote i{font-size:34px;color: var(--quote_icon);}
.n_prod{text-align: center;}
.n_highlight{
	text-align:left;
	border-left:6px solid  var(--highlight_border);
	padding-left:8px;
}
.n_sub_title{
	text-align:left;
	margin:16px 0px;
	border-bottom: 2px solid #777777;
	padding-bottom:3px;
	line-height: 30px;
  	font-weight: 700;
      font-size: 20px;
}
#news_data_container .n_title {
    text-align: left;
    font-weight: 700;
    padding: 0;
    margin: 10px 0px;
}
/*===== FOOTER ======*/
.footer_pageinfo_partner{background:var(--footer_pageinfo_partner_bg);}

.user_info
.user_info a:hover {
	color:#777777;
	text-decoration: underline
}
.user_info p a:hover {
	color:#777777;
}

.info_span span{
	font-size:22px;
	color:var(--info_span_icon);
	cursor:pointer;
	z-index:900;
	}
.info_body{
	background-color:var(--info_body_bg);
	box-shadow:0px -1px 3px var(--info_body_shadow);
	}
	.info_body p{
		color:var(--info_body_text);
		}
		.info_body p a{
			color:var(--info_body_text);
			}
			.info_body p a:hover{ 
				color:var(--info_body_text_hover);
			}
.btn_cookie{
	color:var(--btn_cookie_text);
	background:var(--btn_cookie_bg);
	border:1px solid var(--btn_cookie_border);
}
.btn_cookie:hover {
	color:var(--btn_cookie_text_hover);
	background-color:var(--btn_cookie_bg_hover);
	border:1px solid var(--btn_cookie_border_hover);
	box-shadow: 0px 2px 5px var(--btn_cookie_shadow_hover);
	}

footer {color:var(--footer_text);background-color:var(--footer_bg1);}
.footer_info h4 {color:var(--footer_h4_text);}
.footer_info h2 {color:var(--footer_h4_text);}
footer hr{border-top: 2px solid var(--footer_h4_hr);}

.footer_info a{color:var(--footer_text);}
.footer_info a:hover{color:var(--footer_text_hover);}

.contact p{color:var(--footer_text);}
.contact i{color:var(--contact_icon);}

.footer_info ul li a{color:var(--footer_text);}
.footer_info ul li a:hover{color:var(--footer_text_hover);}




.footer_info .input-field {
	color: var(--input_footer_text);
	border: 1px solid var(--input_footer_border) ;
}
.footer_info .input-field:focus{
	border: 1px solid var(--input_footer_border_focus) ;
}
.footer_info .input-field:active{
	border: 1px solid var(--input_footer_border_active) ;
}
.footer_info .icon {
  padding:5px;
  background: var(--input_footer_leftbox_bg);
  color:var(--input_footer_leftbox_icon);
  min-width: 35px;
  text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 18px;
}
.footer_info .btn_1{
	width: 100%;
	background-color: var(--btn_1_footer_bg);
	color:var(--btn_1_footer_text);
	border:1px solid var(--btn_1_footer_border);
	border-radius: 20px;
}
.footer_info .btn_1:hover{
	width: 100%;
	background-color: var(--btn_1_footer_bg_hover);
	border-color:var(--btn_1_footer_border_hover);
	color:var(--btn_1_footer_text_hover);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
}

#ffb_btn{color:var(--contact_face);}
#fin_btn{color:var(--contact_insta);}
#fyt_btn{color:var(--contact_youtube);}
#ffb_btn:hover{color:var(--contact_face_hover);}
#fin_btn:hover{color:var(--contact_insta_hover);}
#fyt_btn:hover{color:var(--contact_youtube_hover);}

.footer_pageinfo_box{background-color:var(--pageinfo_box_bg);}
.pageinfo p {color:var(--pageinfo_box_text);}
.footer_pageinfo_box a{color:var(--pageinfo_box_text);}

.footer_pageinfo_box a:visited{color:var(--pageinfo_box_text);}
.footer_pageinfo_box a:hover{color:var(--pageinfo_box_text_hover);}

.checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 18px;
    width:18px;
    background-color: var(--checkmark_bg);
    border-radius: 5px;
    border: 1px solid var(--checkmark_border);
	padding:5px;
	margin:0px 5px;
}
#gdpr .checkmark { top: 3px;}
.dropdown ul{
   background:var(--sort_dd_droopdown_bg);
}
.dropdown ul li{
  color:var(--sort_dd_droopdown_text);
  background:var(--sort_dd_droopdown_bg);
}
.dropdown ul li:hover{
  color:var(--sort_dd_droopdown_text_hover);
  background:var(--sort_dd_droopdown_bg_hover);
}


.dropdown ul li a {
	color: var(--sort_dd_droopdown_text);;
	background-color:var(--sort_dd_droopdown_bg);
}
.dropdown ul li a:hover{
	border:none;
	padding:7px 5px;
	color: var(--sort_dd_droopdown_text_hover);;
	background-color:var(--sort_dd_droopdown_bg_hover);
}
.dropdown ul li div:hover{
	border:none;
	padding:7px 5px;
	color: var(--sort_dd_droopdown_text_hover);;
	background-color:var(--sort_dd_droopdown_bg_hover);
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: var(--checkmark_checked_bg);
	margin-top:0px;
}

.page_toggle_t{
	font-size: 16px;
	background-color: var(--toggle_bg);
	color: var(--toggle_text);
	padding: 6px;
	border-radius: 8px 8px 8px 8px;
	}
.news_toggle_t
{
	font-size: 16px;
	background-color: #fff;
	color: var(--body_text);
	padding: 8px 16px;
	margin: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;
  	box-shadow: 3px 5px 0px #ddd;
}
	.page_toggle_t i {
		color: var(--toggle_icon);
		font-size: 20px;
		padding: 4px 0px;
	}
.page_toggle_v {background-color: var(--toggle_inbox_bg); color: var(--toggle_inbox_text);}

.contact_mail .form_message input:focus {
    border: 1px solid var(--input_border_focus);
    outline: 0px;
	border-radius: 10px;
	
}
.contact_mail .form_message input:active {
    border: 1px solid var(--input_border_active);
	border-radius: 10px;
}

.contact_mail .form_message  .input-field:focus {
    border: 1px solid var(--input_border_focus);
	border-radius: 10px;
}

.contact_mail .form_message textarea:focus {
    border: 1px solid #777777;
    outline: 0px;
}

.contact_mail .form_message .input-field {
	border: 1px solid var(--input_border);
	color: var(--input_text);
	background:var(--input_bg);
}
.contact_mail .form_message textarea {
	border:1px solid var(--textarea_border);
	color: var(--textarea_text);
	background:var(--textarea_bg);
}
.contact_mail .form_message textarea:focus {
	border: 1px solid var(--textarea_border_focus);
}
.contact_mail .form_message textarea:active {
	border: 1px solid var(--textarea_border_active);
}
.rating_box_product .rate_text {border: 1px solid var(--textarea_border);}
.rating_box_product .rate_text:focus{outline:1px solid var(--textarea_border_focus);}


/*========================================================================*/
/*========================= MEDIA ===============================*/

.navbar-toggle {
  color: var(--navbar_toggle_text);
  background: var(--navbar_toggle_bg);
}

/*========================================================================*/
/*========================================================================*/
/*========================= PRODUCT BOX ===============================*/

/**/
.modal-body .btn_db {
    width: 39%;
    color: var(--btn_db_text);
    transition: 0.2s;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 4px 2px 6px 2px;
    margin: 5px auto;
    cursor: pointer;
    background-color: var(--btn_db_bg);
    float: left;
    text-align: center;
    outline: none;
    border: 1px solid var(--btn_db_border);
    border-radius: 7px;
	}
	.modal-body .btn_db:hover {
		color:var(--btn_db_text_hover);
		background-color:var(--btn_db_bg_hover);
        border-color: var(--btn_db_border_hover);
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		text-decoration: none
		}
	.modal-body .btn_db i{
		font-size: 13px;
		padding: 0;
		margin: 0;
	}

.modal-body .btn_gy {
    width: 60%;
    color:var(--btn_gy_text);
    transition: 0.2s;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 4px 2px 6px 2px;
    margin:  5px 0px 5px 1%;
    cursor: pointer;
    background-color: var(--btn_gy_bg);
    float: left;
    text-align: center;
    outline: none;
    border: 1px solid var(--btn_gy_border);
    border-radius: 7px;
	}

	.modal-body .btn_gy:hover {
		color:var(--btn_gy_text_hover);
		background-color:var(--btn_gy_bg_hover);
        border-color: var(--btn_gy_border_hover);
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		}
	.modal-body .btn_gy i{
		font-size: 13px;
		padding: 0;
		margin: 0;
	}






/*========================================================================*/
/*========================= OVERLAY MENÜ ===============================*/

/* ICON BAR*/
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: var(--cat_sidenav_head_menubar);
  margin: 6px 0;
  transition: 0.4s;
}

.overlay_menu_1{
	width: 100%;
	height: 100%;
	float: left;
	display: inline-flex;
	position: relative;
	border-bottom: 1px solid #777777;
}
.overlay {background-color:var(--overlay_bg);}
.overlay_menu_1 {border-color:var(--overlay_menu_1_border);}
.overlay_menu_1 ul li {
	background-color:var(--overlay_menu_1_bg);
	border-color:var(--overlay_menu_1_border);
}
.overlay_menu_1 ul li a i {color:var(--overlay_menu_1_text);}

.overlay_menu_2 {
	background-color: var(--overlay_menu_2_bg);
	border-color:var(--overlay_menu_2_border);
}

.overlay_menu_3 ul li .text_box p {/*color:var(--overlay_menu_3_text);*/}
.overlay_menu_3 ul li i {border-color:var(--overlay_menu_3_border);color:var(--overlay_menu_3_icon);}
.overlay_menu_3 ul li a {color:var(--overlay_menu_3_text);}
.overlay_menu_3 ul li div {color:var(--overlay_menu_3_text);}
#main_categories2 li, #categories2 li, #sub_categories2 li {
	background-color:var(--overlay_menu_3_bg);
	border-color:var(--overlay_menu_3_border);
}
#categories2 li:first-child {background-color:var(--overlay_menu_3_back_bg)}


/*========================================================================*/
/*========================= OWL THEME ===============================*/
.owl-theme .owl-controls .owl-buttons div{
	color: var(--slide_nav_icon);
    background:var(--slide_nav_bg);
    border: 1px solid var(--slide_nav_border);
    filter: Alpha(Opacity=50);
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
	background-color:var(--slide_nav_bg_hover);
	color:var(--slide_nav_icon_hover);
	border-color:var(--slide_nav_border_hover);
	transition-duration:50ms;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px
}


.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background-color:var(--owl_controls_active);
	transition-duration:0.2s;
	
}

/*========================================================================*/
/*========================= BOOTSTRAP ===============================*/

a:focus {
  color: #777777 ;
  text-decoration: none;
}
a:hover, a:focus {
    color: #777777;
    text-decoration: none;
}
.nav-tabs {
  border-bottom: 1px solid #777777;
}

.nav-tabs > li > a:hover {
  border-color:#777777;
  background-color:rgba(255,130,30,1);
  color:#fff;

}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid#777777;
  border-bottom-color: transparent;
  cursor: default;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:#777777;
  background-color: transparent;
  transition-duration:0.1s;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 18px;
  color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
  background-color:#777777

}


/* =============== SMALL DROP NAV ================ */
.main_menu_dd{
    width:250px;
	box-shadow: 0px 1px 3px var(--main_menu_dd_item_shadow);
}
.main_menu_dd .main_menu_dd_item{
	height: 32px;
  	width:100%;
  	padding:7px 16px;
	color:var(--main_menu_dd_item_text);
  	background:var(--main_menu_dd_item_bg);
	font-size: 13px;
}
.main_menu_dd .main_menu_dd_item:hover{
  	color:var(--main_menu_dd_item_text_hover);
  	background: var(--main_menu_dd_item_bg_hover);
}
   
.sub_menu_dd{
  	height:unset;
    position:absolute;
    top:40px;
    left:250px;
    width:250px;
	box-shadow: 0px 1px 3px var(--main_menu_dd_item_shadow);
}
.sub_menu_dd .sub_menu_dd_item{
  	width:100%;
  	padding:7px 16px;
	color:var(--sub_menu_dd_item_text);
  	background:var(--sub_menu_dd_item_bg);
  	display:block;
	transition:0.2s;
  	font-size: 12px;

}
.sub_menu_dd .sub_menu_dd_item:hover
{
  	color:var(--sub_menu_dd_item_text_hover);
  	background: var(--sub_menu_dd_item_bg_hover);
}
/* =============== /SMALL DROP NAV ================ */



/*====================== KATEGÓRIÁK ==============================*/
#mcat_cont2 {margin-top:0px;padding-bottom: 5px;}
#mcat_cont2 h4{ margin-left: 10px;line-height: 1; text-decoration: underline}
#mcat_cont2 h3{ margin-left: 10px;line-height: 1;}
.cats_content_box a {width:230px;}
.maincat_li a span {font-size: 16px;font-weight: 600;}
.subcat_li a span {font-size: 14px;font-weight: 500;}
.main_cats_arrow, .sub_cats_arrow {color:var(--cats_arrow)}
.wrapper_categories_title {background-color:var(--cat_sidenav_head_bg);}
.wrapper_categories_title h1{color:var(--cat_sidenav_head_text);}
.wrapper_categories_title a {
	width:50px;
	position: absolute;
	top:13px;
	right:10px;
}
.maincat_li a span{color:var(--cats_text)}
.maincat_li a span:hover {color: var(--cats_text_hover);transition: 0.2s;}
.wrapper_cats {background:var(--mcat_cont2_bg)}
.wrapper_categories_sidebar{margin:0;}
#lab_cont {
	padding-left: 10px;
	margin-top:20px;
	color:var(--lab_cont_text);
}
/*======================= / KATEGÓRIÁK =========================*/
/*====================== MEGRENDELÉS ===========================*/
.order_cont h1{color:var(--order_cont_h1)}
.order_cont ul li i{
	color:var(--circle_nav_step_text);
	background-color:var(--circle_nav_step_bg);
	border-color:var(--circle_nav_step_border);
}
.circle_nav_text {
	color:var(--circle_nav_step_text);
	border-color:var(--circle_nav_step_border);
	background-color:var(--circle_nav_step_bg);
}
.circle_nav .active {
	color:var(--circle_nav_step_text_active);
	border-color:var(--circle_nav_step_border_active);
}
.circle_nav_line{}
.row_box .active {border-color:var(--circle_nav_line_border_active);}

.order_tab_1, .order_tab {background-color:var(--order_tab_bg);}
#tab_end{background-color:var(--tab_end_bg);}

.cart_info {
	color:var(--cart_info_text);
	background-color:var(--cart_info_bg);
}
.control_elem {
	color:var(--control_elem_text);
	background-color:var(--control_elem_bg);
}
.cart_info_content .cart_product {
	border-color:var(--cart_product_box_border);
	background-color:var(--cart_product_box_bg);
}
.cart_info_content .cart_product_content {color:var(--cart_product_box_text);}
.cart_info_content .cart_product .product_price span{color:var(--cart_product_box_text);}
.cart_info_content .cart_product_content .product_title a {color:var(--cart_product_box_text);}

.order_tab h3{color:var(--order_tab_h3);}
.order_tab h4{color:var(--order_tab_h4);font-size: 18px;}

.address_box_1 h4{color:var(--address_box_1_h4);font-size: 14px;}

.select_takeover h4 {color:var(--select_takeover_h4)}

/*====================== / MEGRENDELÉS =========================*/

/*====================== NAVIGATION ===========================*/
#nav_head {background-color: var(--nav_head_bg);}
#navigation {background-color: var(--navigation_bg);}
.text_box p {color: var(--navigation_text);}

.nav_head_right_bottom a {
	color:var(--btn_nav_head_text);
	background-color:var(--btn_nav_head_bg);
	border-color:var(--btn_nav_head_border);
}
.nav_head_right_bottom a:hover{
	color:var(--btn_nav_head_text_hover);
	background-color:var(--btn_nav_head_bg_hover);
	border-color:var(--btn_nav_head_border_hover);
	box-shadow:0px 5px 5px var(--btn_nav_head_shadow_hover);
}
#nav ul li:hover{background:var(--nav_hover);}
#nav ul li a:hover{color:var(--btn_nav_head_text_hover);}
.dropnav {background-color: var(--nav_dropdown_bg);}
.dropnav_elem {
	background-color: var(--nav_dropdown_elem_bg);
	border:1px solid var(--nav_dropdown_elem_border);

}
.dropnav_elem h3 {color:var(--nav_dropdown_elem_text)}
.dropnav_elem:hover {box-shadow: var(--nav_dropdown_elem_shadow_hover) 0px 8px 8px -8px;}
#nav_mobil {background-color: var(--nav_mobil_bg);}



/*===================== /NAVIGATION ===========================*/