@charset "utf-8";

/* CSS Document */
.css-126xj0f{margin-top:40px;}
html{
	width:100%;
	display: inline-block;
	overflow-x: hidden;
}
body{
	width:100%;
	background-color:#fff;
	color: #202020;
    text-align: justify;
    font-size: 12px;
	display: inline-block;
	overflow-x: hidden;
  margin-bottom:-2px;
}
#body_top{
	position:fixed;
  	top:0;
  	left:0;
}
a {
	color:#999
}
#link_bg{
	width: 200px;
	height: auto;
}
.nopadding {padding:0px;}
.nomargin {margin:0px;}
.smallpadding{padding-left:5px; padding-right:5px;}
.boxpadding {padding:6px;}
.boxmargin {margin:5px;}

/*.text_container a {color:unset}*/
.text_container a:hover {color:unset; text-decoration:underline}
.text_container a:visited {} 

.text_container .showcase3-content .btn {
	    color: var(--btn_slide_text);
      border: 1px solid var(--btn_slide_border);
}
.text_container .showcase3-content .btn:hover {
	color: var(--btn_slide_text_hover);
    background-color: var(--btn_slide_bg_hover);
    border-color: var(--btn_slide_border_hover);
}

.text_container .btn_2:hover{
    color: var(--btn_2_text_hover);
    background-color: var(--btn_2_bg_hover);
    border-color: var(--btn_2_border_hover);
  	text-decoration:unset
}
.text_container .btn_1:hover{
    color: var(--btn_1_text_hover);
    background-color: var(--btn_1_bg_hover);
    border-color: var(--btn_1_border_hover);
}
.text_container .showcase3-content .btn {
	color: var(--btn_slide_text);
  	border: 2px solid var(--btn_slide_border);
}
.text_container .showcase3-content .btn:hover{
	color: var(--btn_slide_text_hover);
    background-color: var(--btn_slide_bg_hover);
    border-color: var(--btn_slide_border_hover);	
}
.btn_2:focus-visible{color:var(--btn_2_text_focus);}
/*.left{float:left}*/

.right{float:right}
.bold {font-weight:bold;}
.border_z {	border-left:3px solid #454545;padding: 0px 7px;}
.green{color:#454545;}
.red{color:#eb1f1f}

.img_wins img{width: 80%;max-width: 100%; margin-left: 10%;}
.img_wins h4{font-size: 24px; font-weight: bold;text-align: left;}
.img_wins p{font-size: 14px;}
.img_wins ul li{font-size: 14px;}

::selection {
  color: #fff;
  background: #454545;
}

/*MODAL*/
.modal-header{
	padding:0px;
	background-color: #fff;
	color: #454545;
}
.modal-header h2{
	padding:15px ;
	margin:0px;
	font-size:20px;
	font-family: 'Comfortaa', cursive;

}
#product_modal_container{height:0;}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5000; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  max-width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-open .modal{padding: 5px;}

#InfoModal {z-index:6000;}
#InfoModal .modal-content{font-size:15px;}

.modal-dialog {
    width: 900px;
	max-width: 90%;
    height: 90%;
    margin: 10px auto;
}

.modal-content{
	background-color: #fefefe;
	margin: auto;
    height: auto;
	border: 0px solid #888;
	padding: 0px;
	scroll-behavior: auto;
    overflow-x: auto;
}
.modal-content .btn_1{
	width: 190px;
    height: auto;
    font-size: 14px;
    outline: none;
    margin: 0 auto;
    text-align: center;
}
.modal-content .btn_1:hover{box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;}
.modal-body {
    padding:15px ;
	font-size: 16px;
}
.modal-body a {
	width: 100%;
    text-align: left;
    font-size: 14px;
}
.modal-body a:hover{color:#454545;}

.modal-body p{
	padding: 3px 5px;
	font-size:16px;
	text-align: left;
	line-height: 1.3;
}
.modal-body .btn{
	margin:0px;
	outline: none;
}

.modal-body .tab_nav {
	overflow: hidden;
	background-color: #eee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: block;
	padding:0px;
}
.login_img {
	display: block;
    max-width: 100%;
    height: auto;
    width: 300px;
	max-height: 150px;
    margin: 15px auto;
}
.modal-body .tab_nav li{
	list-style: none;
	display: block;
	float: left;
	border-bottom: 3px solid #ddd;
}
.modal-body .tab_nav a{
	width: 100%;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 14px;
	font-size: 14px;
	font-weight: normal
}
.modal-body .tab_nav a:hover{color:#454545;}

.modal-body .tab_nav li:hover {
	border-bottom: 3px solid #454545;
	background-color: #fff;
	color:#777
}

/* Create an active/current tablink class */
.modal-body .tab_nav li.active {
	border-bottom: 3px solid #454545;
	background-color: #fff;
	color:#777
}
.modal-body .tab_nav li.active a {
	color:#454545
}
.modal-body .label_box{
	width:100%;
	height: 100%;
	display:inline-block;
	float: left;
	position: relative;
	padding: 5px 10px;
	margin-top:0px;
	text-align: left;
}
.modal-body .label_box p{
	width:100%;
	height: 100%;
	display:inline-block;
	float: left;
	position: relative;
	padding: 5px 10px;
	text-align: left;
}
.modal-body .label {
	width: auto;
	font-size: 12px;
	margin: 3px 1px;
	padding: 5px 10px;
	border-radius: 15px;
	color:#454545;
	border:1px solid #454545;
	font-weight: normal;
	cursor:pointer;
	transition:0.2s;
	display: inline-block;
}
.modal-body .label:hover{
	color:#454545;
	box-shadow: 0px 2px 4px rgba(100,100,100,0.3)
}



.label_box{
	width:100%;
	height: 100%;
	display:inline-block;
	float: left;
	position: relative;
	padding: 5px 10px;
	margin-top:10px;
	text-align: left;
}
.label_box p{font-size: 14px;}
.label {
    font-size: 12px;
    margin: 3px 1px;
    padding: 5px 10px;
    line-height: 1.4;
    border-radius: 40px;
    color: #454545;
    border: 1px solid #454545;
    font-weight: normal;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
}
.label:hover{
	color:#454545;
	box-shadow: 0px 2px 4px rgba(100,100,100,0.3)
}

#labdat_container h2{
	font-size: 20px;
    padding: 0px 10px;
    font-weight: 500;
}
#labdat_container p {
  	padding: 5px 10px;
    height: auto;
    font-size: 14px;
}
a.label:hover, a.label:focus {
    color: #454545;
    text-decoration: none;
    cursor: pointer;
}

#labdat_container h4{
	padding:5px 10px;
}
#labdat_container p{
	padding:5px 10px;
}


.modal-footer{
	padding: 10px 10px;
	text-align: center;
	display: inline-flex;
}
.modal-footer .btn_2{
	min-width:100px;
	width:auto;
	padding:5px 15px;
	font-size: 13px;
}
.modal-footer .input-container{
	text-align: center
}
.modal-footer .input-container a{
	width: 100%;
	text-align: center;
	font-size: 14px;
	cursor: pointer
}
.modal-footer .input-container a:hover{
	width: 100%;
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
	color:#454545
}
.modal-footer button{margin-left:0px;}


.modal-footer #modal_log_btn{float: none;width:160px; font-weight: normal}
.modal-footer #modal_reg_btn{float: none;width:160px; font-weight: normal;}




.link_box {
	width:100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	float: left;
	padding-top: 10px;
}
.link_box a{
	float: left;
	text-align: center;
	width: 100%;
	padding: 10px 0px;
}






#pr_modal_body{}
#pr_modal_body .product_desc_1 h3{text-align: left;font-size:24px;}
#pr_modal_body .sub_variants_container{text-align: left;}





#pr_modal_content {
	
	display: inline-block;
	
}
pr_modal_content .product_desc_1 h3 {
	height: auto;	
}
#error_reg, #error_reg_comp {
	color:#C70F12;
}
#log_true {
	color:#454545
}
	div#modal-content::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(228,228,228,0.5)
		}
	
	div#modal-content::-webkit-scrollbar { 
		width: 10px;
		background-color: rgba(137,137,137,0.1)
		}
	
	div#modal-content::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(56,56,56,0.2)
		}
.modal-content .icon {
	background: #f2f2f2;
	color: #777777;
	padding: 12px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.modal-content .input-field {
  width: 100%;
  padding:10px;
  outline: none;
	border: 2px solid #f2f2f2 ;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: 0.3s;
}

.modal-content .input-field:focus {
    border: 2px solid #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.modal-content .input-container {
	display: flex;
	width: 100%;
	margin-bottom: 0px;
	padding: 5px 0px;
	box-sizing: border-box;
}
.modal-content .input-container i{
	display:block;
	font-size: 14px;
}

.modal-content .input-container a{
	text-align: center
}


.ProductModal-header{}
.ProductModal-header img{
	padding: 7px;
    max-width: 54px;
    float: left;
}
.ProductModal-header h2{
	width: auto;
	float: left;
	padding: 15px 0px;
	color:#777;
}

.modal-header .close {
    margin-top: 0px;
    font-size: 35px;
    padding: 7px 20px;
}





/* The Close Button */
.close {
	float: right;
	font-size: 24px;
	font-weight: bold;
	transition: 0.3s;
	opacity: 0.4;
	color:#777;
	outline: none
}

.close:hover,
.close:focus {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.6;
}
.link_box {
	width:100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	float: left;
	padding-top: 10px;
}
.link_box a{
	float: left;
	text-align: center;
	width: 100%;
	padding: 10px 0px;
}

.jovahagy {
	position: relative;
	
}

.container{
	

  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 18px;
	/*
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	*/
	margin-top:2px;
	padding-top: 0px;
	float: left;

}
.container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
	border-radius: 5px;
	border: 1px solid #454545 ;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #f2f2f2;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #454545;
	margin-top:0px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

}

.gdpr_chb{
	width:20px;
	height: 20px;
}
.aszf_chb{
	width:20px;
	height: 20px;
}

.btn_zip a {
	width: 100%;
	display: inline-block;
	color: white;
	border-left: none; /* Prevent double borders */
	cursor: pointer;
	border-radius: 5px ;
	border:0px;
	text-align: center;
	padding: 1px;
}

.btn_zip a span{
	font-size: 14px;
	line-height: 1.4
}

.btn_zip a i{
	position: relative;
	font-size:18px;
}
.btn_zip a i span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	background:red;
	top:2px;
	right:-5px;
	font-size: 11px;
	padding: 0px 0px;
	font-style: normal;
}

.zip_input{
    padding: 7px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    width: 60px;
    margin: 6px;
    height: 25px;
    float: left;

}
.zip_input:focus{
	border: 1px solid #454545;
    outline: 0px;	
}
.zip_box{
	width: 100%;
	float: left;
}
.zip_box h4{
	float: left;
	margin:0px 0px 0 0px;
	padding:10px;
	font-size: 14px;
}
.zip_box h4 a{
	padding:0px 3px
}
.zip_box h4 a i{
	padding:0px 3px
}


.zip_box_ok{}
.zip_box_ok h4{
	margin-left:8px;
	font-size:14px;
}
.zip_box_ok i{
	font-size:22px;
	margin:5px;
	cursor:pointer
}







.mySlides{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	position: absolute;
	top:0;
	left:0;
	animation-duration:3s;
	transition-duration:3s;
	}
	.mySlides img{
		width:100%;
		height: 100%;
		opacity:0;
		display:block;
		position:absolute;
		}

.bgslide1{
	background-image: url("../img/parallax/1.jpg");
	width:100%;
	background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
	animation-duration:1s; 
	transition-duration: 1s;
	clear:both;
	z-index:-1000;
	}
.bgslide2{
	background-image: url("../img/parallax/2.jpg");
	width:100%;
	background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
	animation-duration:1s; 
	transition-duration: 1s;
	clear:both;
	z-index:-1000;
	}
.bgslide3{
	background-image: url("../img/parallax/3.jpg");
	width:100%;
	background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	animation-duration:1s; 
	transition-duration: 1s;
	clear:both;
	z-index:-1000;
	}


.marketing {
	color:#fff;
	margin-top:100px;
	text-decoration:none;
	}
	.marketing_item {
		width:	100%;
		margin:0 auto;
		text-align:center;
		display:none;
	}
	.marketing_item h1{
		font-size:40px;
		text-shadow:1px 1px 1px #333
	}
	.marketing_item h3{
		font-size:30px;
		text-shadow:1px 1px 1px #333
	}
	.marketing_item img {
		width: 200px;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.marketing_hr {
		width: 20%;
		margin:0 auto;
		height:2px;
		background:rgba(255,130,30,1);
		}


.page_title{
	width: 80%;
	margin:0 auto;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top:30%;
	left: 50%;
	transform: translate(-50%, -30%);
	z-index: 2;
	padding: 0px 20px;
}
.page_title h1{
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align: center;
}
.page_title h2{
	margin:0px;
	font-size: 14px;
    padding: 5px 0px;
	text-align: center;
}
.page_title h3{
	font-size:36px;
	margin-top:0px;
	font-family: 'Comfortaa', cursive;
}
.page_title a{
	width: 160px;
    margin-top: 10px;
    text-align: center;
    margin: 0 auto;
}
.marketing_elem {
	width:100%;
	float:left;
	text-align: center;
	position: relative;
	margin:10px 0px;
}


.parallax_title{
	width: 80%;
	margin:0 auto;
	display: inline-grid;
	text-align: center;
	text-shadow: 1px 2px 3px rgba(50,50,50,0.9);
	color: white;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	padding: 20px;
}
.parallax_title h1{
	font-weight: 900;
	font-size: 46px;
	margin-bottom: 0px;
	margin-top: 30px;
	
}
.parallax_title h2{
	text-transform: uppercase;
	margin:0px;
}
.parallax_title h3{
	font-size:36px;
	margin-top:0px;
	font-family: 'Comfortaa', cursive;
}
.parallax_title a{
	font-size:18px;
	margin-top:0px;
	text-shadow: 0px 0px 0px rgba(50,50,50,0);
	
}
.parallax_title .btn_6{
	margin:0 auto;
	float: left;
	outline: none;
}
.parallax_title .btn_6:hover{
	
}
.background {}

/* SCROLL DOWN */
.page-scroll{
    width: 100%;
    float: left;
    display: inline-block;
}
.scroll-down-black {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 44px;
    width: 45px;
    display: block;
    z-index: 10;
    text-align: center;
    opacity: 0.4;
    transition: 0.3s;
    margin: 0 auto;
}
.scroll-down-black:hover {
	opacity: 0.6;
}
.scroll-down-black-box {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
}
.scroll-down-black span {
    position: relative;
    color: #fff;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;

}

.scroll-down-black span i {
	position:absolute;
	top:-10px;
	left:-21px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-stretch: normal;
    font-feature-settings: normal;
    font-kerning: auto;
    font-variant: normal;
    text-rendering: auto;
    transform: translate(0px, 0px);
}
.fa-2x {
    font-size: 30px;
}
@-webkit-keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}
@keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}


.bg_line_box{
	width: 100%;
    float: left;
    height: 1px;
    position: absolute;
    bottom: 80px;
    z-index: -1;
}




/*===== SEPARATOR ======*/
.separator {
	width:100%;
	float: left;
	padding:0;
	display: inline-block;
	}
	.sep_img_box {
		width:100%;
		height: 30px;
		float: left;
		display: inline-grid;
		position: relative;
		}
		.sep_img_box img{
			max-width:200px;
			max-height: 100px;
			margin:-40px auto 0 auto;}
.sep_line {
	width:100%;
	height:30px;
	float: left;
	margin-top:-30px;
}

#separator_1 {width:100%;float: left; margin:50px 0px 50px 0px}
#separator_2 {width:100%;float: left; margin:30px 0px 30px 0px}
#separator_3 {width:100%;float: left; margin:60px 0px 30px 0px}
#separator_4 {width:auto; margin:0px -15px 0px -15px}

#separator_1 .sep_img_box {
	float: left;
	display: inline-grid;
	position: relative;
	}
	#separator_1 .sep_img_box img{
		position: absolute;
		top: 0px;
		left: 20%;
		z-index: 1000;
	}
	#separator_1 .sep_line {
		width: 100%;
		float: left;
}
/*
#separator_2 .sep_img_box {
	width:100%;
	height: 35px;
	float: left;
	display: inline-grid;
	position: relative;
	}
	#separator_2 .sep_img_box img{
		width: 75px;
		max-width: 100%;
		margin: 6px auto;}

#separator_3 .sep_img_box {
	width: 100%;
    height: 20px;
    float: left;
    display: inline-grid;
    position: relative;
	}
	#separator_3 .sep_img_box img{
		width:150px;
		margin:0px auto;}

#separator_4 .sep_img_box {
	width:100%;
	height: 0px;
	float: left;
	display: inline-grid;
	position: relative;
	}
	#separator_4 .sep_img_box img{
		width:140px;
		margin:5px auto;
		margin-top:-35px;
	}
	#separator_4 .sep_line {
		width: 100%;
		height: 40px;
		float: left;}
*/
/*===== /SEPARATOR ======*/



/*===== NAV ======*/

#nav_head {
	height:60px;
	width: 100%;
	display: inline-block;
	position: fixed;
    top:0px;
	background-color:#f7f7f7;
	z-index: 1100;
	transition: 0.3s;
}
.nav_head_left {
	width: 53%;
	float: left;
	position: relative;
}
.nav_head_left_top {
	height: 30px;
	width: 100%;
	display: block;
}
.nav_head_left_top a{
	float: left;
	padding: 6px;
	color:#777;
	cursor:pointer;
	transition:0.2s;
	margin-left: 10px;
}
.nav_head_left_top a:hover{
	color:#555;
	text-decoration: underline;
}

.nav_head_right {
	height: 60px;
	width: 47%; 
	float: left; 
	position: relative;
}

.nav_head_right_top{
	height: 45px; 
	width: 100%; 
	display: block
}
.nav_head_right_top a{
	float:right;
	font-size:20px;
	padding: 10px 0px;
	cursor:pointer;
	display: inline-block;
	border: none;
	letter-spacing: 0.3px;
	
}
.nav_head_right_top a:hover{
	text-decoration:underline;
	color: #454545;
	border:none;
	box-shadow: none;
}
.nav_head_right_top a img{
    width: auto;
    padding: 0px 5px;
    height: 24px;
}
.nav_head_right_bottom {
	width: 100%;
    height: 60px;
    float: right;
    padding: 15px 0px;
}
.nav_head_right_bottom a{
	display: inline-block;
	border:1px solid #aaa;
	padding: 2px 10px 2px 10px;
	border-radius:20px;
	cursor:pointer;
	float: right;
	margin-left: 5px;
	line-height: 1.5;
	transition: 0.2s;
	background-color: #fff;
	margin-bottom: 15px;
}
.nav_head_right_bottom .icon-cog-alt {
	font-size: 14px;
}

.nav_head_right_bottom a:hover{
	border:1px solid #454545;
	box-shadow: 0px 5px 5px rgba(100,100,100,0.1);
	color:#454545;
	background-color:#fff;
}
.nav_head_right_bottom a img{
	height: 20px;
    padding: 2px 2px 2px 0px;
    float: left;
}
.nav_head_right_bottom a i{
	font-size: 12px;
    line-height: 1.8;
    text-transform: none;
    font-style: normal;
    padding: 5px 3px;
    letter-spacing: 0.3px;
    float: left;
	line-height:1;
}









.head_logo {width:40%; float: left}
.head_logo a{height: 60px; float: left;display: inline-block}
.head_logo a img{
	height:100%;
	width: 100%; 
	padding:10px;
	margin-top:0px;
}
.search {width:50%;height: 50px; float: left;padding:12px 0px;}
.example {
	display:inline-block;
	width: 96%;
	position: relative;
	padding: 3px 0px;
}
.example i{
	position: absolute;
    top: 4px;
    left: 3px;
    color: #eee;
    font-size: 24px;}
form.example input[type=text] {
	width: 100%;
  height:33px;
	padding: 5px 10px 5px 35px;
    font-size: 12px;
    border: 1px solid #c7c7c7;
    background: #fff;
    border-radius: 20px;
    color: #999;
    letter-spacing: 0.8px;
	
}
form.example input[type=text]::placeholder {
	padding: 0px;
	line-height: 3;
	letter-spacing: 0;
	color:#ccc
}
form.example input[type=text]:focus {
	border: 1px solid #454545;
	outline:0px;
}
form.example input[type=text]:active {
	border: 1px solid #454545;
	outline:0px;

}
form.example input[type=text]:visited {
	border: 1px solid #eee;
	padding:7px 10px;
	outline:0px;
}
form.example input[type=mail] {
	width: 100%;
    padding: 8px 10px 8px 35px;
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background: #fff;
    border-radius: 20px;
    color: #999;
    letter-spacing: 0.8px;
	
}
form.example input[type=mail]::placeholder {
	padding: 0px;
	line-height: 3;
	letter-spacing: 0;
	color:#ccc
}
form.example input[type=mail]:focus {
	border: 1px solid #454545;
	outline:0px;
}
form.example input[type=mail]:active {
	border: 1px solid #454545;
	outline:0px;

}
form.example input[type=mail]:visited {
	border: 1px solid #eee;
	padding:7px 10px;
	outline:0px;
}

/* Style the submit button */
form.example button {
  float: right;
  width:100px;
  padding: 5px 10px;
  background: #e1171e;
  color: white;
  font-size: 14px;
  border: 0px ;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
	border-radius: 0px 5px 5px 0px;
	outline: none;
}

form.example button:hover {
  background: #e1171e;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}
.icon-menu-1 {
    font-size:40px;
    color: #454545;
}
.navbar-toggle {
    margin:0px 5px;
	padding:0px;
    padding-top: 0px;
	display: none
}
/* KOSÁR */
.btn_cart{
	display:inline-block;
	width: 120px;
	height: auto;
	background: #454545;
	color:#fff;
	float:right;
	border-radius: 20px;
	padding: 3px 0px;
	margin: 6px 0px;
}
#open_cart{
	padding: 3px 0px;
	margin: 2px 0px;
}
.btn_cart div {
	width: 100%;
	display: inline-block;
	color: white;
	border-left: none; /* Prevent double borders */
	cursor: pointer;
	border-radius: 5px ;
	border:0px;
	text-align: center;
	padding: 1.5px;
}

.btn_cart div span{
	font-size: 15px;
	line-height: 1.4
}

.btn_cart div i{
	position: relative;
	font-size:18px;
}
.btn_cart div i span{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	background:#fff;
	top:2px;
	right:-5px;
	font-size: 11px;
	padding: 0px 0px;
	font-style: normal;
	color: #454545;
	text-align: center;
}
#cart_box{
	display:none;
}
.cart_box{
	position: absolute;
	top:80px;
	right: 0px;
	width: 350px;
	height: 100%;
	background-color: #DDDDDD;
	display: inline-table;
	z-index: 1600;
	border: 1px solid #aaa;
	
}

.cart_box_head {
	background-color:#545454;
	width: 100%;
	height: 50px;
	padding-top: 5px;

}
.cart_box_head b{
	color:#fff;
	font-size: 20px;
	padding: 5px 10px;
}


.head_price{
	float:left;
}

.close_cart:hover{
	opacity: 0.8;
}

.head_price i{
	position: relative;
	font-size: 26px;
	
}
#head_price{
	font-size: 20px;
	padding-left: 10px;
  	font-weight:500
}
.head_price i span{
	position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
    height: 18px;
    border-radius: 30px;
    background-color: red;
	text-align: center
}
.head_price i span i{
    font-size: 14px;
    padding: 0px 0px;
	font-style: normal
}
.head_price i{
	
}
#close_cart{
	float: right;
	cursor: pointer;
	opacity: 0.6;
	transition: 0.2s;
	padding: 5px 10px;
}


.cart_box_content{
	width:100%; 
	background:#f2f2f2;
	overflow: auto;
	overflow-x: hidden
}



	.cart_box_content::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(228,228,228,0.5)
		}
	
	.cart_box_content::-webkit-scrollbar { 
		width: 10px;
		background-color: rgba(137,137,137,0.1)
		}
	
	.cart_box_content::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(56,56,56,0.2)
		}





.cart_category{
	width: 100%;

	display: inline-table;
	
}
.cart_category p{
	margin-bottom: 0px;
	padding: 5px 10px;
	font-size: 14px;
}

.cart_product{	
	width: 100%;
	/*height: 90px;*/
	background: #fff;
	float: left;
	margin-bottom: 3px;

}

.cart_product_img {
	width:25%;
	/*height: 100%;*/
	float: left;
	position: relative;
}
.cart_product_img img{
	width:auto;
	max-height: 80px;
	display: block;
	margin:0 auto;
	padding:5px;
}
.cart_product_img .sale{
	position: absolute;
    top: 3px;
    left: 3px;
    display: inline-grid;
}
.cart_product_img .promo_title{
	height: 22px;
    width: 94%;
    margin-left: 2%;
    text-align: center;
    display: inline-block;
    background: #D31417;
	border:1px solid #D31417;
    position: absolute;
    top: -20px;
    left: 0;
    border-radius: 6px;
    padding: 2px;
    overflow: hidden;
}
.cart_product_img .promo_title a {
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}







.cart_product_content{
	width:75%;
	/*height: 100%;*/
	margin-bottom: 2px;
	float: left;
	position: relative;
}
.delete_item {
    position: absolute;
    top:2px;
    right: 0px;
    z-index: 1000;
	display: inline-flex;
}
.delete_item i{
	font-size: 18px;
	opacity: 0.6;
	cursor: pointer;
	font-style: normal;
	padding: 5px
}

.control_elem .delete_item i{
	font-size: 18px;
	opacity: 0.6;
	cursor: pointer;
	font-style: normal;
	padding:15px  5px
}

.delete_item i:hover{
	opacity: 0.8;
}

.product_title{
	width:90%;
	float: left;
}
.product_title a{
	line-height: 1;
	font-size: 14px;
	letter-spacing: 0px;
	padding: 5px ;
	float: left;
	transition: 0.1s;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
}
.product_title a:hover{
	color:#777;
	text-decoration: underline
	
}
.product_quantity {
	width: 70%;
	height: auto;
	float: left;
	padding: 0px 5px

}
.product_price{
	width: 30%;
    float: right;
    padding: 5px;
    text-align: right;
    font-size: 12px;
	
}
.product_price span{
	font-weight: bold;
    font-size: 14px;
    color: #777;
    float: revert;
    text-align: right;
	
}
.product_promo{
	width: 100%;
	height: 23px;
	float:left;
	overflow: hidden;
	display: inline-block;
	padding: 3px 5px;
	text-align: left;
}
.product_promo a{
	width: 70%;
	float:left;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	color:rgba(215,36,39,1.00);
}

.product_promo span{
	width: 30%;
	font-weight: bold;
	font-size: 12px;
	color: rgba(215,36,39,1.00);
	float: right;
	text-align: center;
	
}

.btn_plus, .btn_minus  {
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    line-height: 28px;
    position: relative;
    flex: 0 0 30px;
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    outline: none;
	padding: 1px 9px;
	cursor: pointer;
	transition: 0.3s;
	transform: scaleY(1);
	text-transform: uppercase;
	margin-top: -4px;
	
}
.btn_plus:hover, .btn_minus:hover  {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
	transform: scaleY(1.5);
	margin-top: 0px;
	color:#454545;
}
.btn_plus {
	padding: 2px 9px;
    margin-left: -14px;
    margin-right: -15px;
    font-size: 20px;
}
.btn_minus  {
	padding: 2px 10px;
    font-size: 20px;}
.cart_box_footer{
	width: 100%;
	height: 60px;
	float: left;
	background-color:#545454;
	text-align: center;
	display: inline-flex
}
.cart_box_footer .btn_1 {
	margin: 12px auto;
	max-width: 80%;
	padding:8px;
}

.pitem_product_quantity span{
	margin-left: 15px;
}

.pitem_btn_box{
	width:100%;
	height: 100%;
	float: left;
	display: block;
}

/* Cart_info */

.cart_info{
	width:100%;
	height: 100%;
	background-color:#efefef;
}
.cart_info_head{
	width:100%;
	height: auto;
	display:inline-block;
	border-bottom:1px solid #ddd;
}
.cart_info_head p{
	width: calc(100% - 50px);
	text-align:left;
	height: auto;
	float:left;
	padding:10px;
	margin:0px;
	font-size: 18px;
}
.cart_info_head i{
	float:right;
	padding: 5px 4px;
	margin:10px;
	background: #fff;
}
.cart_info_head i:hover{
	box-shadow:1px 3px 5px #ddd
}

.cart_info_head .cart_weight{
	width: auto;
	float:left;
	font-size:14px;
	padding:3px 16px;
}
.cart_info_head .cart_weight span{
	font-size:18px;
	
}






.cart_info_open{
	width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #454545;
    color: #454545;
    border-radius: 20px;
    cursor: pointer;
    padding: 5px 4px;
    margin: 1px auto;
    transition: 0.2s;
    font-size: 12px;
}
.cart_info_content{
	height: 280px;
	max-height: 100%;
	overflow:auto;
	overflow-x:hidden;
	display: block;
}

	.cart_info_content::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(228,228,228,0.5)
		}
	
	.cart_info_content::-webkit-scrollbar { 
		width: 10px;
		background-color: rgba(137,137,137,0.1)
		}
	
	.cart_info_content::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(56,56,56,0.2)
	}

.cart_info_content .product_promo {
    width: 70%;
    float: left;
    padding: 3px 5px;
    text-align: left;
}

.cart_info_content .cart_product{
	width:auto;
	border:1px solid #ddd;
	border-radius:5px;
	padding:5px;
	margin:2px 5px 2px 5px;
}
.cart_info_content .cart_product:first-child{
	margin-top:10px;
}

.cart_info_content .cart_product:last-child{
	margin-bottom:10px;
}
.cart_info_content .cart_product_img {
    width: 30%;
    height: 100%;
    float: left;
	overflow: hidden;
}
.cart_info_content .cart_product_content {
    width: 70%;
    float: left;
    position: relative;
}

.cart_info_content .cart_product_content .product_title {
    width: 100%;
    float: left;
}
.cart_info_content .cart_product_content .product_title a {
    line-height: 1;
    font-size: 12px;
    letter-spacing: 0px;
    padding: 5px 5px 0px 5px;
    float: left;
    transition: 0.1s;
    height: 42px;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}.cart_info_content .cart_product_content .product_title a:hover {
	text-decoration: none;
}
.cart_info_content .cart_product_img img {
    width: auto;
    display: block;
    margin: 0 auto;
}

.cart_info_content .product_quantity{
	text-align:left;
	display: inline-flex;
}
.cart_info_content .product_quantity span{
	margin:0px;
	text-align: left;
	font-size: 14px;
	padding:5px 0px;
	white-space:pre-wrap;
}

.cart_info_footer{
	width:100%;
	height: auto;
	padding:10px 0px;
	display:inline-block;
	border-top:1px solid #ddd;
}
.cart_info_left{
	width: 60%;
	float:left;
	padding:5px 0px 0px 10px;
	margin:0px;
	font-size: 12px;
	text-align: left;
}


.cart_info_right{
	width:40%;
	float:right;
	padding:3px 10px 0px 0px;
	margin:0px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
.cart_info_total {
	width:100%;
	float: left;
	display:inline-block;
	padding:5px 0px;
	border-top:1px solid #ddd;
}
.cart_info_total .cart_info_right{
	padding:3px 10px 5px 0px;
	margin:0px;
	font-size: 18px;
}
.cart_info_total .cart_info_left{
	padding:5px 0px 5px 10px;
	margin:0px;
	font-size: 14px;
}









/* /Cart_info */


nav {width:100%; height: 40px;}
#navigation{
	position: fixed;
    top:60px;
	height: 40px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 3px 5px rgba(250,250,250,0.1);
    user-select: none;
	z-index: 1100;
	transition: 0.3s;
}


#nav{
	/*background-color:#fff;*/
	width:100%;
	height:40px;
	margin-top:0px;
	box-shadow:0px 1px 3px #999;
    z-index:400;
	user-select:none
	}
	#nav ul{
		width: 100%;
		height: 40px;
		display: -webkit-inline-box;
		padding: 0px;
		float: left;
		margin: 0;
		overflow: hidden;
		}
	/*
		#nav ul::-webkit-scrollbar-track {
			border-radius: 10px;
			background-color: rgba(228,228,228,0.5)
			}

		#nav ul::-webkit-scrollbar { 
			width: 0px;
			height: 0px;
			background-color: rgba(137,137,137,0.1)
			}

		#nav ul::-webkit-scrollbar-thumb {
			border-radius: 10px;
			background-color: rgba(56,56,56,0.2)
		}
	*/




		#nav ul li{
			text-align: left;
			float:left;
			padding:0px 5px;
			cursor:pointer;
			/*color:#777777;*/
			list-style: none;
			transition:0.2s
			}
			#nav ul li:first-child{
				list-style-type:none;
			}
			#nav ul li:hover{
				background: #f7f7f7;
			}
			#nav ul li a{
				width:100%;
				padding:0px 3px;
				display: inline-flex;
				
				}
				#nav ul li a:hover{
					color:#111111;
				}
			#nav ul li a img{
				width: 30px;
				height:30px;
				margin:5px;
				padding: 3px;
				}
			#nav ul li a i{
				font-size:14px;
				color:#8f8f8f;
				text-decoration:none;
				transition:0.2s;
				letter-spacing: 0px;
				float: left;
				line-height: 1.3;
				font-style: normal;
				}
/* =============== SMALL DROP NAV ================ */
.main_menu_dd
{
  	height:unset;
    position:absolute;
    top:40px;
    left:0;
    width:250px;
    /*height:90px;*/
    background:#efefef;
    /*border:1px solid #aaa;*/
	    box-shadow: 0px 1px 3px #999;
}
.main_menu_dd .main_menu_dd_item
{
	height: 32px;
  	width:100%;
  	padding:7px 16px;
  	background: #fefefe;
  	/*color:#2785c0;*/
	color:#555;
	cursor: pointer;
	transition:0.1s;
	font-size: 13px;
}
.main_menu_dd .main_menu_dd_item:hover
{
  	color:white;
  	background: #2785c0;
}
   
.sub_menu_dd
{
  	height:unset;
    position:absolute;
    top:40px;
    left:250px;
    width:250px;
    /*height:90px;*/
    background:#eee;
    /*border:1px solid #aaa;*/
	    box-shadow: 0px 1px 3px #999;
}
.sub_menu_dd .sub_menu_dd_item
{
  	width:100%;
  	padding:7px 16px;
  	background: white;
  	/*color:#2785c0;*/
	color:#555;
  	display:block;
		transition:0.1s

}
.sub_menu_dd .sub_menu_dd_item:hover
{
  	color:white;
  	font-size: 12px;
  	background: #2785c0;
}
#main_dd_comp a {width:100%;float: left;display: block}
/* =============== /SMALL DROP NAV ================ */

/*
#menu_0 {width:120px;}
#menu_1 {width:140px;}
#menu_2 {width:160px;}
#menu_3 {width:160px;}
#menu_4 {width:105px;}
#menu_5 {}
*/


.text_box {
    width: 100%;
    height: 36px;
    float: left;
    position: relative;
	padding: 0px 5px 0px 5px;
  	margin:2px 0px;
}

.text_box p{
	font-size: 13px;
    padding: 0;
    margin: 0;
    transition: 0.2s;
    /*position: absolute;*/
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
	line-height: 1;
	position: relative;
}

.dropnav_elem .text_box {
    width: calc(100% - 60px);
    height: 60px;
    float: left;
    position: relative;
}

.dropnav_elem .text_box p{
	font-size: 14px;
    padding: 0;
    margin: 0;
    color: #777;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    left: 4%;
    transform: translate(0%, -50%);
	line-height: 1;
	text-align: left;
}



.cats_container {
	width:100%;
	height: 100%;
	display: block;
	float: left;
}

.cats_container .page_nav_title i {
	padding: 4px 0px;
    font-size: 18px;	
}
.cats_container .page_nav_title h3 {
    font-size: 14px;
    line-height: 1.4;
    padding: 4px 0px 2px 8px;
}
.cats_container h4{
	font-size: 16px;
	text-align: left;
	padding: 10px 10px;
    margin-bottom: 0px;
}
.cats_container p{
	font-size: 14px;
	text-align: justify;
	padding: 0px 10px;
	
}

.link {
}


.page_nav{
	width: 100%;
	height: 100%;
	float: left;
	display: inline-block;
    padding: 6px 0px 0px 0px;
	transition: 0.3s;
}
.page_nav ul{
	width: 100%;
	float: left;
	display: inline-block;
	padding-left: 0px;
	margin: 0px;
}
.page_nav ul li{
	float: left;
    list-style-type: none;
    background: #fff;
    padding: 7px 0px 7px 10px;
}
.page_nav ul li:last-child{padding: 7px 10px 7px 10px;}
.page_nav ul li a{
	font-size: 14px;
	cursor: pointer;
	transition: 0.2s;
}
.page_nav ul li a:hover{
	text-decoration:underline;
	color:#454545;
}
.page_nav ul li i{
	text-transform: none;
	font-style: normal;
	padding: 0px 3px;
	color: #bbb
}
.page_menu_box {
    width: 100%;
    float: left;
    display: inline-flex;
}

.page_nav_elem{
	width: 450px;
	max-width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	display: inline-flex;
	float: left;
	border-radius: 5px;
	transition:0.2s;
	position: relative;
}
.page_nav_elem img{
	width: 100%;
	height: 100%;
	float: left;
	margin: 0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transition:0.2s;
}
.page_nav_elem img:hover{box-shadow: rgb(100 100 100 / 40%) 0px 8px 8px -6px;}

.page_nav_elem h3{
	color: #fff;
	float: left;
	font-size: 18px;
	padding:6px;
	margin:0px;
	text-align: left;
	overflow: hidden;
	position:relative;
	transform: scale(1);
	font-weight: bold
}
.page_nav_title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #454545;
	height: 30px;
	width:100%;
	display: inline-block;
	overflow: hidden
}
.page_nav_title h3{
	height: 30px;
	font-size: 14px;
	line-height: 1.4;
	padding: 6px 0px 5px 8px;
	margin:0px;
	color: #fff;
	float: left;
	text-align: left;
	overflow: hidden;
	position:relative;
	transform: scale(1);
	font-weight: bold
}
.page_nav_title i{
	position: absolute;
    top: 1px;
    right: 0px;
	
    color: #fff;
    float: right;
    padding: 3px 0px;
    font-size: 20px;
    background-color: #454545;
}

.page_nav_subcat_elem{
	width: auto;
	height: 100%;
	margin: 5px;
	background-color: #fff;
	display: inline-block;
	float: left;
	border-radius: 5px;
	transition:0.2s;
}
.page_nav_subcat_elem:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 8px -8px;
}
.page_nav_subcat_elem img{
	max-width: 100%;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.page_nav_subcat_elem h3{
	float: left;
	font-size: 18px;
	padding:10px;
	margin:0px;
	text-align: left;
	overflow: hidden;
}

.page_nav_subcat_elem p{
	padding:0px 10px;
	color:#777;
}
.page_nav_subcat_elem a{
	width: 100%;
	height: 100%;
	float: left;
	cursor: pointer;
}
.page_nav_subcat_elem a:hover{
	cursor: pointer;
	text-decoration: underline;
}


/* Page NAV Label */



.wrapper_label_nav {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
}
.label_cats_container{}
.label_cats_container .page_nav_label i{font-size: 19px;}
.label_cats_container .page_nav_label h3{padding: 3px 0px 2px 8px;}
.label_link{
	float: left;
	width: 100%;
	height: 100%;
	display:inline-flex;
}
.label_link .page_nav_elem {
    width: 100%;
    max-width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-flex;
    float: left;
    border-radius: 5px;
    transition: 0.2s;
    position: relative;
	margin:0px;
}
.label_link .page_nav_label h3 {}
.label_link .page_nav_label {height: 36px}
.page_nav_label{
	position: relative;
	display: inline-block;
	float: left;
	padding: 6px;
    border-radius: 31px;
	height: 36px;
	transition: 0.2s;
}

.page_nav_label:hover{
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
}



/* FILTERNAV */
.filter_nav {
	width:100%;
	height: 100%;
	float: left;
	display:block;
	background-color:#fff;
	padding: 10px 7px;
}
/*== Filter ==*/
.filter_box{
	width: 100%;
	height: 100%;
	float: left;
	display: inline-block
}
.filter_box a{
  	width: 36px;
    height: 34px;
	border:1px solid #b9b9b9;
	border-radius:5px;
	padding:5px 4px;
	margin-right: 5px;
	cursor: pointer;
	margin:5px;
	margin-left: 0px;
	transition:0.2s;
}

.btn_filter{
	float:left;
}

.filter_box a:hover {
	color:#fff;
	background-color:#454545;
	border:1px solid #454545
}
.filter_box .active {
	color:#fff;
	background-color:#454545;
	border:1px solid #454545
}
.filter_box a i{
	font-size: 18px;
    padding: 0px;
  margin:0px;
    display: block;
}

.filter_box .dropdown-menu {width:200px;}
.filter_box .dropdown-menu {}
.filter_box .dropdown-menu li{padding:0;}
.filter_box .dropdown-menu li a{padding:7px 10px}
.filter_box .dropdown-menu li a:hover{padding:7px 10px}
.filter_box .dropdown-menu li div{padding:7px 10px}
.filter_box .dropdown-menu li div:hover{padding:7px 10px}

.custom-select {
  position: relative;
	float: left;
	margin-right: 5px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;

}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid #b9b9b9;
  border-color: #b9b9b9 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #b9b9b9 transparent;
  top:12px;
}

/* style the items (options), including the selected item: */
.select-items div{
	color: #777;
	padding: 7px 5px;
	border: none;
	border-radius:0px;
	cursor: pointer;
	font-size: 14px;
	transition: 0.2s;
}
.select-selected {
	color: #777;
	padding: 5px 5px;
	border: 1px solid #b9b9b9;
	border-radius:5px;
	cursor: pointer;
	font-size: 14px;
	margin:5px 0px;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: #fff;
	color:#fff;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1200;
	box-shadow: rgba(100, 100, 100, 0.4) 0px 8px 8px -8px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
	color:#fff
}

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





/* DROPNAV */

#dropnav_1 {
	display: none;
	transition: 0.2s;

}

.dropnav{
	width:100%;
	height:100%;
	margin-top:0px;
	display: inline-table;
	background: #fff;
	transition: 0.2s;
	float: left;
	z-index: 4700;
	box-shadow: 0px 3px 3px #999;
}
.dropnav_container{
	width: 100%;

	float: left;
	display: inline-table;
	padding: 15px 0px;
}
.dropnav_menu {
	width: 100%;
	height: auto;
	float: left;
	display: inline-table
	}
.dropnav_menu ul{
	width: 100%;
	float: left;
	display: inline-block;
	margin-left: 5px;
}
.dropnav_menu ul li{
	width: auto;
	float: left;
	list-style-type: none;
}
.dropnav_menu ul li a{
	font-size: 14px;
	cursor: pointer;
}
.dropnav_menu ul li i{
	text-transform: none;
	font-style: normal;
	padding: 0px 3px;
}

.dropnav_elem{
	width: 100%;
	height:60px;
	background-color: #fff;
	border:1px solid #ddd;
	display: inline-flex;
	float: left;
	border-radius: 5px;
	transition:0.2s;
	margin-bottom: 5px;
}
.dropnav_elem:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 8px -8px;
}

.dropnav_elem img{
	height: 100%;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	
}

.dropnav_elem h3{
	height: 40px;
	float: left;
	font-size: 14px;
	margin:10px;
	text-align: left;
	overflow: hidden;
}


/*===== Drop_cat összevont kategória ======*/

	.drop_m_cat{
		font-size:16px;
		color:#333;
		height:34px;
		border-bottom:2px solid #454545;
		padding:8px;
	}
	.drop_m_cat:hover{
		background-color:#eee;
	}
	.drop_cat{
		font-size:14px;
		color:#666;
		height:34px;
		padding:8px;
		
	}
	.drop_cat:hover{
		background-color:#f7f7f7;
	}
	.drop_cat p {
		height:20px;
		text-align:left;
		overflow: hidden;
}

	.menu_box_img_cont{
		background-image:url(img/ajanlo/3.jpg);
		/**/background-size: 100%;
		background-repeat: no-repeat;
		background-position: top;
		height:100%;
		padding:20px;
		position:relative;
	}
	.menu_box_img_cont h3{
		margin:0;
		font-size:28px;
		color:white;
		/*text-shadow:3px 3px 3px #333;*/
		text-shadow:-1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
		position:absolute;
		/*
		bottom:12px;
		right:12px;
		text-align:right;
		*/
		
		top:12px;
		left:12px;
		text-align:left;
	}





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

/* FELUGRÓ */
#button-up {
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:1500;
	border: 2px solid #454545;
	border-radius:100px;
	color: rgba(59,59,59,0.20);
	width: 36px;
	height: 36px;
	opacity: 0.3;
	display: none;
	transition: 0.2s;
	}
#button-up:hover {
	opacity: 0.8;
	background-color:#fff; 
	box-shadow: 0px 2px 5px rgba(0,0,0,0.30);
}
	#button-up i {
		font-size:28px;
        opacity: 1;
		cursor:pointer;
		margin-left: -3px;
		margin-top: -6px;
		float: left;
		display: inline-block;
		color: #454545;
		transition: 0.2s;
	}
	#button-up i:hover {
        opacity: 0.8;
		transition:0.2s;
	}

/*===== FŐOLDAL CONTENT ======*/
section {
	width:100%;
	float: left;
}

.sec_1 {
	display: inline-block;
	height: 100%;
	width:100%;
	float: left;
	position: relative;
	margin-top: 0px;
	padding: 20px 0px;
}

.sec_2 {
	display: inline-block;
	height: auto;
	width:100%;
	float: left;
	position: relative;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: cover;
}	
.sec_3 {
	display: inline-block;
	height: 100%;
	width:100%;
	float: left;
	position: relative;
	background-position: center;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: cover;
    margin-bottom:40px;
	/*margin-top: 100px;
	background-color: #fff*/
	
}	
.sec_4 {
	display: inline-block;
	height: 100%;
	width:100%;
	float: left;
	position: relative;
	margin-top: 0px;
	/*margin-bottom: 100px;*/
	
}	

.sec_5 {
	display: inline-block;

	width:100%;
	float: left;
	position: relative;
	padding-top: 0px;
	/*background-color: #fff*/
	
}	
.sec_6 {
	display: inline-block;
	height: 100%;
	width:100%;
	float: left;
	position: relative;
	background-position: center;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: #f4f4f4;*/
	margin-bottom: 50px
	
}	
.sec_7 {
	display: inline-block;
	width:100%;
	float: left;
	position: relative;
	/*margin-top: 100px;
	background-color: #fff*/
}	

.sec_8 {
	display: inline-block;
	width:100%;
	float: left;
	position: relative;
	/*margin-top: 100px;
	background-color: #efefef*/
}	
.category_page_bg{
	background-color:#eee;
}

.bg_akcio {
	background-image: url("../img/parallax/DemoShop-BG.jpg");
	background-position: top
}
#akcio_sd {height:300px;}

/* SCROLL DOWN AKCIÓ */
#akcio_sd .scroll-down-black {
	position: absolute;
	top:0px;
	left: 49%;
	border: 2px solid #454545;
	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: #454545;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}


.wrapper_head {
	width: 100%;
	max-height: 100%;
	display: inline-grid;
	margin-top:0px;
	margin-bottom: 10px;

	
}

.wrapper_head h1 {text-align:center;font-size: 28px;}
.wrapper_head h2 {text-align:center;color:#888}
.wrapper_profil {
	/*margin-top:100px;*/
	}
.wrapper_profil .wrapper_content {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top:0px;
	display: inline-block;

}
.wrapper_content {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	padding-top:0px;
	display: inline-block;
}

.wrapper_content_product {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 5px 0px;
	display: inline-block;
}
.wrapper_head_afsz {
	width: 100%;
    height: 100%;
    float: left;
}
.wrapper_content_afsz {
	width:100%;
	height: 100%;
	float: left;
	margin-bottom: 50px;
}


.wrapper_content_btn {
	width:100%;
	height: 50px;
	float: left;
	display: inline-flex;
}
.wrapper_content_btn a{
	width: 240px;
	height: 30px;
    margin-left: 20px;
}



.content_text_box{
	width:100%;
	float: left;
	padding:10px;
	display: inline-block;
}
.content_text_box h2{
	text-align: left;
	font-size: 24px;
}
.content_text_box h3{
	text-align: left;
	font-size: 24px;
}
.content_text_box h4{
	text-align: left;
	font-size: 16px;
	margin:15px 0px 0px 0px;
	width:100%;
}

.content_text_box ul{}
.content_text_box ul li{}
.content_text_box ul li p{}


.content_text_box p{
	font-size: 14px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.content_text_box a{
	font-size: 16px;
	padding: 10px;
	margin:0px;
}
.content_text_box p span{}




.content_img_box {
	width: 100%;
	float: left;
	display: inline-flex;
	padding: 15px 10px;
}	
.content_img_box img{
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
	
}
.content_img_box .content_img_3 {
	border-radius: 8px;
	margin-top: 50px;
}
.content_data_box{
	width: 100%;
	float: left;
	padding: 15px 10px;

}
.content_data_box h3{font-size: 18px;}
.content_data_box h4{text-align:left;font-size:16px;line-height: 1.4;font-weight:bold}
.content_data_box .block{}
.content_data_box p{

	font-size: 14px;
    padding: 0px;
    margin: 5px 10px;
}
.content_data_box p span{
	user-select: text;
	font-size: 14px;
    padding: 0px;
    margin: 5px ;

}

#sporder {display:inline-grid;float:left;}
#order {display:inline-grid;float:left;}
#order p {font-size:14px;}
#order_img {display: inline-block;float: left}
#order_img img{
	width:auto; 
	max-height: 160px;
	max-width: 100%;
	margin:0 auto;
}
#p_tid{user-select:text;}
#ref{user-select:text;}

.fix_addressbar{
	width:100%;
	height: 40px;
	float: left;
}



.wrapper_sped_nav {
	width: 100%;
	max-height: 100%;
	display: inline-grid;
	margin-top:0px;
	transition:0.2s;
}
.wrapper_category_nav {
	width: 100%;
	max-height: 100%;
	margin-top:0px;
	transition:0.2s;

}
.wrapper_chekout{
	padding:0px 10px;
}
.wrapper_info_header {
	text-align: center;
    padding: 30px 0px 20px 0px;
}
.wrapper_info_header h3{
	margin:5px 0px;
	padding:0px;
	font-size:30px;
	font-weight: bold;
	text-align: center
}
.wrapper_info_header h4{
	margin:5px 0px;
	padding:0px;
	font-size:24px;
	font-weight: bold;
	text-align: center
}
.wrapper_info_header span{
	margin:5px 0px;
	padding:0px;
	font-size:30px;
	font-size:16px;
	font-weight: normal;
}
.wrapper_info_header p{
	margin:5px 0px;
	padding:0px;
	font-size:16px;
	text-align: center
}
.wrapper_info{
	width: 100%;
	height: 100%;
	padding: 10px;
	margin: 0px;
	padding-bottom: 40px;
	padding-top:0px;
	display: inline-block;
	text-align: left;
	color:#303030
	
}

.wrapper_info h1{}
.wrapper_info h2{text-align: left;font-size: 24px;margin-top:30px;}
.wrapper_info h3 {
    width: 70%;
    margin: 0 auto;
}
.wrapper_info h4{font-weight: 600; line-height: 1.2;}
.wrapper_info h5{margin: 0px 0px 0px 0px;font-size: 16px;}
.wrapper_info h6{}
.wrapper_info p{font-size: 14px;margin-bottom:5px;margin-left: 5px;}
.wrapper_info a{}
.wrapper_info i{}
.wrapper_info span{font-size: 14px;}
.wrapper_info img{}
.wrapper_info ul{}
.wrapper_info ul li{}

.wrapper_info .block{text-align:left;padding-left:15px;}
.wrapper_info h4{font-size: 18px;}
.wrapper_info .block p{font-size: 14px;}



/**/
.wrapper_info_transport {
	width:100%;
	height: 100%;
	float: left;
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
	padding: 0px 10px;
}
.wrapper_info_transport h4{font-size: 14px;font-weight: bold;}
.wrapper_info_transport p{font-size: 14px;margin-bottom:10px;}
.wrapper_info_transport p i{}
.wrapper_info_transport p span{}



.wrapper_info_page{
	width:100%;
	height: auto;
	border:1px solid #ddd;
	border-radius:5px;
	padding: 10px;
	margin-bottom:10px;
	display: inline-block;
}











/*====== Fizetési információk ======*/

.pay_info_title {
	width:100%;
	height: auto;
	float: left;
	border-bottom:1px solid #ddd;
	display: inline-block;
}
.pay_info_title h3{margin:0px; padding:5px;font-size: 20px}


.pay_mode {
	width:100%;
	float: left;
	margin:10px 0px;
	padding:10px;
	border-bottom:1px solid #ddd;
}
.pay_mode:last-child {
	margin-bottom: 0px;
	border-bottom:0px;
}
.pay_mode p{padding:5px; font-size: 14px; text-align: left;}

.pay_box {
	width:100%;
	float: left;
}

.pay_message, .shipping_message {
	font-weight:bold;
}

.pay_box h4{margin:0px; padding:5px;margin-bottom: 10px;}

.pay_box img {
	width:100%;
	max-width:250px;
}
.pay_box table{
	width:100%;
	background: #fdfdfd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-collapse:unset;
	border:1px solid #ddd;
	margin-bottom: 5px;
}
.pay_box table tbody{
	width:100%;
	background: #fdfdfd;
	border-radius: 5px;
	border:1px solid #ddd;
}

.pay_box table tbody tr{
	width:100%;
}
.pay_box table tbody tr th{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	padding: 5px;
	background: #f7f7f7;
}
.pay_box table tbody tr td{
	width:50%;
	padding: 5px;
	text-align: left;
	display: inline-block;
}


/*====== Szállítási információk ======*/

.shipping_info_title {
	width:100%;
	height: auto;
	float: left;
	border-bottom:1px solid #ddd;
	display: inline-block;
}
.shipping_info_title h3{margin:0px; padding:5px; font-size: 20px;}


.shipping_mode {
	width:100%;
	float: left;
	margin:10px 0px;
	padding:10px;
	border-bottom:1px solid #ddd;
}
.shipping_mode:last-child {
	margin-bottom: 0px;
	border-bottom:0px;
}
.shipping_mode p{padding:5px; font-size: 16px;text-align: left;white-space: pre-line}

.shipping_box {
	width:100%;
	float: left;
}
.shipping_box h4{margin:0px; padding:5px;margin-bottom: 10px;}

.shipping_box img {
	width:100%;
	max-width:250px;
}
.shipping_box table{
	width:100%;
	background: #fdfdfd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-collapse:unset;
	border:1px solid #ddd;
	margin-bottom: 5px;
}
.shipping_box table tbody{
	width:100%;
	background: #fdfdfd;
	border-radius: 5px;
	border:1px solid #ddd;
}

.shipping_box table tbody tr{
	width:100%;
}
.shipping_box table tbody tr th{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	padding: 5px;
	background: #f7f7f7;
}
.shipping_box table tbody tr td{
	width:50%;
	padding: 5px;
	text-align: left;
	display: inline-block;
}



.shipping_places{
	width:100%;
	height: auto;
	display: inline-block;
	padding:10px 0px;
	position: relative
}


.shipping_map_box {
	width:100%;
	display: flex;
	padding: 20px 0px;
}


.shipping_map_country {
	width:auto;
	margin: 0 auto;
	position: relative;
}
.shipping_map_country img{
	width:600px;
}

.shipping_map_county {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.shipping_map_county img{
	position: absolute;
    top: 185px;
    left: 234px;
}

#county_1a{
	position: absolute;
    top: 185px;
    left: 234px;
    width: 125px;

	
}
#county_13b{
	position: absolute;
    top: 65px;
    left: 228px;
    width: 126px;

}

.county_list {}
.county_list .place_info{
	width:100%;
	display: inline-block;
}



.shipping_place_info_box {
	padding: 20px 0px;
}



.shipping_place_info{
	width:100%;
	float: left;

}
.place_info{
	width:100%;
	display: inline-block;
}
.place_info_qube_a{
	width:16px;
	height: 16px;
	float: left;
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: #72bc31;
	
	box-shadow: 1px 3px 3px rgba(100,100,100,0.20);
}
.place_info_qube_b{
	width:16px;
	height: 16px;
	float: left;
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: #26b2ae;
	box-shadow: 1px 3px 3px rgba(100,100,100,0.20);
}
.place_info_qube_c{
	width:16px;
	height: 16px;
	float: left;
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: #f2cf0a;
	box-shadow: 1px 3px 3px rgba(100,100,100,0.20);
}
.place_info_qube_d{
	width:16px;
	height: 16px;
	float: left;
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: #ddd;
	box-shadow: 1px 3px 3px rgba(100,100,100,0.20);
}
.place_info p{
	font-size: 14px;
	padding:0px 0px 0px 10px;
	margin-bottom: 5px;
	float: left;
	width:calc(100% - 16px);
	text-align: left;
}












.static_content {
	width:100%;
	height: 100%;
	float: left;
	padding: 20px 0px;
	display: inline-grid;
}
.static_content h2{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
}
.static_content h3{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
}
.static_content h4{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	margin: 5px 0px;
	padding: 4px 0px 0px 0px;
	font-weight: normal;
	
}
.static_content p{font-size: 16px; padding: 10px 10px 20px 15px}
.static_content ul{}
.static_content ul li{font-size: 16px;margin-bottom:10px; }
.static_content img {
	width:90%;
	margin: 10px 5%;
	border-radius: 8px;
}




.block{}
.block ol{padding-left:15px;}
.block ol li{
	font-size:14px;
}
.block ul{}
.block ul li{list-style: lower-latin;}
.block ul li ol{list-style: lower-latin;}
.block ul li ol li{list-style:decimal;}
.table_box{
	widht:100%;
	height: 100%;
	overflow-x: auto;
}
.table_box table{
	width:100%;
	min-width:700px;
}
.table_box table tbody{}
.table_box table tbody th{padding:5px;}
.table_box table tbody tr{}
.table_box table tbody tr td{padding:5px;}





.wrapper_info table{
	width:100%;
	min-width:700px;
}
.wrapper_info table tbody{}
.wrapper_info table tbody th{padding:5px;}
.wrapper_info table tbody tr{}
.wrapper_info table tbody tr td{padding:5px;}




.wrapper_info_box{
	text-align: center;
}
.wrapper_info_box h2{
	text-align: center;
}
.wrapper_info_box_left{
	text-align: right
}
.wrapper_info_box_left img{
	float: right;
	width:100%;
	max-width: 100px;
	max-height: 100%;
	margin-right: 30px;
	margin-top: 10px;
}
.wrapper_info_box_right{
	text-align: left;
}
.wrapper_info_box_right img{
	float: left
}






/* MEGRENDELÉS */

.control_box{
	width:100%;
	height: 100%;
	display: inline-block;
	float: left;
}
.control_box p {
	margin-bottom: 0px;

}
.control_box h2 {
	margin: 5px 0px;
	font-size: 20px;
}

.control_elem{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 5px;
	margin-bottom:5px;
	background-color: #fff;
	border-radius: 5px;
}

.control_elem_img {
	width:100%;
	height: 75px;
	display: inline-flex
}

.control_elem_img img{
	width: auto;
	max-height: 80px;
	float: left;
	margin: 0 auto
}

.data_box {
	width: 100%;
	display: inline-block;
	float: left;
	padding-bottom: 5px;
}
.data_box p{
	text-align: center;
}
.data_box span{
	width: 100%;
	text-align: center;
	float: left;
	font-weight: bold;
	font-size: 14px;
}


.control_elem_text{
	width: 100%;
	height: auto;
	min-height: 60px;
	display: inline-block;
	float: left;
	padding-top:5px;
	text-align: left;
	line-height: 1;
	position: relative;
}
.control_elem_text p{
	font-size: 15px;
	width: 100%;
    text-align: left;
    font-weight: bold;
    z-index: 2;
    padding: 5px;	
	
}
.control_elem_text h4{
	font-weight: bold;
	font-size: 13px;
	margin-bottom:0px;
	margin-top:5px;
	padding:0px;
	
}
.control_elem_text h5{
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0px;
	padding:0px;
}
.control_elem_name{
	font-weight: bold;
	font-size: 14px;
}


.control_elem_desc{}
.control_elem_desc p{}

.control_elem_pack{
	width: 50%;
	float: left;
	color:#a9a9a9
}
.control_elem_pack p{}
.control_elem_pack span{
	margin-top:-5px;
}



.control_elem_available{
	width: 50%;
	float: left;
}
.control_elem_available p{}
.control_elem_available span{
	margin-top:-5px;
}


.control_elem_price {
	width: 100%;
	height: auto;
	display: inline-block;
	float: left;
	padding-top:25px;
}
.control_elem_price p{
	font-size: 12px;
    font-weight: normal;
}
.control_elem_price span{
	display: inline-grid;
	font-size: 14px;
	line-height: 1;
}
.control_elem_price span i{
	font-size: 14px;
	height: 13px;
	text-decoration: line-through;
	text-align: center
}
.control_elem_sum_price {
	width: 100%;
	height: auto;
	display: inline-block;
	float: left;
	padding-top:20px;
}
.control_elem_sum_price p{
	font-size: 12px;
    font-weight: normal;
}
.control_elem_sum_price span{
	display: inline-grid;
	font-size: 14px;
	line-height: 1;
	margin-top:5px;
}
.control_elem_sum_price span i{
	font-size: 14px;
	height: 13px;
	text-decoration: line-through;
}

.control_elem_unit_price {
	width: 100%;
	height: auto;
	display: inline-block;
	float: left;
	padding-top:10px;
}
.control_elem_unit_price p{}
.control_elem_unit_price span{
	width: 100%;
	display: inline-grid;
	font-size: 12px;
	line-height: 1;
  font-weight:400
}
.control_elem_unit_price span i{
	font-size: 12px;
	height: 13px;
	text-decoration: line-through;
	text-align: center
}

.order_cont {
	width: 100%;
	height: 100%;
	display:inline-block;
	float: left;
	text-align: center;
	color:#909090;
}
.order_cont h1{
	font-size: 28px;
	margin:0;
	padding: 10px 0px 5px 0px;
	text-align: center
}
.row_1{
	width:60px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: #454545;
}
.row_2{
	width:40px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: #454545;
}
.order_cont ul{
	height: 120px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	position: relative;
	padding: 15px 0px;
	display: inline-table;
}
.order_cont ul li{
	list-style: none;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0px 5px;

}
.order_cont ul li i{
	background-color: #fff;
	color:#b9b9b9;
	padding:15px;
	border-radius: 60px;
	font-size: 34px;
	border:2px solid #b9b9b9;
	margin:0px 30px;

}
.circle_nav{
	display: inline-block
}
.circle_nav_text{
	border: 1px solid #b9b9b9;
    border-radius: 20px;
    background-color: #fff;
    width: 100px;
    margin: 0 auto;
    margin-top: 15px;
    padding: 2px;
    line-height: 1.6;
    font-size: 12px;
	text-align: center
}
.circle_nav_text .ative{
	border:1px solid #454545;
	color:#454545;
	box-shadow: 1px 2px 5px rgba(200,200,200,1)
}

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

}
.circle_nav .icon-truck {transform: rotatey(180deg);}
.row_box{
	z-index: 0;
	width: 440px;
	max-width: 100%;
	margin: -70px auto;
	height:1px;

}
.row_box .circle_nav_line {
	width:33%;
	height: 10px;
	background-color:#fff;
	border:2px solid #b9b9b9;
	float: left;
}
.row_box .active{
	width:33%;
	height: 10px;
	background-color:#fff;
	border:2px solid #454545;
	float: left;
}
#cir3{
	padding-left:10px;
	padding-right:20px;
}

.btn_box{
	width:50%;
	text-align: center;
	float: left;
	padding: 10px 0px;
}
.btn_box .btn_1{
    width: 150px;
    margin: 5px 10px;
  padding:8px;
}
.btn_box .right{
    float:right;
}

.btn_box_2{
	width:100%;
	text-align: center;
	float: left;
	padding: 10px 0px;
	/*display: inline-flex*/
}
.btn_box_2 a{font-size:14px;}


.order_tab {
	width:100%;
	height: 100%;
	background-color:#fff;
	float: left;
	text-align: center;
	position: relative;
}

.order_tab .btn_box {
    width: 50%;
    text-align: center;
    float: left;
    padding: 10px 0px;
}
.order_tab_1 {
	width:100%;
	min-height: 400px;
	height: 100%;
	background-color:#fff;
	float: left;
	text-align: center;
	padding:5px 20px 20px 20px;
}
.order_tab_1 .btn_box {
    width: 50%;
    text-align: center;
    float: left;
    padding: 10px 0px;
}
.order_tab h3{
	margin: 0px;
	text-align: left;
	font-size: 20px;
	padding:15px 10px 5px 0px;
}
.order_tab h4{
	padding: 8px 0px;
	margin: 0px;
	text-align: left;
    font-size: 14px;
}
.order_tab_1 h3{
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.order_tab_1 h4{
	padding: 5px 0px;
	margin: 0px;
	text-align: left;

}
.order_tab_1 h5{
	padding:0px;
	margin: 0px;
	margin-bottom: 5px;
	text-align: left;
}
.order_tab_1 .control_elem{border:1px solid #b9b9b9;}
.order_tab_1 .control_elem .control_elem_name{
	font-size: 15px;
    width: 100%;
    text-align: left;
    font-weight: normal;
	line-height: 1.3;
    position: relative;
    z-index: 2; 
    padding: 0px;

}
.order_tab_1 .pitem_quantity_box{padding-top:10px;display:block;}
.order_tab_1 .pitem_img_box{
	width:100%;
	float: left;
}
.order_tab_1 .pitem_img_box img{

	
}
.order_tab_1 .control_elem_text{
	width:95%;
	float: left;
	display: inline-grid;
}




.order_tab input{
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 5px;
    border-radius: 30px;
    border: 1px solid #e7e7e7;
  	float:left;

}
#coupon_container input{
  width: 140px; 
  padding: 7px 10px;
  border-radius: 30px;
}
#ccc_btn{
    margin: 0px 5px;
    color: #777777;
    background: #fff;
    border: 1px solid #777777;
    float: left;
    padding: 5px 25px;
    font-weight: 500;
}
.order_tab input:focus {
    border: 1px solid #ddd;
    outline: 0px;

	
}
.order_tab input:active {
    border: 1px solid #ddd;
}

.order_tab_order .fault {
    border: 2px solid #D81316;
}


.order_tab textarea {
	width: 100%;
	padding:4px 10px;
	margin-bottom: 5px ;
	border-radius: 5px;
	border:2px solid #e7e7e7;
	
}

.order_tab textarea:focus {
    border: 2px solid #ddd;
    outline: 0px;

	
}
.order_tab textarea:active {
    border: 2px solid #ddd;
}



#tab_end {
	padding: 30px 20px;
    background: #fff;
}

#tab_end .container{
	padding-left:30px;
}

.chb_box {
	width:100%;
	float: left;
	display: inline-grid;
}


.order_tab label {
	width:100%;
	float:left;
	margin: 0;	
	text-align:left;
}
.order_tab .drop_p_label {
	width:60%;
	float:left;
	text-align:left;
	margin:0 auto;
}

.order_tab .drop_p_label p{
	font-size: 14px;
    margin: 3px 0px;	
}


.drop_p{
	float: left;
	padding:4px 5px;
	margin-left:5px;
	font-size: 14px;
}

.drop_p_label {
	width:100%;
	margin:20px 0px;
	float: left;
}

.order_tab_order {
	width:100%;
	height: 100%;
	float:left;
	padding: 10px 0px;
}
.order_tab_order p{
	font-size:14px;
	text-align:left;
	margin-left:5px;
}



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

}
.order_tab_order a:hover{
	box-shadow: 0px 3px 5px rgba(100,100,100,0.3);
}

.trans_message {
	float: left;
    width: 100%;
	margin:10px 0px;
}

.order_tab_order .order_log_btn {
    width: auto;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 12px;
}
.order_tab_title {
    width: calc(100% - 125px);
    float: left;
    display: block;
}
.order_tab_subtitle {
    width: 100%;
    float: left;
    display: block;
}

.order_tab_setting{

}

.order_tab_setting .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.order_tab_setting .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
}

.order_tab_setting .switch_box{
	width:auto;
	float: left;
	
}
.order_tab_setting .switch_box .switch{
	float: left;
	
}
.order_tab_setting .address_box {
	padding: 5px 7px;
}

.order_tab_setting .address_box h4{
	width:auto;
	float: left;
	padding:10px 0px;
	margin-left: 5px;
	font-size: 14px;

}

.order_tab_setting .btn_1 {
	width: 100%;
	color:#454545;
	transition:0.2s;
    font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.5px;
    padding: 5px;
	margin: 10px auto;
	cursor:pointer;
	background-color: #fff;
	float: left;
	text-align: center;
	outline: none;
	border:1px solid #454545;
	border-radius: 30px;
	}
/*
	.order_tab_setting .btn_1:hover {
		color:#fff;
		background-color:#454545;
        border-color: #454545;
		box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
		}
*/


.order_tab_setting .address_box_data {
	padding: 5px;
	float: left;
	width:100%;
	display: inline-block;
}

.order_tab_setting .address_box_data p{
	width:100%;
	height: 20px;
	float: left;
	font-size: 14px;
	text-align: left;
	padding:0px;
	margin:0px;

}
.order_tab_setting .address_box_data span{
	font-weight:normal;
}

.invoice_select{
	width:100%;
	float:left;
}



.select_takeover{
	width:100%;
	height: 100%;
	border-bottom:1px solid #ddd;
	display:inline-block;
	float:left;
	padding:5px 0px;
	margin-bottom:10px
	
}
.select_takeover p{
	width:auto;
	float:left;
	margin:0px;
	margin-left:5px;
  	font-weight:bold
}
.select_takeover h4{
	width:auto;
	float:right;
	margin:0px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	
}


.select_takeover_toggle{
	width:100%;
	height: 100%;
	float:left;
	display:inline-block;
	background-color:#fff;
	margin-top:5px;
	transition: 0.3s;
}
.select_takeover_toggle p{
	padding:10px;
	font-size: 12px;
	color:#777;
	text-align:left;
	float:left;
	width:calc(100% - 160px);
	margin-left: 0px;
	white-space: pre-line;
}

.order_tab_pay {}

.order_tab_pay {
	width:100%;
	height: 100%;
	float:left;
	padding: 10px 0px;
}
.order_tab_pay p{
	width: calc(100% - 165px);
	margin:0px;
	float: left;
	font-size:14px;
	text-align:left;
	margin-left:5px;
}

.order_tab_pay .container input:checked ~ .checkmark {
    background-color: #454545;
    margin-top: 0px;
}
.order_tab_pay a{
	width:auto;
	font-size: 14px;
	border:1px solid #454545;
	border-radius:20px;
	cursor:pointer;
	background: #fff;
	float:right;
	padding:3px 7px;
	transition: 0.2s;
}
.order_tab_pay a:hover{
	box-shadow: 0px 3px 5px rgba(100,100,100,0.3);
}

.order_tab_pay .fault {
    border: 2px solid #D81316;
}
.order_status {display:inline-block;}
.order_status span{float:left;}
.or_stat_ind
{
  border-radius:8px;
  width:14px;
  height:14px;
  display:block;
  margin: 2px 6px 0 0;
}


.pagination_box{
	width:100%;
	height: 50px;
	float: left;
	position: relative;
	transition: 0.4s;
	margin:0px;
	padding:0px;
	
	
}
.pagination {
	width:260px;
	height: 100%;
	padding: 10px 10px ;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.pagination a {
	color: #777;
	float: left;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 0px;
	transition:0.2s;
	cursor: pointer;
}
.pagination .arrow {
	padding: 9px 6px;
	font-size: 15px;
}
.pagination .arrow:hover {
	color:#fff;
	background-color:#454545
}
.pagination a.active {
  background-color: #454545;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #454545;color:#fff;}

.sum_text{
	text-align: right;
    padding: 0px 5px;
}
.sum_p{
	width:100%;
	display:inline-block;
	float:left;
	/*color:#E0181C*/
}
.sum_p p{
	padding: 5px 0px;
	text-align:left;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	margin:0;
}
.sum_text p{
	text-align: right;
	padding: 6px 0px;
	font-weight: bold;
	font-size: 14px;
}
.small_text{}
.small_text p{padding:0px;font-size:14px;text-align: right}
.sum_text h4{
	text-align: left;
	padding: 10px 0px;
	font-weight: normal;
	font-size: 14px;
}
.sum_value{
	width: 100%;
	float: left;
	display: inline-block;
}

.sum_value p{
	font-size:14px;
	float:left;
}
.sum_value span{
	font-size: 16px;
	font-weight: bold;
	text-align:right;
	float: right;
}

.sum_value .sum_value_net {
	font-size: 14px;
}
.sum_value .sum_value_br {}


.sum_value .light_text{color:#b9b9b9}
.sum_value .small_text{font-size:14px;}

.trade_text {
	width:auto;
	height: auto;
	float: left;
	display: inline-block;
	position:relative;
}
.trade_text p{
	width:70%;
	height: 100%;
	float: left;
	text-align: left;
	padding-right:5px;
	
}
.trade_text p a{
	cursor:pointer;
	text-decoration: underline;
}
.trade_text input{
	width: 45px;
    float: left;
    outline: none;
    padding: 6px 5px;
	border:1px solid #ddd;
	margin-top: 7px;
	border-radius: 5px;
}
.trade_text .btn_2{
	width:auto;
	padding:2px 10px;
	float:left;
	margin:0px;
	margin-top: 6px;
	font-size: 18px;
}

.order_tab_1 .fail {
	border-color:crimson;
}
.fail {
	border-color:crimson;
}
.trade_text .fail {
	border-color:crimson;
}
.welcome_box .trade_text{width:100%;display: inline-block;}
.welcome_box .trade_text p{min-width: 100%; font-weight: bold;}
.trade_box {
	width:130px;
	margin:0 auto;
	padding: 0px 10px;
}
.trade_content {
	width:100%;
	height: auto;
	position: relative;
	display: inline;
	float: left;
	padding: 0px  0px 10px 0px;
}
.trade_cost_box{
	width:100%;	
	height: auto;
	float: left;
	padding:5px;
	/*
	position: absolute;
	top:0;
	left:0;
	*/
	background-color: #f2f2f2;
	z-index: 1000;
}
.trade_cost_box .trade_text p{
	width:100%;	
	margin-bottom: 0px;
}
.trade_cost_box .trade_content {

    padding: 0px 0px 5px 0px;
}
.trade_cost_data {
	width:90%;
	height: auto;
	position: relative;
	display: inline-block;
}
.trade_cost_data span{
	
	display: inline-block;
	text-align: left;
}
.trade_cost_data span:last-child{
	font-weight: bold;
	float: right;
}
.trade_cost_data p{
	font-size:20px;
	text-align: left;
	margin-bottom:0px;
}
.trade_cost_delete {
	position:absolute;
	top:6px;
	right:-35px;
	font-size:18px;
	cursor:pointer;
}

.trade_cost_delete:hover{
	color:crimson;
	cursor:pointer;
}


/*==============  PROFIL =============*/

#UserData {display:none}
#usrn{}
#usrn_mobil{display: none}
.left_bolt{
	margin-top:-80px;
	border-radius:3px 3px 0px 0px ;
}
.wc_left{
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 20px 30px;
}

.wc_user_img {
	text-align: center;
	position: relative;
	cursor: pointer;
}
.wc_user_img i{
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 25px;
    opacity: 0.5;
	transition: 0.3s;
	display:block
}
#camera {
	display:none;
	z-index: 1000;
}
.wc_user_img img{
	width: 100px;
	height: 100px;
	border-radius: 150px;
	box-shadow: 1px 3px 10px rgba(200,200,200,1);
}

.wc_user {text-align: center}
.wc_user h3{font-size: 20px;font-weight: bold}
.wc_user h4{font-size: 18px;font-weight: bold; text-align: center}
.wc_user p{
	margin: 0px;
	font-size: 14px;
	width: 100%;
	height: 100%;
}
.wc_user a{}


.wc_user input {
	padding:7px 10px;
	margin-bottom: 5px ;
	width: 100%;
	border-radius: 5px;
	border:2px solid #ddd;
	
}
.wc_shop input {
	padding:7px 10px;
	margin-bottom: 5px ;
	width: 100%;
	border-radius: 5px;
	border:2px solid #ddd;
	
}
.wc_user_data {
	width: 100%;
	text-align:center;
	display: inline-block;
	padding: 5px;
}
.wc_user_data h3{
	text-align:center;
	font-size: 14px;
	margin:5px 0px;
}
.wc_user_data p{
	text-align:center;
	font-size: 14px;
}
.wc_user_data a{
	text-align:center;
	font-size: 12px;
	margin-bottom:5px;
}

.btn_info{
	text-align:left;
	width: 100%;
	margin: 0 auto;
	margin:2px 0px;
	font-size: 14px;
	background: #fff;
	color:#777;
	padding: 5px;
}

.btn_info:hover{
	background: #fff;
	color:#444
}

.btn_nav{
	text-align:center;
	width: 100%;
	margin: 0 auto;
	margin:2px 0px;
	font-size: 18px;
	background: #fff;
	font-weight: 500;
	padding:6px;
}
.btn_nav:hover{
	background: #454545;
	color:#fff
}

.wc_right{
	width: 100%;
	height: 100%;
	padding:10px;
}

.wc_right .btn{
	width: 200px;
	max-width: 100%;
	outline: none;
	
}

.wc_right .btn:hover{
	background: #454545;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
	border-color:#454545
}


.wc_right .del_btn {
	position: relative;
	float: right;
	width: 90px;
	max-width: none;
	margin: 0px;
	margin-top: 10px;
}


.wc_box {text-align: center;padding:0px 20px}
.wc_box h3{font-size: 20px;font-weight: bold}
.wc_box h4{font-size: 18px;font-weight: bold; text-align: left;}
.wc_box p{
	margin: 0px;
	font-size: 14px;
	width: 100%;
}
.wc_box a{float:left;padding-left: 5px;font-size:14px;}


.wc_box input {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border-radius: 5px;
	border:2px solid #f2f2f2;
	float:left;
}

.wc_box input:focus {
    border: 2px solid #ddd;
    outline: 0px;

	
}
.wc_box input:active {
    border: 2px solid #ddd;
}
.wc_box textarea {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border-radius: 5px;
	border:2px solid #f2f2f2;
	
}

.wc_box textarea:focus {
    border: 2px solid #ddd;
    outline: 0px;

	
}
.wc_box textarea:active {
    border: 2px solid #ddd;
}

.wc_box_data {
	width: 100%;
	text-align:left;
	display: inline-block;
	padding: 15px 5px;
}
.wc_box_data_50{
	width:50%;
	float: left;
	padding:10px;
}
.wc_box_data #info_txt {margin-top:0px;}
.wc_box_data p{
	width:100%;
	float: left;
	text-align: left;
	font-size: 14px;
	padding-left: 5px;
}
.wc_box_data label{float:left;width:100%;}
.wc_box_data input{float:left;}

/*
.wc_box_data a{
	text-align:center;
	font-size: 14px;
}
*/
.address_box {
	width:100%;
	min-height: 140px;
	height:100%;
	padding:10px;
	border:1px solid #454545;
	border-radius: 10px;
	transition: 0.2s;
	position:relative;
	float: left;
	background: #fff;
}

.address_box_1 {
	width:100%;
	height: auto;
	padding:2px 5px;
	border:1px solid #454545;
	border-radius: 10px;
	transition: 0.2s;
	position:relative;
	float: left;
}
.address_box_1 h4{
	margin-left: 6px;
	font-size:15px;
	margin-bottom:0px;
	padding:7px 0px 4px 0px;
	float: left;
	font-weight: bold;
}
.address_box:hover {
	box-shadow: 0px 3px 7px rgba(100,100,100,0.3);
}
.address_box h4{
	font-size: 14px;
	margin:0px;
	padding:5px 0px;
}
.wc_box_data i{
	font-size: 14px;
	cursor:pointer
}
.wc_box_data i:hover{
	color:#454545
}
.wc_box_data .icon-trash-empty{
	position:absolute;
	top:10px ;
	right:10px;
}
.wc_box_data .icon-pen{
	position:absolute;
	bottom:10px ;
	right:10px;
}

#wishlist_container{
}

#wishlist_container .price{
	font-size: 16px;
}
/* Rounded sliders */

.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DBDBDB;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #454545;
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch_box {
	width: 100%;
	height: 100%;
	display: inline-block;
	padding:3px 0px;
}
.switch_box h4{
	float: left;
	margin: 3px;
	font-size: 14px;
	padding: 8px 10px;
}








.wc_box_content {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align:left;
	padding: 5px;
}

.wc_box .btn_plus,.wc_box  .btn_minus  {
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    line-height: 28px;
    position: relative;
    flex: 0 0 30px;
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    outline: none;
	padding: 1px 9px;
	cursor: pointer;
	transition: 0.3s;
	transform: scaleY(1);
	text-transform: uppercase;
	margin-top: -4px;
	float: none
	
}
.wc_box .btn_plus:hover,.wc_box  .btn_minus:hover  {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
	transform: scaleY(1.5);
	margin-top: 0px;
}
.wc_box .wc_box .btn_plus {
    padding: 0px 9px;
    margin-left: -17px;
    margin-right: -14px;
	font-size: 19px;
}
.wc_box .btn_minus  {
	padding: 0px 10px;
    font-size: 20px;}

.wc_box .pitem_product_quantity input {
    width: 50%;
    padding: 0px;
    margin-bottom: 2px;
    border-radius: 0px;
    border: 0px solid #f2f2f2;
}
.wc_box .list_2 .pitem_name a {
    width: 100%;
    color: #777;
    transition: 0.2s;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 3px;
}
.wc_box .like div i {
    font-size: 20px;
    color: #b9b9b9;
	padding:10px;
    transition: 0.2s;
}
.wc_box .like div i:hover {
    font-size: 20px;
    color: #e1171e;
}




/* profil Rendeléseim */ 

.order_list_head{}
.order_list_filter{
	width:100%;
	height: 100%;
	float: left;
}
.order_list_filter #sort_dd{
	position: relative;
    width: 210px;
    margin: 5px;
    margin-left: 0px;
    font-size: 12px;
    text-align: left;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #b9b9b9;
    letter-spacing: 0px;
    background-color: #fff;}
.order_list_filter #sort_dd .caret {
    position: absolute;
    top: 11px;
    right: 8px;
}
.order_list_filter .example {
    display: inline-block;
    width: auto;
    margin: 5px;
    position: relative;
}

.order_list_filter form.example input[type=text] {
    width: 200px;
    padding: 6px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    color: #999;
    letter-spacing: 0.8px;
}
.order_list_filter .dropdown ul li a {
    width: 100%;
    margin: 0px;
    border: none;
    padding: 5px 5px;
    border-radius: 0px;
    color: #777;
    text-align: left;
    font-size: 12px;
	cursor:pointer;
}
.order_list_filter .dropdown ul li a:hover {
    border: none;
    padding: 5px 5px;
    color: #fff;
    background-color: #454545;
}
.order_list_filter .dropdown ul li div {
    width: 100%;
    margin: 0px;
    border: none;
    padding: 5px 5px;
    border-radius: 0px;
    color: #777;
    text-align: left;
    font-size: 12px;
	cursor:pointer;
}
.order_list_filter .dropdown ul li div:hover {
    border: none;
    padding: 5px 5px;
    color: #fff;
    background-color: #454545;
}






.order_list_tilte{
	width:100%;
	height:100%;
	float: left;
	background-color:#f2f2f2;
	color:#777;
}
.order_list_tilte div{padding:5px}
.order_list_tilte div p{
	font-size: 12px;
	font-weight: bold;
	float: left;
}
.order_list_container {
	width: 100%;
	height: 100%;
	float: left;
	padding:5px 0px ;
}
.order_list_item {
	width:100%;
	height:100%;
	float:left;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:7px;
	margin: 2px 0px;
	background-color: #fff;
}
.order_list_item p {
	width:100%;
	height:100%;
	float:left;
	font-size: 12px;
	padding:5px 0px;
	color:var(--body_text);
	background-color: #fff;
}
.order_list_item_arrow {
	text-align: center;
}
.order_list_item i{
	width:25px;
	height:25px;
	display:inline-block;
	border:1px solid #454545;
	color:#454545;
	border-radius:20px;
	cursor: pointer;
	padding:5px 3px;
	margin:1px auto;
	transition:0.2s;
	font-size: 12px
}
.order_list_item i:hover{
	box-shadow: 1px 3px 5px #ddd
}

.order_num{font-weight: bold;padding: 0px;user-select: text}
.order_date{}
.order_status{}
.order_price{font-weight: bold;}
.order_list_item_details{
    display: block;
    width: 100%;
    height: 100%;
	padding-bottom: 10px;
    overflow-y: auto;
	position: relative;
	background-color:#fff;
}

	div.order_list_item_details::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(100,100,100,0.2)
		}
	
	div.order_list_item_details::-webkit-scrollbar { 
		width: 1px;
		height: 10px;
		background-color: rgba(137,137,137,0.1)
		}
	
	div.order_list_item_details::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(48,176,42,0.6)
		}
.order_list_item_details_title {
	width:100%;
	min-width: 780px;
	padding: 5px;
    line-height: 1.42857143;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
	display: inline-flex;
	text-align: center;
	font-size: 10px;
}
.order_list_item_details_content {
	width:100%;
	min-width: 780px;
	height: 50px;
	padding: 5px;
	margin-top:5px;
    line-height: 1.42857143;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
	display: inline-flex;
	
}
.order_list_item_details_content p {
	height:auto;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	padding: 0px;
}
.order_list_item_details_summary {
	width:100%;
	min-width: 780px;
	height:100%;
	padding: 5px;
	margin-top:5px;
    line-height: 1.42857143;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
	display: inline-flex;
}

.item_details_summary_info{
	width:50%;
	min-width:390px;
	display: inline-block;
	float: left
}
.item_details_summary_info a{
	float: left
}
.item_details_summary_info div{
	width:100%;
	display: inline-block;
	float: left
}
.item_details_summary_info div p{
	width:100%;
	display: inline-flex;
	float: left;
	padding: 0px;
	font-size: 13px;
  font-weight:500;
      white-space: break-spaces;
}
.item_details_summary_info div p span{white-space: pre-wrap;}
.item_details_summary_info  .btn_4{
	display: inline-block;
	float: left;
	font-size: 12px;
	padding:5px 10px;
	margin-top:5px;
}

.item_details_summary_sum {
	width:50%;
	min-width:390px;
	display: inline-block;
	float: left;
	padding-right: 10px;
}
.item_details_summary_sum div{
	width:100%;
	display: inline-block;
	float: left
}

.summary_sum p{
	width:100%;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}

.summary_sum span{
	width:100px;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}

.summary_transport p{
	width:100%;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}
.summary_transport span{
	width:100px;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}

.summary_cod p{
	width:100%;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}
.summary_cod span{
	width:100px;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-size: 12px;
}
.summary_brutto p{
	width:100%;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-weight: bold;
	font-size: 14px;
}
.summary_brutto p span{
	width:100px;
	display: inline-block;
	float: right;
	text-align: right;
	margin:0px;
	padding:0px;
	font-weight: bold;
	font-size: 14px;
}









.item_details_id {
	width:5%;
	min-width:20px;
	float: left;
	position: relative;
	text-align: center
}
.item_details_id p{
	position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_img {
	width:10%;
	min-width:60px;
	float: left;
	position: relative;
	text-align: center
}
.item_details_img img{
	width:40px;
	float: left;
	position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_name {
	width:35%;
	min-width:270px;
	float: left;
	position: relative
}
.item_details_name p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-height: 40px;
	overflow: hidden;
	line-height: 1.2;
	text-align: left

}
.item_details_pack {
	width:10%;
	min-width:70px;
	float: left;
	position: relative;
	text-align: center;
}
.item_details_pack p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item_details_weight {
	width:10%;
	min-width:70px;
	float: left;
	position:relative;
}
.item_details_weight p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_action {
	width:5%;
	min-width:45px;
	float: left;
	position:relative;
	text-align: center
}
.item_details_action p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_uprice {
	width:10%;
	min-width:80px;
	float: left;
	position:relative;
	text-align: center
}
.item_details_uprice p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_piece {
	width:5%;
	min-width:70px;
	float: left;
	position: relative;
	text-align: center
}
.item_details_piece p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_price {
	width:10%;
	min-width:70px;
	float: left;
	position: relative;
	text-align: center
}
.item_details_price p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_details_subtotal {
	width:10%;
	min-width:80px;
	float: left;
	position: relative;
	text-align: right;
	padding-right: 10px;
}
.item_details_subtotal p{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: right;
	padding-right: 10px;
}
















.action_wrap {
	width:100%;
	float: left;
	display: inline-block;
	margin: 10px 0px 10px 0px;
}



#pr_props_cont {
    width: 100%;
    float: left;
    min-height: 10px;
	border-radius: 5px;
	padding: 0px;
}
#pr_props_cont p{
	width:100%;
	float: left;
	padding: 5px 10px;
	background-color: #f7f7f7;
	text-align: left;
	font-size: 12px;
	display:flex;

}
#pr_props_cont p:nth-child(even){
	background-color:#ededed
}
#pr_props_cont p i{font-size: 12px;}
#pr_props_cont p i span{}
#pr_props_cont p i span:first-child{margin-left: 10px;}
#pr_props_cont p b{width:90px;margin-right: 5px;}


.pr_data_info {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid #ddd;
	margin-bottom:0px;
}
.pr_desc_container_termek .pitem_available {/*color:#454545*/}
.pr_desc_container_termek .product_desc_1{padding: 5px;}
.pr_desc_container_termek .product_desc_1 h2{
	width:100%;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin:0px;
	padding:10px 0px 7px 5px;
	background-color:#ededed;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pr_desc_container_termek .product_desc_1 h4 i{
	
}
.pr_desc_container_termek .product_desc_1 p{
	width: calc(100% - 40px);
	float: left;
	font-size: 14px;
	text-align: left;
	padding:0px;
	margin:0px;
  	font-size:14px;
  	font-weight:700;

}
#pr_docs_cont p {margin:0px 8px 8px 8px;}
#pr_docs_cont h4 {color:var(--docs_title_text);background-color:var(--docs_title_bg);padding:10px;}

.pr_desc_container_termek .product_desc_1 p span{float: none}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price{
	width: 100%;
	float: left;
	text-align: left;
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price p{
	width: auto;
	float: left;
	padding:0px 10px;
	font-size: 16px;
  font-weight:normal;
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price p:first-child{
	padding-right: 5px;
	margin-left:0px;
}



	.pr_desc_container_termek .product_desc_1 .action_wrap {
		width: auto;
		text-align: center;
	}

	.pr_desc_container_termek .product_desc_1 .action_wrap p {
		width:auto;
		float: left;
		padding:0px 10px;
		background-color: #D31417;
		color:#fff;
		border-radius:20px;
		font-weight: bold;
		line-height: 1.6;
	}
	.pr_desc_container_termek .product_desc_1 .action_wrap .action_box{}

	.pr_desc_container_termek .product_desc_1 .action_wrap .promo_title{
		background: #fff;
		border: 1px solid #ddd;
		margin-left: 5px;
	}




.pr_desc_container_termek .product_desc_1 .pitem_unit_price p span{
	width: auto;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price .old_unit_price{
	color:#D31417
	
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price .old_unit_price span{
	width:auto;
	text-decoration:line-through;
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price .unit_price{
	
}
.pr_desc_container_termek .product_desc_1 .pitem_unit_price .unit_price span{
	width:auto;
	font-weight: 500;
}


.pr_desc_container_termek .pitem_price{
	width:100%;
	float: left;
	padding: 5px 0px;
	font-size: 36px;
}
.pr_desc_container_termek .pitem_quantity_box{
	width:100%;
	height: 100%;
	float: left;
	padding:5px;
  	display:block
}

.pr_desc_container_termek .pitem_quantity_box .btn_minus{
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    position: relative;
    flex: 0 0 30px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    outline: none;
    padding: 1px 15px 3px 15px;
    cursor: pointer;
    transition: 0.3s;
    transform: scaleY(1);
    text-transform: uppercase;
    margin-top: -2px;	
}
.pr_desc_container_termek .pitem_quantity_box .input{}
.pr_desc_container_termek .pitem_quantity_box .btn_plus{
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    position: relative;
    flex: 0 0 30px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    outline: none;
    padding: 3px 13px 4px 13px;
    cursor: pointer;
    transition: 0.3s;
    transform: scaleY(1);
    text-transform: uppercase;
    margin-top: -2px;	
}
.pr_desc_container_termek .pitem_quantity_box span{text-align: left; padding:4px 10px;}
.pr_desc_container_termek .pitem_quantity_box .goto_basket{width:100%; max-width:300px; display: inline-flex;}
.pr_desc_container_termek .pitem_quantity_box .goto_basket .btn_1{width: 200px;float: left; margin: inherit;transition:0s;}
.pr_desc_container_termek .pitem_quantity_box .goto_basket .btn_db{width: 50%;}
.pr_desc_container_termek .pitem_quantity_box .goto_basket .btn_gy{width: 50%;}
.pr_desc_container_termek .pitem_quantity_box .goto_basket .btn_2{
	width:300px;
	padding: 7px 40px;
	margin:10px auto;
	float:none;
	border-radius: 20px;
}

.pr_desc_container_termek .product_desc_2{
	padding: 20px 10px;
}
.pr_desc_container_termek .product_desc_2 img{
	max-width: 100%;
	float: left;
	display: block
}

.pr_desc_container_termek .pitem_price p{width:auto;text-align:left;}
.pr_desc_container_termek .pitem_product_quantity{
	padding: 10px 0px;
    text-align: left;
  	width:100%
}
.product_item .pitem_price p{width:100%;text-align:center;}
.product_item .pitem_product_quantity{
	/*padding: 10px 0px;*/
	width: calc(100% - 12px);
    margin: 0;
  	text-align:center;
}





.pr_desc_container_termek .tab_nav {
	width: 100%;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #f7f7f7;
	margin:0px;
}
/*
	.pr_desc_container_termek .tab_nav::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(228,228,228,0.5)
		}
	
	.pr_desc_container_termek .tab_nav::-webkit-scrollbar { 
		width: 0px;
		height: 0px;
		background-color: rgba(137,137,137,0.1)
		}
	
	.pr_desc_container_termek .tab_nav::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(56,56,56,0.2)
	}
*/
.pr_desc_container_termek .tab_nav li{
	width:unset;
	float: left;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	transition: 0.2s;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	border-right: 0px;
}
.pr_desc_container_termek .tab_nav li:last-child{

	border-right: 1px solid #ddd;
}
.pr_desc_container_termek .tab_nav li:first-child{
	border-top-left-radius: 10px;
}
.pr_desc_container_termek .tab_nav li:last-child{
	border-top-right-radius: 10px;
}
.pr_desc_container_termek .tab_nav li a{
	padding:10px;
	float:left;
	border:none;
	border-radius: 10px;
	color:#999

}
.pr_desc_container_termek .tab_nav li a:hover{
	float:left;
	border:none;
}

.pr_desc_container_termek .tab_nav li:hover {
	border-bottom: 3px solid #454545;
	background-color: #fff;
	color:#777
}

/* Create an active/current tablink class */
.pr_desc_container_termek .tab_nav li.active {
	background-color: #fff;
	border-bottom: 3px solid #454545;
}



/* ======== Termékhozzászólás ======= */
#pr_comments_container {}
#pr_comments_container h4{
	padding: 0px 10px;
  margin-left:10px;
}

.prc_box{width:100%;height:auto;}
.prc_head{
  width:100%;
  height:36px;
  background: #e7e7e7;
  padding:4px;
}
.prc_uname{
  width:auto;
  float:left;
  font-size:14px;
  font-weight:700;
  padding:4px;
  margin-right:12px;
}
.prc_date{
  font-size:14px;
  padding:4px;
  font-weight:normal;
}
.prc_rep{
  font-size:14px;
  padding: 4px;
  margin-right:20px;
}
.prc_id{
  font-size:14px;
  padding:4px;
  margin-left:30px;
}
  
.prc_content{
	margin:0px ;
	color:#555;
	background:#fff;
}
.prc_text{
  width:100%;
  height:auto;
  padding:8px;
}
   
.prc_foot{
	height: 30px;
    padding: 6px;
    margin-bottom: 10px;
}
.prc_vote{widt}
.prc_vote div{float:left;display: inline-flex;}
.prc_vote_icon{
	font-size:18px;
	color:#777;
	margin-left: 6px;
}
  
.prc_vote_icon:hover{
  font-size:18px;
  color:#999;
  cursor:pointer;
}
.prc_votes{
	font-size:16px;
	color:#777;
}

.prc_reply{color:#777;display:inline-flex;} 
.prc_reply:hover{
  color:#999;
  cursor:pointer;
} 
.prc_reply i{font-size:18px;}
  
.prc_rep_to{
  color:#555;
} 
.prc_rep_to:hover{
  color:#333;
  cursor:pointer;
} 
.prc_reply_text{font-size:14px;margin:0;}
/* ======= /Termékhozzászólás ======= */







.var_imgs_cont{
	width: 100%;
	float: left;
	padding: 5px 0px 0px 0px;
	display: inline-block;
	margin:0px;
	overflow: hidden
}

.var_imgs_inner_container{
	width:100%;
	height: 50px;
	float: left;
	display: inline-block;
}

.var_img_box {
	width:50px;
	height: 50px;
	float: left;
}
.var_img_box div{
	width: 100%;
	height: 100%;
	float: left;
	transition:0.2s;
	text-align: center;
	display: inline-block;
	border-bottom:6px solid #fff;
	cursor: pointer;

}

.var_img_box div:hover{
	border-bottom:6px solid #454545;
}
.var_img_box div img{
	max-width: 100%;
	margin:0 auto;
	height: 100%;
	
}














.tapertek_box_title{
	width: 100%;
	border-bottom:1px solid #ddd;
	background-color: #F9F9F9;
	border:1px solid #ddd;
	border-radius: 5px;
	float: left;
	padding: 5px 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.tapertek_box {
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 12px;
	border:1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: none;
}

.tapertek_box .tapertek_box_title p span{}

.tapertek_box .tapertek_box_text{
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.tapertek_box .tapertek_box_text:last-child{
	border-bottom:none;
}
.tapertek_box .tapertek_box_text p{
	width:50%;
	overflow: hidden;
	float: left;
	font-size: 12px;
	text-align: left;
	margin:5px 0px;
}
.tapertek_box .tapertek_box_text p span{}




#tab_pr_props table{
	width:100%;
	border: 1px solid #eee;
}
#tab_pr_props table tbody{}
#tab_pr_props table tbody tr{width:100%;padding:10px 10px;float: left;font-size: 14px;}
#tab_pr_props table tbody tr:nth-child(even){background-color: #f9f9f9;}
#tab_pr_props table tbody tr td{text-align: left;}

#tab_pr_props table tbody tr td:first-child{width:200px;padding-right:10px; font-weight:600}
#pr_props_container{}
.pr_props_container{}



#shop_company_data{}
#shop_company_data tbody{}
#shop_company_data tbody th{
  background-color:var(--main_color);
  color:#fff;
  padding:5px 10px; 
  font-size:14px;
  text-align:left;
  font-weight: 500;
}
#shop_company_data tbody tr{}
#shop_company_data tbody tr td{
  text-align: left;
  padding:5px;
  font-size:12px;
  color:var(--body_text)
}




.product_desc{
	width: 100%;
	height: 100%;
	float: left;
	display: inline-block;
	background-color: #fff;
	padding: 10px;
}
.product_desc_img {
	width: 100%;
	height: 250px;
	display:inline-flex;
}
.product_desc_img img {
	width:auto;
	max-height: 300px;
	margin: 0 auto;
}

.product_desc_1{
	width: 100%;
	height: 100%;
	float: left;
	display: inline-grid;
}
.product_desc_1 h1{
	font-size: 26px;
	margin-top:5px;
	margin-bottom: 5px;
	text-align: left;
  	user-select:text;
}
.product_desc_1 h3{
	font-size: 24px;
	margin-top:5px;
	margin-bottom: 5px;
	text-align: left
}
.product_desc_1 h4{
	font-size: 14px;
	margin:2px;
}
.product_desc_1 p{}
.product_desc_1 span{
	width:100%;
	text-align: left;
	float: left;
}
.product_desc_1 span i{font-style: normal;}

.product_desc_1 .promo_title{
	height: 24px;
    width: auto;
	max-width: 200px;
    margin: 0px 0px 0px 5px;
    text-align: center;
    background: #fff;
	border:1px solid #ddd;
    position: relative;
    top: inherit;
    left: inherit;
	border-radius: 20px;
    padding: 1px 10px;
    overflow: hidden;
	display: inline-flex
}



.product_desc_2{
    height: 100%;
    width: 100%;
    display: inline-block;
}




.product_desc_2 h4{
	font-size: 14px;
    margin: 10px 0px 5px 5px;
    float: left;
    width: 100%;
}
.product_desc_2 p{
	width: 100%;
	max-width: 100%;
	float: left;
	font-size: 16px;
	margin:0px 0px 10px 0px;
	letter-spacing: 0.3px;
    line-height: 1.5;
	white-space:pre-wrap;
}
.product_desc_2 p a{
	color:#277DC3;
	transition:0.3s;
}
.product_desc_2 p a:hover{
	color:#277DC3;
	text-decoration: underline;
}
.product_desc_2 hr {
	margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    float: left;
    border-top: 2px solid #dcdcdc;
    display: block;
    width: 100%;
}


.product_desc_2 .tab_nav{
	padding: 0px;
}
.product_desc_2 .tab_nav li{
	float: left;
    list-style: none;
	border-bottom: 3px solid #f9f9f9;
	transition:0.1s;
}

.product_desc_2 .tablinks{
	min-width: 100%;
	height: 100%;
	text-align: center;
	font-size:14px;
}

.product_desc_2 .tab_nav li.active{
	background-color: #fff;
	border-bottom: 3px solid #454545;
}
.product_desc_2 .tab_nav li:hover {
	border-bottom: 3px solid #454545;
	background-color: #fff;
	color:#777
}
#pr_desc_cont_inner iframe {
	max-width:100%;
}



.section_content_connected_prs {
	display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    padding: 20px 0px;
    background-color:var(--connected_prs_bg);
  	/*background-image: url(../img/parallax/connected_prs_bg.jpg);*/
  	background-position:center;
  	background-repeat:no-repeat;
  	background-size: cover;
}
.wrapper_content_connected_prs {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 5px 0px;
    display: inline-block;

}
.connected_prs_title{width:100%;float:left;display:block;padding-bottom:20px}
.connected_prs_title h2{width:100%;text-align:center;}


.tab-pane {
	padding:5px;
}



/* Index Links */

.img_links {
	width:100%;
	height: 100%;
	display: inline-block;
}
.img_links_box {
	position: relative;
	width:100%;
	height: 200px;
	background-position: center;
	background-size: 101%;
	background-repeat: no-repeat;
	border-radius: 10px;
	margin:0px;
	transition-duration: 0.2s
}
.img_links_box_benlian_1 {background-image: url("../img/ajanlo/benlian.jpg");}
.img_links_box_kari_11 {background-image: url("../img/unnepek/kari_ajanlo_.jpg");}
.img_links_box_kari_2 {background-image: url("../img/unnepek/kari_ajanlo.jpg");}
.img_links_box_akcio {background-image: url("../img/ajanlo/ajanlo.jpg");}

.img_links_box_1 {background-image: url("../img/ajanlo/1.jpg");}
.img_links_box_11 {background-image: url("../img/ajanlo/10.jpg");}
.img_links_box_2 {background-image: url("../img/ajanlo/2.jpg");}
.img_links_box_3 {background-image: url("../img/ajanlo/3.jpg");}
.img_links_box_33 {background-image: url("../img/ajanlo/33.jpg");}
.img_links_box_4 {background-image: url("../img/ajanlo/4.jpg");}
.img_links_box_5 {background-image: url("../img/ajanlo/5.jpg");}

.img_links_title{
	width: 100%;
    text-align: left;
    text-shadow: 1px 1px 2px rgba(50,50,50,0.6);
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 10px 20px;
}
.img_links_title h3{
	padding: 8px;
    width: fit-content;
	margin:0px;
	font-size: 26px;
	margin-bottom:5px;
	font-weight: bold;
	line-height: 1;
}
.img_links_title p{
	font-size: 14px;
	line-height: 1.2;
}
.img_links_title .btn_6{
	float: left;
	text-shadow: 0px 0px 0px rgba(50,50,50,0);
	
	
}

/* Akciós termék SLIDE */
.action_slide {
    width: 96%;
  	height:auto;
    /*height: 100%;*/
    display: block;
	margin: 0 auto
}
.news_slide {
    width: 100%;
    height: 100%;
    display: inline-block;
	padding:10px;
}

.action_slide .pitem_img_box img {max-width:70%;}

.action_slide ul{padding: 0px;}
.action_slide .elem{margin:0px;}
.action_slide .elem .pitem_img_box .promo_title {
    height: 22px;
    width: 94%;
    margin-left: 2%;
    text-align: center;
    display: inline-flex;
    position: absolute;
    top: inherit;
    bottom: 0px;
    left: 0;
    border-radius: 20px;
	padding: 4px;
}

.action_slide_header {
	text-align:center;
}
.action_slide_header h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:5px;
	text-align: center
}
.action_slide_header h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:5px;
	text-align: center
}
.action_slide_header p{
	font-size: 16px;
	margin-bottom:5px;
	text-align: center
}
.img_links_header {
	text-align:center;
	padding:40px 0px 0px 0px;
}
.img_links_header h3{
	font-size: 36px;
	font-weight: bold;
	margin-bottom:5px;
}
.img_links_header p{
	font-size: 16px;
	margin-bottom:5px;
}

.row_1{
	width:60px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: #454545;
}
.row_2{
	width:40px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 3px;
	background-color: #454545;
}


/*==== Üzenet =====*/
.message_list_box_header {
	widt:100%;
	height: 30px;
	background: #f2f2f2;
	
}
.message_list_box_header p{
	float: left;
	padding: 10px 1px;
	font-size: 12px;
	line-height: 1.2;
}
.message_list_box {
	width:100%;
	height: 100%;
	background: #fff;
	display: inline-block;
	float: left;
}
.message_list_elem {
	width:100%;
	height: 100%;
	display: inline-block;
	float: left;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 5px;
}
.message_list_elem p{font-size:12px;line-height: 1.2;padding:0px 3px ;}
.message_list_elem .active{
	background-color: #f2f2f2;
}

.message_list_elem h4{
	width:100%;
	height: 14px;
	padding:0px;
	margin:0px;
	font-size: 12px;
	font-weight:500;
	overflow: hidden;
}
.message_list_elem h5{
	padding:0px;
	margin:5px 0px;
	font-size: 14px;
	overflow: hidden;
}
.message_list_elem span{
	padding:0px;
	margin:0px;
	font-size: 10px;
	letter-spacing: 1.1px;

}
.message_list_elem i {
	font-size: 18px;
    padding: 5px;
	margin:0px;
	float:right;
	color:#b9b9b9;
	cursor:pointer;
	transition: 0.2s;
}
.message_list_elem i:hover {
	color:#777;
}

.message_list_message p{
    text-align: left;
    font-size: 12px;
    max-height: 29px;
    line-height: 1.2;
    overflow: hidden;

}


.message_box{
	width:100%;
	height: 600px;
	max-height: 25vh;
	float: left;
	display: inline-block;
	position: relative;
	background-color: #f2f2f2;
	overflow: scroll;
	overflow-x: hidden;
  	padding:10px;
}

	div.message_box::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(228,228,228,0.3)
		}
	
	div.message_box::-webkit-scrollbar { 
		width: 10px;
		background-color: rgba(137,137,137,0.1)
		}
	
	div.message_box::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(56,56,56,0.1)
		}
.answer_box {
	width:100%;
	height: auto;
	float: left;
	display: inline-block;
	background-color:#f2f2f2;
	padding: 10px;
}


.message_box h3{
	font-size: 12px;
	margin:0px;
	padding:0px;

}
.message_box h4{
	font-size: 13px;
	margin:0px;
	padding:0px;
}
.message_box p{
	font-size: 12px;
	margin:0px;
	padding:0px;

}
.message_box i{
	font-size: 12px;
	margin:0px;
	padding:0px;
}
.msg_user_1{
	width: 80%;
	height: auto;
	float: left;
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	margin:5px;
	padding: 10px;
}
.msg_user_2{
	width: 80%;
	height: auto;
	float: right;
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	margin:5px;
	padding: 10px;
}
.msg_1{white-space: pre-line;}



/*==== GY.I.K. Accordion =====*/


.accordion {
	background-color: #f1f1f1;
	color: #777;
	cursor: pointer;
	padding: 11px 16px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.1s;
	border-radius: 6px;
}

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

#gyik .active{
	background-color: #454545;
	color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
}
.panel p{
	padding:5px 0px;
	font-size: 16px;
}


.panel p:first-child{
	padding-top:20px;
}























/*==== Üzenet Modal =====*/
#myModalAccount {z-index:6000;}
#myModalAccount .modal-body .tab_nav li{width:50%;}

#myModalMessage {}
.form_message{
	width: 100%;
	height: 100%;
	display: inline-block;
	float: left;
}
.form_message div{padding:2px;}
.form_message .input-field {
    width: 100%;
    padding: 6px;
    outline: none;
    border: 2px solid #f2f2f2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.3s;
    font-size: 14px;
}
.form_message p {
    padding: 4px 5px;
    margin: 0px;
    margin-top: 3px;
	line-height: 1.5;
}
.form_message label{
	font-size: 13px;
    color: #888;
    font-weight: bolder;
    letter-spacing: 1.5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.form_message input {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border-radius: 5px;
	border:2px solid #ECECEC;
	
}

.form_message input:focus {
    border: 2px solid #f2f2f2;
    outline: 0px;

	
}
.form_message input:active {
    border: 2px solid #f2f2f2;
}


.form_message input:disabled {
  	background: #f2f2f2;
	border:1px solid #f2f2f2;
}

.form_message_info_box {
	width:100%;
	height: 100%;
	float: left;
	display: inline-block;
	position: relative;
}
.form_message_info_box img{
	max-width: 100%;
	display: inline-block;
	float: left;
  	padding: 0px 30px;
    max-height: 100px;
}

.form_message  .input-field:focus {
    border: 2px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.form_message textarea {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border-radius: 5px;
	transition: 0.2s;
	font-size: 14px;
	border: 1px solid var(--input_log_border);
    background: var(--input_log_bg);
    color: var(--input_log_text);
}
.form_message textarea:focus {
    border: 1px solid var(--input_log_border_focus);
    outline: 0px;

	
}
.form_message textarea:active {
    border: 2px solid #ddd;
}
.btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: #454545; 
    border-color: #454545;
    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: #454545;
    transition-duration: 0.3s;
}

#pr_list { font-weight: normal}
#pr_list #elem_name{display: inline-block}
#pr_list .control_elem_name{
	position:relative;
	margin: 0px;
	left: 0;
	float: left;
	height: 59px;
	overflow: hidden;
	transform: none;
	padding: 0px;
	font-weight: normal
}
#pr_list {height:350px;}
#pr_list .control_elem_pack {}
#pr_list .control_elem_pack p{font-weight:normal;font-size: 13px}
#pr_list .control_elem_pack span{font-weight:normal;font-size: 14px}

#pr_list .control_elem_available {}
#pr_list .control_elem_available p{font-weight:normal;font-size: 13px}
#pr_list .control_elem_available span{font-weight:normal;font-size: 14px}

#pr_list .control_elem_unit_price {padding-top:10px;}
#pr_list .control_elem_unit_price p{font-weight:normal;font-size: 13px}
#pr_list .control_elem_unit_price span{font-weight:normal;font-size: 14px}

#pr_list .control_elem_price {padding-top:10px;}
#pr_list .control_elem_price p{font-weight:normal}
#pr_list .control_elem_price span{font-weight:normal;font-size: 14px}

#pr_list .control_elem_text {}
#pr_list .control_elem_comment{
    font-size: 14px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
    z-index: 2;
    padding: 0px;
	margin: 0;
	height: 30px;
	overflow: hidden;
}
#pr_list .control_elem_neme {
	font-size: 14px;
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
    z-index: 2;
    padding: 0px;
	margin: 0;
	height: 60px;
	overflow: hidden;
	font-weight: normal;
}
#pr_list .btn_1 {
	width: 110px;
    float: right;
}



.pitem_desc {
	width: 100%;
    height: 65px;
    overflow: hidden;
    padding-top: 0px;
    margin-top: 5px;
  padding-left:5px;
}
.pitem_desc p {
	float: left;
	font-size: 14px;
	text-align: left;
	padding:0px;
	
}
.pitem_boxinfo {
	width:100%;
	height: 100%;
	float:left;
	padding:0px;
}
.pitem_boxinfo p{
	width: 100%;
	float: left;
	font-size: 13px;
	padding:0px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
}
.list_1 .pitem_boxinfo {
	width:100%;
	/*height: 40px;*/
	float:left;
	padding:0px;
}
.list_1 .pitem_boxinfo p{
	width: 100%;
	height: 20px;
	float: left;
	font-size: 13px;
	padding:5px;
	font-weight: bold;
	text-align: left;
}



.pitem_name {
    width: 100%;
    float: left;
    line-height: 1.1;
    height: 50px;
    overflow: hidden;
    font-weight: 600;

}
.pitem_name a{
	width: 100%;
	color:#777;
	cursor: pointer;
	transition:0.2s;
	font-size: 14px;
	line-height: 1.3;
	font-weight: bold;
	
}
.pitem_name a:hover{
	color:#444;
	text-decoration: underline;
}

.content_top {
	position: absolute;
    border: 0;
    left: 0;	
}

#promo_header{
	margin-bottom: 10px;
}
.promo_header{
	width:100%;
	float: left;
	padding: 10px;
	display: inline-block;
	position: relative;
}
.promo_header h4{font-size: 22px; font-weight: bold;text-align: left;}
.promo_header p{font-size: 18px; text-align: justify;}

#promo_desc{}
.promo_desc{}
.promo_desc h1{
	width:100%;
	text-align: left;
	margin: 10px 0px 10px 0px;
	font-size: 26px;
}
.promo_desc h4{
	width:100%;
	margin: 10px 0px 5px 0px;
	font-size: 14px;
}
.promo_desc p{
	width:100%;
	margin: 10px 0px 5px 0px;
	font-size: 14px;
}




#p_title{font-size: 26px;text-align: left}
#p_desc{font-size: 18px;text-align: left; font-weight:500;}
#p_desc2{font-size: 16px;text-align: left; font-weight:400;}}




.list_box {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	border:1px solid #b9b9b9;
	border-radius:3px;
	background: #fff;
	margin-top:5px;
}
.lb {
	width:100%;
	height: 100%;
	float:left;
	padding: 5px;
}
.lb_img {
}
.lb_img img{
	width: 100px;
	max-width: 100%;
	
}


.lb_title{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.lb_title p{
	margin-top: 10px;
}
.lb_info{position: relative}

.lb_info p{
	float: left;
	padding-top:10px;
}
.lb_info span {
	float: left;
	padding: 5px;
	font-size: 14px;
}
.lb_info input{
	padding: 4px 3px;
    border: 1px solid #b9b9b9;	
	width: 50%;
	float: left;
	text-align: right
}
.lb_info input:focus {
    border: 1px solid #ddd;
    outline: 0px;
}
.lb_info input:active {
    border: 1px solid #ddd;
}


.lb_info select{
	padding: 2px 3px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #b9b9b9;	
	width: 50%;
	float: left;
	font-size: 13px;
}


.lb_info select:focus {
    border: 1px solid #ddd;
    outline: 0px;
}
.lb_info select:active {
    border: 1px solid #ddd;
}


.lb_info textarea{
	padding: 3px 3px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;	
	width: 100%;
	float: left;
	font-size: 13px;
}


.lb_info textarea:focus {
    border: 1px solid #ddd;
    outline: 0px;
}
.lb_info textarea:active {
    border: 1px solid #ddd;
}


.lb_btn{
	width: 100%;
	/*height:100%;*/
  	height:60px;
  	min-height:60px;
	text-align: center;
	display: inline-flex;
	padding:5px;
}
.lb_btn .btn_3{
	width: 340px;
  	height:max-content;
	max-width: 100%;
	font-size: 12px;
	margin:0px auto;
	padding:10px;
	border-radius: 20px;
	text-align: center
}




.pass_box {
	width:100%;
	height: 100%;
	padding:50px 10px 10px 10px;
	float: left;
	display: inline-block;
	user-select:text;
}
.pass_box h1{
	display: inline-block;
	font-size:24px;
	text-align: left
}
.pass_box h2{
	width:100%;
	float: left;
	display: inline-block;
	font-size:16px;
}
.pass_box .btn_2{
    float: left;
    margin: 0px 10px;
    padding: 8px 0px;
}
/*
#passre {
    width: 200px;
    padding: 10px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 2px solid #f2f2f2;
	float: left;
}
#passre:focus {
    border: 2px solid #ddd;
    outline: 0px;
}
#passre:active {
    border: 2px solid #ddd;
}
*/
/*===== HÍREK ======*/
.blog_head{}
.blog_head #header_txt{
	font-size:30px;
	font-weight:bold;
	letter-spacing:1px;
}
.blog_head #header_desc{
  	max-width:80%;
  	margin-left:10%;
	font-weight:normal;
	font-size:16px;
	line-height:1.5;
  	text-align:center;
  	margin-bottom:0px;
}
.blog_head #header_desc a{
/*  	max-width:80%;
  	margin-left:10%;*/
	font-weight:normal;
	font-size:16px;
	line-height:1.5;
  	text-align:center;
}
.blog_category_title{
	font-size:30px;
	font-weight:bold;
  	padding:0px 10px;
  margin:10px 0px;
}
.blog_category_desc{
	font-size:16px;
	font-weight:normal;
  	padding:0px 10px;
  	margin:10px 0px;
}
.blog_category_back{
	font-size:20px;
  color:var(--main_color);
	font-weight:bold;
}
.blog_category_back:hover{text-decoration:underline;}
.blog_nav_more {
	display:inline;
  	width:270px;
  	float:right;
}
.blog_content {
    width: calc(100% - 320px);
    float: left;
    margin: auto;
    padding: 10px;	
}

.wrapper_content_blog {
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 5px 0px;
    display: inline-block;	
}
.blog_nav_box{
	width:calc(300px - 20px);
  	float:right;
  	background-color:#fff;
  	padding:10px;
  	margin:10px;
  	border-radius: 10px;
  	box-shadow:1px 3px 8px #ddd;
}
.blog_nav_box h4{
  font-weight:bold;
  font-size:20px;
  padding:10px;
}	
.blog_nav_box a{
  width:100%;
  float:left;
  padding:5px 10px;
  cursor:pointer;
  font-size:16px;
  font-weight:500;
}	
.blog_nav_box a:hover{
	color:var(--main_color);
}
.blog_nav_labels {}      
.blog_nav_labels a{width:auto;font-size:14px;}      

.blog_author_box {
  width:100%;
  background-color:#fdfdfd;
}
.blog_author_box img{
	width:150px;
  max-width:100%;
  border-radius:1000px;
  margin:20px 0px;
}
.blog_author_box h3{
	padding:5px;
  	margin-bottom:0px;
  	margin-top:15px;
}
.blog_author_box h4{
	padding:5px;
  	margin:0px;
  	font-size:13px;
	font-weight:normal;
  	display:inline-block;
	}
    .blog_author_box h4 a{
		width:auto;
      font-size:unset;
      padding:0;
      float:none;
    }
.blog_author_box p{
	padding:5px;
	font-size:14px;
  	margin-top:0px;
  
}



.blog_list{
	width: calc(100% - 320px);
  	min-height:400px;
  	float:left;
	margin: auto;
	padding: 10px;
}

.b_list_elem {
	position:relative;
	width:100%;
	display:inline-block;
	background-color:#fff;
	margin: 0px;
	padding: 8px;
    background: var(--list_item_bg);
    border-radius: 8px;
	float: left;
  	/*box-shadow:var(--list_item_shadow);*/
	}
	.b_list_elem_img_container{
		width: 40%;
      	max-height:180px;
      	float:left;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		
	}
	.b_list_elem_img_container a {
        height:auto;
      	width:100%;
        display:block;
        overflow:hidden;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
	}
	.b_list_elem img{
		height: auto;
		width: 100%;
		margin: 0 auto;
		cursor: pointer;
		transition: 0.2s;
		display: flex;
      	border-radius:8px;
		
	}
	.b_list_elem img:hover{
		
	}
	.b_list_elem_content {
		width:60%;
      	float:left;
		padding:0px 10px;
		min-height:100%;
		display:block
		}
	.b_list_elem_content a{ 
		color:var(--body_text);
	}
	.b_list_elem_content a:hover, .b_list_elem_content a:focus{
		color:var(--main_color);
	}
	.b_list_elem_content p{ 
		height: 70px;
		overflow: hidden;
	}
	.b_list_elem h2{
		height: auto;
		overflow: hidden;
		cursor: pointer;
		margin: 10px 0px;
		font-size: 20px;
		text-align: left;
      	font-weight:bold;
      	line-height:1.4
	}
	.b_list_elem h3:hover{
		color:#777;
		cursor:pointer;
		transition:0.5s;
	}
	.b_list_elem p{
		/*height: 60px;*/
      	height:auto;
		text-align: left;
		overflow: hidden;
		font-size:16px;
	}

	.b_list_elem_content div{
      	height:auto;
		text-align: left;
		overflow: hidden;
		font-size:14px;
      	/*display:block;*/
	}

	.b_list_elem .short_p {
        height: 80px;
        width: 100%;
        display: inline-block;
        float: left;
        overflow: hidden;
	}

	.b_list_elem_btn div{height:auto;}
	.b_list_elem_btn {
		width: auto;
		float: right;
		display: block;
		}
	.b_list_elem_date {
		width: auto;
		display: inline-block;
		float:left;
	}
	.b_list_elem_date p{
		height: auto;
		font-size: 12px;
		float:left;
		text-align: left;
		color:#888;
	}
.b_list_elem_footer {
	width:100%;
	float: left;
	padding: 4px 0px 10px;
}

/*=========================================*/


/*===== HÍREK ======*/
.news_list{
	width: 100%;
	margin: auto;
	padding: 5px;
}




.n_list_elem {
	position:relative;
	width:100%;
	display:inline-block;
	background-color:#fff;
	margin: 0px;
	padding: 8px;
    background: #fdfdfa;
    border: 1px solid #ddd;
    border-radius: 8px;
	float: left;
	}
	.n_list_elem_img_container{
		width: 100%;
      	
		overflow: hidden;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		
	}
	.n_list_elem_img_container a {
        height:240px; 
        display:block;
        overflow:hidden;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
	}
	.n_list_elem img{
		height: auto;
		width: 100%;
		margin: 0 auto;
		cursor: pointer;
		transition: 0.2s;
		display: flex;
		
	}
	.n_list_elem img:hover{
		
	}
	.n_list_elem_content {
		padding:0px 10px;
		width:100%;
		min-height:100%;
		display:block
		}
	.n_list_elem_content a{ 
		color:var(--body_text);
	}
	.n_list_elem_content a:hover, .n_list_elem_content a:focus{
		color:var(--main_color);
	}
	.n_list_elem_content p{ 
		height: 70px;
		overflow: hidden;
	}
	.n_list_elem h2{
		height: 28px;
		overflow: hidden;
		cursor: pointer;
		margin: 10px 0px;
		font-size: 20px;
		text-align: left;
      	font-weight:bold;
      	line-height:1.4
	}
	.n_list_elem h3:hover{
		color:#777;
		cursor:pointer;
		transition:0.5s;
	}
	.n_list_elem p{
		/*height: 60px;*/
      	height:auto;
		text-align: left;
		overflow: hidden;
		font-size:16px;
	}

	.n_list_elem_content div{
      	height:auto;
		text-align: left;
		overflow: hidden;
		font-size:14px;
      	/*display:block;*/
	}

	.n_list_elem .short_p {
        height: 70px;
        width: 100%;
        display: inline-block;
        float: left;
        overflow: hidden;
      font-size:16px;
	}

	.n_list_elem_btn div{height:auto;}
	.n_list_elem_btn {
		width: auto;
		float: right;
		display: block;
      	
		}
	.n_list_elem_date {
		width: 100%;
		display: inline-block;
		float:left;
      	margin-bottom:5px;
	}
	.n_list_elem_date p{
		height: auto;
		font-size: 14px;
		float:left;
		text-align: left;
		color:var(--text_color);
     	white-space: pre;
      	margin:0;
	}
	#blog_modified {width:100%;float:left;font-weight:bolder}
	.n_list_elem_date .blog_modified {width:100%;float:left;font-size:12px;/*font-weight:bolder*/}
.n_list_elem_footer {
	width:100%;
	float: left;
	padding: 4px 0px 10px;
}

/*=========================================*/
/*=HÍREK=SLIDE=============================*/

#news_slide .n_list_elem_content{
	padding:0;
}
#news_slide .n_list_elem_content a {}
#news_slide .n_list_elem h3 {
	cursor: pointer;
    margin: 10px 0px;
    font-size: 20px;
    padding: 10px 0px;
    text-align: left;
    height: 55px;
    overflow: hidden;
}
#news_slide .n_list_elem p {
	font-size: 14px;
    height: 80px;
    overflow: hidden;
}
#news_slide .n_list_elem_btn {float: left;}
#news_slide .n_list_elem_btn a {}
#news_slide .n_list_elem_btn a {}
#news_slide .n_list_elem_btn a .more_btn{}
#news_slide .img_links_header p {
    font-size: 14px;
    margin-bottom: 5px;
}









.more_btn
{
	background-color: #fff;
    padding: 6px 13px 7px 13px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #454545;
    border-radius: 25px;
    transition: 0.2s;
    font-size: 12px;
    line-height: 1;
}
.more_btn:hover
{
	color:#fff;
	background-color:#454545;
	/*display: inline-block;*/
}
.more_btn p
{
	margin:0;
}

/*===== Hír ======*/

.art_content{
	width:100%;
	height: 100%;
	float: left;
	display: inline-block;
	padding: 10px;
}

#news_data_container {}
#news_data_container .pitem_product_quantity {
    padding: 5px 0px;
	text-align: center;
}
#news_data_container .n_title{text-align: left}
#news_data_container .btn_minus {
	padding: 0px 8px 0px 8px;
}
#news_data_container .btn_plus {
	padding: 1px 8px 0px 8px;
	margin-right: 0px;
}
#news_data_container .pitem_price p{width:100%;text-align:center;}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.n_img_cont img{width:100%;height:100%;border-radius: 8px;}
.n_quote{
	text-align:left;
	line-height: 1;
  	font-size:18px;
  font-weight:400;
  display:flex;
}
.n_quote i{
	font-size:34px;
	color:#454545;
}
.n_prod{
	text-align: center;
}
.n_highlight{
	text-align:left;
	border-left:6px solid #454545;
	padding-left:8px;
	font-size:22px;
  	font-weight:600;
}
.n_yt{
	width:800px;
	height:500px/**/;
	margin:auto;
	padding-top:10px;
  	max-width:100%;
}
.n_img_cont{
	margin-bottom: 10px;
	padding:10px 5px;
}
.n_img{}
.n_text{
	margin:6px 0px 10px 0px;
	padding-top:0px;
	font-size:16px;
	white-space:pre-line;
	white-space: break-spaces;
  	letter-spacing: 0.5px;
}
.n_sub_title{
	text-align:left;
	margin:16px 0px;
	
	/*text-decoration: underline 2px solid #454545;*/
	border-bottom: 2px solid #454545;
	padding-bottom:3px;
	line-height: 30px;
}
.n_title{
	margin:10px 0px;
	padding-top:10px;
  	font-size: 30px;
  font-weight:500;
}
.n_title p{font-size:24px;}
.n_prod{
	margin: 16px 0;
}





/*===== FOOTER ======*/

.user_info {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height: auto;
	background: rgba(255,255,255,1);
	color:#787878;
	display: inline-block;
	z-index:100;
	transition:1s;
	box-shadow:0px 0px 1px #999;
	}
	.user_info
	.user_info a:hover {
		color:#454545;
		text-decoration: underline
	}
	.user_info p {
		padding:2px;
		margin:0px;
		margin-top:8px;
		float:left;
		font-size:12px;
		display: inline-block;
	}

	 .user_info p a {
		color:#787878;
		font-size:12px;
		 text-decoration: underline;
		 cursor: pointer;
	}

	 .user_info p a:hover {
		color:#454545;
	}
	.user_info form {
		float:left;
		width:auto;
		display: inline-block;
	}
	.user_info button {
	}


/* COOKIE */
.btn_cookie {
	margin:5px;
	padding:1px 10px;
	float:left;
	margin-left:10px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(153,153,153,0.5);
	border-radius:5px;
	transition:0.2s;
	font-size:14px;
	outline: none;
	}
	.btn_cookie:hover {
		color:#fff;
		background-color:#454545;
		box-shadow: 0px 2px 5px rgba(100,100,100,0.3);
		border:1px solid #454545;
		}
.info_span{
	position:fixed;
	left:0;
	bottom:0;
	width:25px;
	height:25px;
	margin-bottom:10px;
	z-index:2200;
	opacity:0.8;
	}
	.info_span:hover{
		opacity:1;
	}
.info_span span{
	font-size:22px;
	color:#454545;
	cursor:pointer;
	z-index:900;
	}

.info_body{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height: auto;
	background-color:rgba(255,255,255,0.9);
	transition:1s;
	display:none;
	z-index:1000;
	box-shadow:0px -1px 3px #999;
	}
	.info_body p{
		padding:2px;
		margin:0px;
		margin-top:8px;
		float:left;
		font-size:12px;
		display: inline-block;
		text-align:left;
		}
		.info_body p a{
			color:#777;
			font-size:12px;
			 text-decoration: underline;
			 cursor: pointer;
			}
			.info_body p a:hover{ 
				color:#454545;
			}

		
.info_body_box {
	display: block;
	width: 100%;
	min-height: 35px;
	height: 100%;
	float: left;
	padding-left: 35px;
	
}
	
.infoicon{
	position: absolute;
    top: 14px;
    left: 0px;
    font-size: 14px;
    color: #fff;
	z-index: 1;
	
}
/* FOOTER */


footer {
	width: 100%;
	background-color:#f2f2f2;
	color:#787878;
	user-select:none;
	font-size: 14px;
	float: left;
	/*background-image: url("../img/parallax/footer_bg.jpg");*/
}
footer hr{
	width: 100%;
	margin-top: 10px;
    margin-bottom: 10px;
	float: left;
	border-top: 2px solid #454545;
}

.footer_info_box{
	width: 100%;
	/*height: 100%;*/
	float: left;
	padding: 100px 0px 50px 0px;
}
.footer_info{
	align-content: center;	
	max-height: 100%;

}
.footer_info:first-child{
	border-left: none;
}
.footer_info img{
	width: auto;
	max-width: 70%;
	padding: 20px 0px 50px 10px;
}
.footer_info h3{}
.footer_info h4{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	float: left;
	font-weight: bold;
}
.footer_info h2{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	float: left;
	font-weight: bold;
}
.footer_info p{text-align: left}
.footer_info a{
	float: left;
	width:100%;
	cursor:pointer;
}
.footer_info a:hover{
	/*color:#454545;*/
}


.contact {
	width:100%;
	height: auto;
	float: left;
	display:block;
	padding: 10px 0px 5px 0px
}
.contact i{
    font-size: 36px;
    margin-top: -5px;
	float: left;
	color:#454545
}
.contact span{
	width: 70%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
}
.contact p{
	float: left;
	width:70%;
	margin: 0px 5px;
	white-space: pre-line;
}
.contact a{
	float: left;
	width:70%;
	margin: 0px 0px 0px 5px;
}


.footer_info ul{
	width: 100%;
	float: left;
	padding-left: 0px;
}
.footer_info ul li{
	list-style: none;
	text-align: left;
	margin-bottom:5px;
	outline: 0px;
	padding: 0px;
	display: list-item
}
.footer_info ul li a{
	text-align:left;
	transition: 0.2s;
	color:#787878;
	outline: 0px;
	padding: 5px 0px;
	font-size: 14px;
	line-height: 1;
}
.footer_info ul li a:hover{
	color:#454545;
	margin-left:2px;
}



/*=== footer_info INPUT  ===*/

.footer_info .input-container {
	display: flex;
	width: 100%;
	margin-bottom: 0px;
	padding: 3px 15px;
	box-sizing: border-box;
}

.form-group .input-container:last-child {
	margin-bottom: 10px;
}
.footer_info .input-container a{
	display:contents;
}


.footer_info .icon {
  padding:5px;
  background: #454545;
  color: #fff;
  min-width: 35px;
  text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 24px;
}

.footer_info .input-field {
	width: 100%;
	padding: 6px;
	outline: none;
	color:#777;
	border: 1px solid #454545 ;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: 0.3s;
}
.footer_info .btn_1{
	width: 100%;
	background-color: #454545;
	color:#fff;
	border:1px solid #454545;
	border-radius: 20px;
}
.footer_info .btn_1:hover{
	width: 100%;
	background-color: #fff;
	border-color:#454545;
	color:#454545;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 8px -8px;
}

.footer_pageinfo_box{
	width: 100%;
	background-color:#303030;
	color: #a2a2a2;
	padding: 10px 0px 10px 0px;
	float: left;
}
.footer_pageinfo_partner{
	width: 100%;
	/*height: 100%;*/
	float: left;
	background-color:#fff;
	padding: 0px;
  padding-top:10px;
}
.payment_partner_box{
	width:100%;
	padding:10px 0px;
	height: auto;
	float: left;
	display: grid;
	text-align: center
}
.payment_partner_box a{
	text-align: center
}

.partner_box{display:inline-flex}
.partner_box_elem{
	width:130px;
  	max-width:100%;
  	margin: 10px auto;
  padding:5px;
}



.payment_partner_img {
	width:500px;
	max-width: 100%;
	margin: 10px auto;	
}


.sales_partner_box {
	width:100%;
	display: inline-block;
	float: left;
	text-align: center
}





.pageinfo_box{
	
}
.np_div {
	width: 120px;
    height: 26px;
    position: absolute;
    top: -25px;
    left: calc(50% - 60px);
    margin: 0 auto;
    display: inline-block;
    background-color: var(--pageinfo_box_bg);
    color: #727489;
    border: 0px solid #717389;
    padding: 6px 30px;
    clip-path: polygon(15% 0%, 85% 0, 100% 100%, 0% 100%);
}
.np_div a {}
.np_div img {}
.social_box{
	text-align: center;
	display: inline-flex;
	margin: 0 auto;
	padding:20px 0px;
	float: left;
}
.social_box a{
	color: #a2a2a2;
	padding:5px;
}

.icon-youtube-squared{
	font-size: 28px;
	margin-top: -3px;
	transition: 0.2s
}
.icon-youtube-squared:hover{
	color:#ff4141
}
.icon-youtube{
	font-size: 26px;
	margin-top: -2px;
	transition: 0.2s
}
.icon-youtube:hover{
	color:#ff4141
}
.icon-youtube-play{
	font-size: 28px;
	margin-top: -1px;
	transition: 0.2s
}
.icon-youtube-play:hover{
	color:#ff4141
}
.icon-instagram{
	font-size: 29px;
    margin-top: -4px;
	transition: 0.2s
}
.icon-instagram:hover{
	color:#ee3b6e
}
.icon-facebook-rect{
	font-size: 25px;
	transition: 0.2s
}
.icon-facebook-rect:hover{
	color:#2982f6
}
.icon-facebook{
	font-size: 25px;
	transition: 0.2s
}
.icon-facebook:hover{
	color:#2982f6
}




.pageinfo{
	text-align: center;
	padding: 10px 0px;
}
.pageinfo p{
	color: #a2a2a2;	
	margin-bottom: 0px;
	font-size: 12px;
	text-align: center
}


.gdpr_p{
	font-size:13px;
	padding: 0px 2px;
	margin-bottom: 0px;
	float: left;
	line-height: 1.5;
	margin-left:30px;
}
label .gdpr_p{margin-left:30px;}

.container .fault{
    border: 1px solid #D81316;
}
#dropdown_p {
	display:inline-flex;
	padding: 5px 0px;
	cursor:pointer;
	line-height: 1;
	font-size: 14px;
	margin: 0px;
}
#dropdown_p i{

}
#shipping_info{
	display: none
}


.dropdown{
	width:215px;
	/*background-color: #fff;*/	
	float: left;

}
.dropdown .btn{
	width: 100%;
    /*background-color: #fff;*/
    margin: 0px;
    text-align: left;
    float: left;
    padding: 5px 10px;
	color: #303030;
	border:1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;

	font-size:14px;
	overflow: hidden;
}
.dropdown .btn i{
	position: absolute;
    top: 1px;
    right: 2px;
    padding: 2px;
    font-size: 18px;
    background-color: #fff;
}

.dropdown ul{
    width: 215px;
    padding: 0px;
    margin: 0px;
    z-index: 1100;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 0px;
	min-width:120px;
}
.dropdown ul li{
	border: none;
    padding: 7px 10px;
    cursor: pointer;
    transition: 0.2s;
    color: #303030;
    font-size: 14px;
    text-align: left;
}
.dropdown ul li:hover{
	background-color: #f1f1f1;
	color:#555;
}

.dropdown .size li{
    width: 25%;
  	text-align: center;
    padding: 10px;
    float: left;
}
.dropdown .auto li{
  	text-align: left;
    padding: 10px;
    float: left;
}

.dropdown ul li a{
  	width:100%;
	margin:0px;
	border:none;
	padding: 7px 5px;
	border-radius: 0px;
	color:#777
}
.dropdown ul li a:hover{
	border:none;
	padding:7px 5px;
	color:#fff;
	background-color:#454545 ; 	
}

#nn{float: left;}
#nn label{width:auto}
#nn input{}
#nn p{width:auto;float:left;font-size: 12px;width: 90px;margin: 7px 0px 0px 0px;line-height: 1.2;}
#nn .container {padding-left: 15px;}
#nn .checkmark {margin: 10px 0px;}

#sort_dd{
	position: relative;
	width: 200px;
	margin:5px;
	margin-left: 0px;
	font-size: 12px;
	text-align: left;
	border: 1px solid #b9b9b9;
	padding: 8px 0px 7px 10px;
	color:#777;
	letter-spacing: 0px;
	background-color: #fff
}
#sort_dd:hover{
	box-shadow: none;
	color:#777;
}
#sort_dd:focus{
	outline:none;
}
#sort_dd:visited{
	outline:none;
}
#sort_dd i {
	position: absolute;
	top:0px;
	right: 0px;
	background:#fff;
	width: 20px;
	height: 32px;
}
#sort_dd i .caret {
	position: absolute;
	top: 15px;
	right: 10px;
}




/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #f2f2f2;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #454545;
	margin-top:0px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
	margin-top:0px;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height:11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="radio"], input[type="checkbox"]{
	margin-left: 5px;
	width: 20px;
	cursor: pointer
}
.disabled
{
	opacity: 0.3;
	-webkit-filter: grayscale(1);
	filter : grayscale(1);
	cursor: not-allowed;
}


.closed {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 2;
    padding: 0px 20px;	
	background: #fff;
	padding: 20px;
 }
.closed h3{text-align: center;font-weight: bold;}
.closed p{text-align: center;font-size: 14px;}
.closed img{max-width: 220px;}



.page_toggle_t{
	width:100%;
	height: 100%;
	display: inline-block;
	position:relative;
	cursor:pointer;
	background-color: #454545;
	color: #FFF;
	padding: 6px;
	border-radius: 8px 8px 8px 8px;
  	font-weight:bolder
	}

	.page_toggle_t span{
		width:calc(100% - 30px);
		float: left;
		display: inline-block;
	}
	.page_toggle_t span p{
		width:100%;
		height: 28px;
		font-size: 18px;
		overflow:hidden;
		padding: 2px 10px;
		margin: 0;
		float: left;
		text-align: left;
	}

	.page_toggle_t i {
		width: 30px;
		float: right;
		color: #fff;
		font-size: 14px;
		padding: 4px 0px;
	}





.page_toggle_v{
	font-size: 14px;
	background-color: #eee;
	padding: 10px 20px 20px 20px;
	border-radius: 0 0 8px 8px;
  	margin-top: -5px;
}
.page_toggle_cont {
	float: left;
    width: 100%;
	padding: 3px 0px;
    display: inline-block;	
}

.news_toggle_t{
	font-size: 16px;
	background-color: var(--main_color);
	color: #FFF;
	padding: 8px 15px;
	margin: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;
  	cursor:pointer;
}
.news_toggle_v{
	font-size: 14px;
	background-color: #eee;
	padding: 15px;
	margin: 0 8px 8px 8px;
	border-radius: 0 0 8px 8px;
}
.news_toggle_cont
{
	
}








#page_data_container{/*margin-top:100px;*/}
.page_data_container{
	width:100%;
	float: left;
	padding: 10px 15px;
}


/*.n_prod .pitem_img_box img {width:100%;}
*/

/*================= KAPCSOLAT ============================*/
.contact_mail {}
.contact_mail .form_message{
	width: 100%;
	height: 100%;
	display: inline-block;
	float: left;
}
.contact_mail .form_message .input-field {
    width: 100%;
    padding:10px;
    outline: none;
    border: 1px solid #f2f2f2;
    transition: 0.3s;
    font-size: 14px;
	border-radius: 8px;

}
.contact_mail .form_message p {
    padding: 4px 5px;
    margin: 0px;
    margin-top: 3px;
}
.contact_mail .form_message label{
	font-size: 13px;
    color: #888;
    font-weight: bolder;
    letter-spacing: 1.5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.contact_mail .form_message input {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border:1px solid #ECECEC;
	border-radius: 10px;
	
}

.contact_mail .form_message input:focus {
    border: 1px solid #454545;
    outline: 0px;
	border-radius: 10px;
	
}
.contact_mail .form_message input:active {
    border: 1px solid #454545;
	border-radius: 10px;
}


.contact_mail .form_message input:disabled {
  	background: #f2f2f2;
	border:1px solid #f2f2f2;
	border-radius: 10px;
}

.contact_mail .form_message_info_box {
	width:100%;
	height: 100%;
	float: left;
	display: inline-block;
	position: relative;
}
.contact_mail .form_message_info_box img{
	max-width: 100%;
	display: inline-block;
	float: left;
}

.contact_mail .form_message  .input-field:focus {
    border: 1px solid #454545;
	border-radius: 10px;
}

.contact_mail .form_message textarea {
	width: 100%;
	padding:7px 10px;
	margin-bottom: 5px ;
	border-radius: 10px;
	border:1px solid #f2f2f2;
	transition: 0.2s;
	font-size: 14px;
}
.contact_mail .form_message textarea:placeholder{
	font-size: 12px;
	font-style: italic
}
.contact_mail .form_message textarea:focus {
    border: 1px solid #454545;
    outline: 0px;

	
}
.contact_mail .form_message textarea:active {
    border: 1px solid #ddd;
}




.campany_site {
	width: 100%;
	float: left;
	padding: 15px 10px;

}
.campany_site h4 {
	font-size: 22px;
}

.campany_site span {
	font-size: 16px;
}

.campany_site p {
	font-size: 16px;
	white-space: pre-line;
	user-select: text;
}
.campany_site p a{
	font-size: 16px;
}





.campany_site_map {
	border-radius: 10px;
	padding: 10px;
}





/*************************************************************************************************************************/

.rate_box{
	width:100%;
	height: 21px;
	position: relative;

}
.rate {
	width:200px;
	max-width: 100%;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	
}
.rate_item {
	color:#b9b9b9;
	font-size: 18px;
	cursor:pointer;
	margin-left:-10px;
	transition: 0.1s;
}
.rate_item:hover{
	color:#EDE024;
	font-size: 22px;
}

.rate .active{
	color:#EDE024;
}
#rate_count {
	font-size:14px;
	color:#b9b9b9;
	margin-left: -5px;
}
#rate_count:hover {
	font-size:14px;
	color:#b9b9b9;
}

.rate_item span{
	font-size:14px;
}
#rate_val {
	margin-right:5px;
}




.rate_star {
	float: left;
}


.s_rating_box{
	width:calc(100% - 310px);
	height:100%;
	border:1px solid #eee;
	border-radius: 7px;
	margin:5px 0px 0px 0px;
	padding:10px;
	text-align:left;
	position:relative;
	display: inline-block;
  	float:right;
  
}
.s_rating_box h4 {
  font-weight:600;
  width:100px;
  float:left;
  margin:5px 0px;
}
.s_rating_date{
	width: 100%;
	font-size: 12px;
	font-style: italic;
	float:left;
}		
.s_rating_name{
	float:left;
	font-size: 14px;
	font-weight: bold;
}		
.s_rating_stars{
	font-size: 16px;
	font-weight: bold;
	float:left;
	margin-top: -3px;
}		
.rate_star i{
	margin-left: 10px;
	padding: 0px;
	font-size: 16px;
	color:#f9dc39
}
.s_rating_comment{
	width:calc(100% - 105px);
	height: 100%;
	padding: 7px;
	line-height: 1.2;
	overflow:hidden;
	float:left;
  	min-height:30px;
  font-size:14px;
}





.rating_box {
	display: inline-block;
    width: 310px;
  	display: inline-block;
  	float:left;
}
.rating_box h3{
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0px;
}
.overall_rating_box{
	padding:10px;
}
.overall_rating {
	width:100%;
	height: 100%;
	float:left;
}
.overall_rating_stars {
	width:180px;
	height: 100%;
	float: left;
	display:inline-block;
	background-color:#ddd;
}
.star{
	width:20%;
	height: 35px;
	position: relative;
	float: left;
	background-color:#ddd;
	display: inline-block;
}
.yellow{
	width: 40px;
	height:36px;
	float: left;
	background-color: #f9dc39
}
#y1 {width:60%;}
.star img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
.overall_rating_summ {
	padding: 6px 0px;
	float:left;
}
.overall_rating_summ span{
	padding-left: 5px;
	float:left;
}
.overall_rating_score {
	font-size: 18px;
}
.overall_rating_reviews {
	font-size: 14px;
	margin-top: 3px;
}





.rating {
	padding:10px;
	float: left;
}
.rating_row {
	width:100%;
	display: inline-block;
	padding: 2px 0px;
}
.rate_data_1{
	float: left;
	width:60px;
}
.rate_data_1 p{
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    margin: 0px;
}
.rate_data_2{
	width:140px;
	float: left;
	background-color:#ddd;
}
.rate_data_3{
	float: left;
    padding: 4px 10px;
    font-size: 12px;
}
.rate_data_3 p{
	font-size: 12px;
	padding: 0px;
	margin:0px;
}
.slide_box {
	width: 100%;
	position: relative;
	background-color:#ddd
}
.slide_box .yellow {
	width: 2%;
	height: 21px;
}
.slide_box img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	float: left;

}
#sb_y_1{width:0%}
#sb_y_2{width:0%}
#sb_y_3{width:0%}
#sb_y_4{width:0%}
#sb_y_5{width:0%}



.product_desc_1 .rate{
	text-align: left;
	padding:5px 0px 0px 0px;
	float: left;
}
.product_desc_1 .rate a:first-child{
	margin-left: -5px;
}
.product_desc_1 .rate a:last-child{
	margin-left: -5px;
}
.product_desc_1 .rate_item {
	font-size:20px;
	margin-left:-10px;
	color: #b9b9b9;
	transition:0.1s;
}
.product_desc_1 .rate_item:hover {
	color: #EDE024;
}
.product_desc_1 .rate .active {
	color: #EDE024;
	transition:0.1s;
}




.pitem_title_box .overall_rating_score 
{
	font-size:15px

}
.pitem_title_box .overall_rating_reviews 
{
	font-size:15px;
	margin-top:0;

}


.rating_box_product {}
.rating_box_product .rating_desc {
	width:50%;
	float: left;
	display: block}
.rating_box_product .rating_product {
	width:70%;
	float: left;
	display: block;
	padding:5px;
}
.rating_box_product .rating_product div p{
	width:100%; 
	font-size: 16px; 
	text-align: left; 
	float: left;
	margin-bottom: 5px;}
.rating_box_product .rating_product_img {width:30%;max-height:initial;float: left;display: flex;}
.rating_box_product .rating_product_img img{
	max-width:100%; 
	max-height: 200px; 
	float: left; 
	margin:0 auto}
.rating_box_product .rating_product h4{}
.rating_box_product .rating_stars { width:100%;float: left;display: block;padding:10px;}
.rating_box_product .rating_stars h4{text-align: left;font-size: 14px;margin:3px  5px;}

.rating_box_product .rate {
    width: 200px;
    max-width: 100%;
    height: 25px;
    margin: 0px;
	float: left;
    text-align: left;
}

.rating_box_product .rate_item {
	font-size: 34px;
    margin-left: -10px;
}

.rating_box_product .rate_item:hover {
    color: #EDE024;
    font-size: 34px;
}

.rating_box_product .rate_text {
	width: 100%;
	padding: 7px 10px;
	margin-bottom: 5px;
	border-radius: 10px;
	border: 1px solid var(--textarea_border);
	transition: 0.2s;
	font-size: 14px;
	margin:0px 5px 10px 5px;
}
.rating_box_product .rate_text:focus{
	outline:1px solid var(--textarea_border_focus);
}






/*-------------------LOGIN-------------------*/

.login_bck
{
	width:100%;
	height:100%;	
	 /*background-image: url("../img/login_bck02.jpg");*//*thermo*/
	 background-image: url("../admin/img/login_bck03.jpg");/*knauf*/
	 
    background-repeat: repeat;
}
.login_bck2
{
	width:100%;
	height:100%;	
	 /*background-image: url("../img/login_bck02.jpg");*//*thermo*/
	 background-image: url("../admin/img/bck_gradient.jpg");/*knauf*/
	 
    background-repeat: repeat-x;
}
.login_field .login_error p
{
	margin:4px;
	color:red;
	/*-webkit-filter: drop-shadow(2px 2px 2px #555);
 	filter: drop-shadow(2px 2px 2px #555);*/
}
.login_text h2
{
	color: #00adee;
	-webkit-filter: drop-shadow(5px 5px 5px #000);
 	filter: drop-shadow(5px 5px 5px #000);
}
.login_text h2 span
{
	color: #858f96;
}
.login_logo
{
	text-align:center;
}
.login_logo img
{
	margin:110px 0 20px 0px;
	width:320px;
 	filter: drop-shadow(2px 2px 2px #aaa);
}

.login_field
{
	border:solid;
	border-width:1px;
	border-color:#ddd;
	margin: auto;
	background-color: #eee;
	width: 350px;
	padding: 	0px 30px;
	border-radius: 20px;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0, 0.4));
	filter: drop-shadow(5px 5px 5px rgba(0,0,0, 0.4));
}
.login_field h2
{
	width:100%;
	text-align: center;
	margin: 8px 0px;
	font-size: 21px;
	color: #777;
	float: left;
	/*-webkit-filter: drop-shadow(2px 2px 2px #666);
	filter: drop-shadow(2px 2px 2px #666);*/
}

.login_field p
{
	width: 100%;
	text-align: center;
	color: #858f96;
	padding: 0;
	float: left;
	margin: 4px 0 0;
	/*-webkit-filter: drop-shadow(5px 5px 5px #000);
	filter: drop-shadow(5px 5px 5px #000);*/
}

.login_field input
{
	
	font-size: 12px;
	width:100%;
	border:solid;
	border-width:1px;
	border-color:#ddd;
	margin: 5px 10px;
	float: left;
	line-height: 1.6;
	background:#fff;
}
.login_field img{
	width:100%;
	height:100%;
	padding: 10px;
}
.edition_img_container{position:relative;bottom:0px;right:0px;}


.login_container{
	text-align:center;
}
/*

.login_field button{
	width: 100px;
	background-color: #c4c9cc;
	margin: 2px 0 10px 0;
	border: 1px solid #777;
	color: #7a7070;
	-webkit-filter: drop-shadow(2px 2px 3px #888);
	filter: drop-shadow(2px 2px 3px #888);
}
*/
/*------------------------LOGIN ENDS-------------------*/




/*------------------------ BANNER 2 -------------------*/

.n_banbox_cont{
	width:100%;
	max-width: 390px;
	height: auto;
	display:inline-block;
	background-color:#fff;
	margin: 20px auto;
	box-shadow: 0px 8px 20px #e1e1e1;
	border-radius:8px;
}
/*.n_banbox_img_cont{
	width:auto;
	height:260px;
	overflow:hidden;
	text-align:center;
	display:inline;
	justify-content : center;
}
.n_banbox_img_cont img{
	width:100%;
	height:unset;
}*/
.n_banbox_img_cont{ 

    height: 190px;
	display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.n_banbox_data_cont{
	padding:16px;
}
.n_banbox_data_cont h3{
	font-size:20px;
	margin:1px 6px;
	margin-bottom: 30px;
  font-weight:600;
}
.n_banbox_data_cont p{
	margin:1px 6px;
	white-space: pre-line;
	text-align: justify;
	font-size: 14px;
	margin-bottom: 20px;
}
.n_banbox_data_cont a{
	margin:10px 0px 20px 0px;
}
/*------------------------ / BANNER 2 -------------------*/

/*------------------------ GALÉRIA -------------------*/

.g_container
{
	text-align:center;
    display: list-item;
    list-style: none;
	margin-bottom:20px;
}
.g_container a:hover, .g_container a:focus{
	color: var(--main_color);
}
.g_cont
{
	width:280px;
	height:196px;
	/*float: left;*/
	margin: 4px;
	padding:4px;
	border: 1px solid #ededed;/**/
	border-radius: 8px;
	cursor: pointer;
	display: inline-table;
	margin-top: 10px;
	background-color: #fff;
}
.g_img_cont
{
	width:100%;
	height:100%;
	position: relative;
	transform:translate(0%, 0);
	text-align: center;
  	display: table;
}
.g_img_cont img
{
	width:auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);;
	/*width:100%;
	height:100%;*/
}
.g_name{
	margin-bottom:10px;
	margin-top:10px;
	text-align: center;
	font-size: 18px;
}

.g_cont i
{
    font-size:18px;
    margin: 4px 0 4px 0px;
}
.galery_btn_box {
  width:100%;
  float:left;
  display:block;
  padding:50px 10px 30px 10px;
  text-align:center;
}
.galery_btn_box a {}

/*------------------------ / GALÉRIA -------------------*/

/*--------------------- RENDELÉSEIM -------------------*/
.icon_pdf
{
	  width: 28px;
  height: 30px;
  cursor: pointer;
  float: left;
  padding: 2px;
  margin: 5px;
}
.icon img 
{
  width: 100%;
  height: 100%;
}
.close_window_btn img {
  width: 18px;
  height: 18px;
}
.close_window_btn img {
  width: 18px;
  height: 18px;
}
.close_window_btn img {
  width: 18px;
  height: 18px;
}
.close_window_btn {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 6px;
  top: 6px;
  opacity: 0.8;
  background-color: #777;
	cursor:pointer
}

/*--------------------- / RENDELÉSEIM -------------------*/


/*------------------------ KATEGÓRIÁK -------------------*/

.wrapper_cats{
	width:100%;
	height: 100%;
	float: left;
	background: #efefef;
	margin-top: 40px;
	margin-bottom: 30px;
}

.wrapper_categories_sidebar{
	width:100%;
	float: left;
	display: block;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}



.wrapper_categories_title{
	width:100%;
	height: auto;
	background-color:#1b9799;
	padding: 18px 20px;
	position: relative;
}
.wrapper_categories_title h1{
	color:#fff;
	margin: 0;
	padding: 0px ;
	font-size: 26px;
	font-weight: 600
}
.wrapper_categories_title h2{
	color:#fff;
	margin: 0;
	padding: 0px ;
	font-size: 26px;
	font-weight: 600
}

.wrapper_categories_title a {cursor: pointer}
.wrapper_categories_title a:hover {color:#fff}

.cat_open {
	color:#fff;
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 34px;
}

.cats_sidebar {
	width:100%;
	height: auto;
	background: #fff;
	color:#000
}
.main_ul{
	width:100%;
	height: auto;
	padding: 20px 0px;
	margin-bottom: 0;
}
.maincat_li{
	width:100%;
	list-style-type: none;
	font-size: 18px;
	padding: 0px 0px 0px 5px;
	display:inline-grid
}
.maincat_li a{
	padding: 3px 0px;
	font-weight: bold;
	cursor: pointer
}
.maincat_li .open i{
	transform: rotate(45deg);
	/*color: #444*/
}
.maincat_li a i{
	display: inline-block;
}
.maincat_li a span{
	color:#000
}
.maincat_li a span:hover{
	color:#1b9799;
	transition: 0.2s;
}

.main_cats_arrow{color:#f5b83c}
.sub_cats_arrow{color:#b2b2b2}

.subcat_ul{
	padding:0px 0px 0px 5px;
}
.subcat_li {
	width:100%;
	list-style-type: none;
	font-size: 16px;
	padding: 0px 0px 0px 5px;
	display: inline-grid
}
.subcat_li a{
	font-weight: normal
}
.subcat_li a i{
	
}
.subcat_li a span{
	
}


/*==============*/




.wrapper_categories{
	width:100%;
	float: left;
	display: block;
	margin: 30px 0px 0px 0px;
	padding: 0px 15px;
}

.cats_box {
	width:100%;
	float: left;
	display: inline-block;
	background-color:#fff;
}

.cats_img_box {
	width: 100%;
    max-width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    display: inline-grid;
    justify-content: center;
}
.cats_img_box img{
	width: auto;
    max-width: 100%;
    max-height: 200px;
}


.cats_content_box {
	width:100%;
	float: left;
	padding: 10px 20px 60px 20px;
	position: relative
}
.cats_content_box h2{
	font-size: 20px;
	font-weight: bold;
  margin:10px 0px;
}
.cats_content_box p{
	height: 85px;
    overflow: hidden;
  	font-size:14px;
}
.cats_content_box a{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

#lab_cont {color:#333;}
#lab_cont h3{font-size:18px; font-weight:bold;}

/*------------------------ / KATEGÓRIÁK -------------------*/




/*------------------------ calendar -------------------*/

.berles_box {
	width:100%;
	float: left;
	display: inline-block;
	padding:30px 0px 50px 0px;}

#calendar{margin-top:25px;}
	
.calendar_container{
	width:100%;
	background-color: #1b9799;
	padding:10px;
	color: #eee;
	height: 510px;
	overflow:hidden;
}

.calendar_header
{
	width:100%;
	height:36px;
	display: inline-block;
	padding-right:4px;
	text-align:center;
}
.calendar_body
{
}

.calendar_year
{
	width:25%;
}
.cal_month
{
	width:calc(33% - 8px);
	height: 95px;
	line-height: 68px;
	float:left;
	padding:6px;
	margin:4px;
	border:2px solid #0c8284;
	text-align: center;
	font-size:16px;
}
.cal_month:hover
{
	
	background-color:#0fb8bb;
}
.calendar_day_name
{
	width:calc(100% / 7 - 8px);
	height: 30px;
	line-height: 28px;
	float:left;
	padding:6px;
	margin:4px;
	
	text-align: center;
	font-size:16px;
	
}
.calendar_day
{
	width:calc(100% / 7 - 8px);
	height: 60px;
	line-height: 18px;
	float:left;
	padding:6px;
	margin:4px;
	border:2px solid #0c8284;
	text-align: center;
	font-size:16px;
	
}
.calendar_day:hover
{
	
	background-color:#0fb8bb;
}

.clendar_icon_btn
{
	font-size:22px;
	width:36px;
	height:36px;
	/**/
	padding-top:6px;
	margin:2px;
	border:2px solid transparent;
}
.clendar_icon_btn:hover
{
	background-color: #0fb8bb;
}



.cal_today
{
	border:2px solid #f8af25;
}
.cal_today:hover
{
	background-color: #f8af2582;
}



.cal_related_day
{
	border:2px solid #0eee50;
	background-color: #0eee5036;
}
.cal_related_day:hover
{
	background-color: #0eee5036;
}

.cal_potential_day
{
	border:2px solid #0eee5094;
	background-color: #0eee5018;
}
.cal_potential_day:hover
{
	background-color: #0eee5094;
}



.cal_occupied_day
{
	border:2px solid #ee0e0e;
	background-color: #ee0e0e36;
}

.cal_occupied_day:hover
{
	background-color: #ee0e0e;
}



.cal_from_day
{
	border:2px solid #0eee50;
	background-color: #0eee5036;
}
.cal_from_day:hover
{
	background-color: #0eee5036;
}




.cal_to_day
{
	border:2px solid #0eee50;
	background-color: #0eee5036;
}
.cal_to_day:hover
{
	background-color: #0eee5036;
}


.cal_act_week
{
	background-color: #eee;
}

.cal_row{height:72px}
/*------------------------ /calendar -------------------*/


/*------------------------ Bérlés form  -------------------*/

.form_message div .orszagh {
    font-size: 14px;
    padding: 9px 7px;
}


/*------------------------ /Bérlés form -------------------*/
.catalog_cont
{
  	margin: 20px 0;
}
.catalog_box
{
  	margin: 10px 0;
}
.catalog_h
{
  	margin: 10px auto;
  	text-align:center;
}
.catalog_d
{
  	margin: 12px auto 20px auto;
  	text-align:center;
}
.catalog_l
{
  	font-size: 16px;
  	text-align:center;
  	margin: 0px auto;
  	display:block;
  	font-weight: 900;
}
.catalog_l i
{
  
}

.doc_icon
{
  	float:right;
  	margin:8px 4px;
  	width:unset !important;
}
.doc_icon img
{
  	width:30px;
  	height:30px;
  float:left;
}





/*sajat_fajlok*/

.f_type
{
  width:24px;
  height:24px;
}
/*image_editor*/



/*========================================================================*/
/*====================== RENDELÉSEIM TIMELINE ============================*/

.timeline_box {width:100%;height:100%;background:#fff;display:block;float:left;position:relative}
.timeline_header {
	width: 100%;
	height: 60px;
	float: left;
	display: inline-block;
	color:#666
}
.timeline_header_left {
	width:calc(100% - 150px);
	height: 60px;
	float: left;
	display: block;
	background-color:#f4f4f4
}
.timeline_header_left h3 {
	font-size:14px;
	text-align: left;
	display: inline-block;
	margin:0;
	padding: 7px 0px 0px 10px;
}
.timeline_header_left h3 span:first-child{
	color:#fd684f;
}
.timeline_header_left p {
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 0px 10px;
	line-height: 1;
}

.timeline_header_right{
	width:150px;
	height: 60px;
	background-color:#ececec;
	display:inline-block;
	float: left;
}
.timeline_header_right a{
	width:100%;
	float: left;
	display: inline-block;
    padding:20px 0px;
	cursor:pointer
}
.timeline_header .timeline_header_right a i{
	position: relative;
	top:unset;
	right:unset
}

/*===================*/
.timeline_wrapper {
	width:100%;
	height: 190px;
	float: left;
	display: inline-block;
	background: #f4f4f4
}
.timeline_img {
	width:170px;
	height: 190px;
	float: left;
	display: block;
	background: #ececec
}
.timeline_img img{
	width:100%;
	height: 100%;
	padding: 20px 10px;
  	object-fit:scale-down;
}

.timeline_content{
	width:calc(100% - 170px);
	float: left;
	display: inline-block;
	padding:5px 0px;
}

.timeline_icon_box .icon-shopping-basket {font-size: 17px;padding: 6px 4px}
.timeline_icon_box .icon-upload {font-size: 17px;padding: 6px 4px}
.timeline_icon_box .icon-ok-squared {font-size: 17px;padding: 6px 4px}
.timeline_icon_box .icon-picture {font-size: 17px;padding: 6px 4px}
.timeline_icon_box .icon-cog-1 {font-size: 17px;padding:  6px 4px}
.timeline_icon_box .icon-truck {font-size: 17px;padding:  6px 4px}
.timeline_icon_box .icon-cc-visa {font-size: 17px;padding:   7px 6px 6px 3px}
.timeline_icon_box .icon-location-2 {font-size: 17px;padding:  7px 6px 6px 3px}

/* =================================================== */

.timeline_data_box {
	width:100%;
	float: left;
	display: inline-block;
	position: relative;
}
.timeline_data_box .active .timeline_text_status{color:#1b9799}
.timeline_data_box .active p a{color:#fd684f; font-size: 12px; cursor: pointer}
.timeline_data_box .active .timeline_step_btn {background-color:#fd684f;}
.timeline_data_box .active .timeline_step_btn a{color:#fff;}
.timeline_data_box {
	width:calc(100% - 0px);
	float: left;
	text-align: center
}
.timeline_text_box {
	width:14.28%;
	float: left;
	display: block;
}
.timeline_text_box p {font-size:12px;}
.timeline_step{text-align: center;font-weight: bold}

.timeline_text_box .timeline_text_date{text-align: center}
.timeline_text_box .timeline_text_time{text-align: center}
.timeline_text_box .timeline_text_status{text-align: center}
.timeline_text_box p a {width:100%;text-align: center}


.timeline_icons {
	width:calc(100% - 0px);
	float: left;
	text-align: center;
	margin-top:10px;
}
.timeline_icons .active .icon-location-4::before{color: #1b9799;}
.timeline_icons .active .timeline_line{	border: 4px solid #1b9799;}
.timeline_icons .active .timeline_icon_box i{ color: #187578;}

.timeline_incon_step .active::before{color: #1b9799;}
.timeline_incon_step .active .timeline_icon_box::before{color: #1b9799;}
.timeline_incon_step .active i{ color: #187578;}

.timeline_incon_step {
	width:14.28%;
	height: 80px;
	float: left;
	text-align: center;
	display: inline-flex;
	position: relative
}

.timeline_line_box{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 50%;
    z-index: 50;
    display: inline-block;
}
.timeline_line{
	border: 4px solid #ddd;
    background: #187578;
    color: #fff;
}
.timeline_icon_box{
    text-align: center;
    width: 60px;
    margin: 0 auto;
	position: relative
}
.timeline_icon_box i{
    background: #fff;
    border-radius: 200px;
    color: #ddd;
    position: absolute;
    bottom: 45px;
    text-align: center;
    font-size: 17px;
    padding: 6px 4px;
    left: 14px;
}

/* =========== Timeline 2 ================ */
.timeline_data_box2 {
	width:100%;
	float: left;
	display: inline-block;
	position: relative;
}
.timeline_data_box2 .active .timeline_text_status2{color:#1b9799}
.timeline_data_box2 .active p a{color:#fd684f; font-size: 12px; cursor: pointer}
.timeline_data_box2 .active .timeline_step_btn2 {background-color:#fd684f;}
.timeline_data_box2 .active .timeline_step_btn2 a{color:#fff;}


.timeline_data_box2 {
	width:calc(100% - 170px);
	float: left;
	text-align: center
}
.timeline_text_box2 {
	width:25%;
	float: left;
	display: block;
}
.timeline_text_box2 p {font-size:12px;}
.timeline_step2{text-align: center;font-weight: bold}

.timeline_text_box2 .timeline_text_date2{text-align: center}
.timeline_text_box2 .timeline_text_time2{text-align: center}
.timeline_text_box2 .timeline_text_status2{text-align: center}
.timeline_text_box2 p a {width:100%;text-align: center}

.timeline_icons2 {
	width:calc(100% - 170px);
	float: left;
	text-align: center;
	margin-top:10px;
	
}
.timeline_icons2 .active .icon-location-4::before{color: #1b9799;}
.timeline_icons2 .active .timeline_line2{border: 4px solid #1b9799;}
.timeline_icons2 .active .timeline_icon_box2 i{color: #187578;}


.timeline_icons2 .active::before{color: #1b9799;}
.timeline_icons2 .active .timeline_icon_box::before{color: #1b9799;}
.timeline_icons2 .active i{ color: #187578;}



.timeline_incon_step2 {
	width:25%;
	height: 80px;
	float: left;
	text-align: center;
	display: inline-flex;
	position: relative
}

.timeline_line_box2{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 50%;
    z-index: 50;
    display: inline-block;
}
.timeline_line2{
	border: 4px solid #ddd;
    background: #187578;
    color: #fff;
}
.timeline_icon_box2{
    text-align: center;
    width: 60px;
    margin: 0 auto;
	position: relative
}
.timeline_icon_box2 i{
    background: #fff;
    border-radius: 200px;
    color: #ddd;
    position: absolute;
    bottom: 45px;
    text-align: center;
    font-size: 17px;
    padding: 6px 4px;
    left: 14px;
}

.timeline_icon_box2 .icon-basket-3 {}
.timeline_icon_box2 .icon-doc-text {}
.timeline_icon_box2 .icon-ok-squared {}
.timeline_icon_box2 .icon-credit-card-alt{font-size: 14px; padding: 8px 8px 8px 5px;}
.icon-location-4::before{
	font-size: 60px;
	color: #ddd;
	margin:0;
}
/* =========== / Timeline 2 ================ */



/* =========== Berles  ================ */


.sel_date_box {
  position: relative;
  padding: 2px;
  background-color: #eee;
  margin-top: 2px;
  display: inline-block;
  width: 100%;
}


.berles_box {
}
.berles_box .pitem_product_quantity {
  padding: 10px 10px 0px 0px;
}
.berles_box .goto_basket {
  padding: 0px 10px 0px 10px;
}

#selected_dates_h {
  width: auto;
  padding: 0px 10px;
  margin: 0px;
  margin-top: 5px;
  line-height: 1.5;
}
#selected_dates {
  width: 100%;
  padding: 0px 10px;
  margin: 0px;
  margin-top: 5px;
  line-height: 1.5;
}
.sel_dates_date {
  width: 100%;
  height: 32px;
  padding: 5px 7px;
  background-color: white;
}
#selected_dates .icon-trash {
  margin-top: 20px;
  position: absolute;
  top: -15px;
  right: 0px;
  cursor: pointer;
  font-size: 20px;
}
#selected_dates .icon-trash:hover {
  color: #1e989c;
}

#pack_price_cont {
  width: auto;
  padding: 0px 10px;
  margin: 0px;
  margin-top: 5px;
  line-height: 1.5;
}

.input_label {
  width: 100%;
  height: 22px;
  overflow: hidden;
}

#ship_switch_box {
  width: 80px;
  padding: 0 10px;
}

.pitem_quantity_box_prpage .pitem_product_quantity span {
  font-size: 16px;
  margin-left: 0px;
  font-weight: bold;
}
.amount_nt {
  width: 270px;
  margin: 5px 0 0 10px;
  font-size: 16px;
  font-weight: normal;
}
.amount_bt {
  width: 270px;
  margin: 5px 0 0 10px;
}
#summ_km_nett {
  margin: 5px 0 0 10px;
  font-weight: normal;
  font-size: 16px;
}
#summ_km_brt {
  margin: 5px 0 0 10px;
  font-size: 16px;
}

#summ_rent_nett {
  margin: 5px 0 0 10px;
  font-weight: normal;
  font-size: 16px;
}
#summ_rent_brt {
  margin: 5px 0 0 10px;
  font-size: 18px;
}


/*  */

#loadingScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white url(../img/logo/logo_img1.png) no-repeat center center;
    z-index: 9999;
    display: none;
}

/* ========= /Berles ================ */


.text_page_table{
	width:100%;
	overflow-y: none;
	overflow-x: auto;margin: 20px 0px;
}


/*====================== ALAPÍTVÁNYOK ===========================*/

.foundations_box {width:100%;float: left;display: block}
.foundations_box #separator_3 {margin:20px 0px 50px 0px}

.foundation {}

.fundation_head {}
.fundation_name {font-size: 26px;margin:10px 0px;}
.fundation_address {font-size: 14px;margin-bottom: 5px;}
.fundation_address span {color:var(--highlight_border)}
.fundation_tax {font-size: 14px;margin-bottom: 5px;}
.fundation_tax span{color:var(--highlight_border)}

.foundation_content {}
.foundation_content h4{}
.foundation_content p{font-size: 14px;text-align: justify}

.foundation_images {}
.foundation_img_cont {padding:10px;}
.foundation_img_cont img{
    width: 100%;
    height: 100%;
    border-radius: 8px;

}


/*======== MEGRENDELÉSEK - ALAPÍTVÁNYOK =========*/

#foundations_container {}
#foundations_container h4{margin-left:5px;}
#foundations_container p{margin-left:5px; width:100%;width:calc(100% - 30px);padding-top:2px;}

/*===================== /ALAPÍTVÁNYOK ===========================*/