@font-face{
	font-family:"fontom";	
	font-size:16px;
	src:url("/fonts/Saira-ExtraBold.ttf");
}
@font-face{
	font-family:font;
	font-size:15px;
	src:url("/fonts/Saira-Light.ttf");
}
#onesignal-bell-container{
	display:none;
}
body{
	 -webkit-text-size-adjust: none;
	 max-width:100%;
	 letter-spacing: 0.5px;
	 margin:0px;
	 font-family:font;
	 font-size: 15px;
	 transition:0.125s ease;
	 /* background: #f6f6f6; */
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}
.body_div{
    width: 2025px;
    margin:auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    opacity:0;
}

h2{
}
.fomenu_h1{
	font-size: 15px;
	
}
.fomenu_h2{
	font-size: 14px;
	font-weight:normal;
}
.body_div{
	    width: 100%;
	    margin-left: 0%;
}

@media screen and (max-width:1000px) {

	.body_div{
	width:100%;
	margin-left: 0px;
	}
	.fomenu_h1{
		font-size:19px;
	}
	.fomenu_h2{
		font-size:18px;
	}
}
a{
	text-decoration:none;	
	transition: margin-left 0.125s ease;
}
a:hover{
	color: inherit;
	text-decoration: initial;
}
#cssmenu{
    vertical-align: middle;
    display: table-cell;
    transition: all 0s ease;
    float: right;
    text-align:  center;
}
@keyframes anim1{
	from{
		margin-top:-100%;
	}
	to{
		margin-top:0%;
	}
}

@media screen and (max-width:1000px) {
	
	#cssmenu{
    width: calc(100% - 0px);
    margin-left: 0px;
    height: 100vh;
    z-index: 999;
    float: right;
    transition: all 0.5s ease;
    display: inline-block;
    background: rgba(43, 42, 40, 1);
    position: fixed;
    right: -100%;
    top: 0px;
    height: 100vh;
 }
	#cssmenu.responsive{
	}
}
.topnav{
	font-family: fontom;
}

@media screen and (max-width:1000px) {
	#cssmenu.responsive:before{
	}
	#cssmenu.responsive{
	margin-right:0%;
	overflow-y: auto;
	height: 100vh;
	top: 0px;
	right: 0px;
	}
	#cssmenu:before{
	/* background-image: url(https://bladenutritionshop.hu/unitx/images/ceg-logo.png); */
	display: inline-block;
	/* content: ''; */
	width: calc(100% - 0px);
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	background-size: auto 75%;
	background-color: whitesmoke;
	}
	.cssmenu.responsive{
		margin-right:0%;
		width:100%;
		float: left;			
	}
	.topnav .cl_c_white{
		/* color: white; */
	}
	
  ul.topnav li {/* display: none; */}
  ul.topnav li.pocok {
	
    float: left;
    display: inline-block;
  }
  
  #cssmenu ul.topnav li.pocok{
	 
  }
}
#cssmenu li{

	
}
#cssmenu li:before{
 }

#cssmenu li.aktiv{
	     /* transition: all 0.125s ease; */
}
#cssmenu li.aktiv:before{
	
}
#cssmenu li:hover{
	

}
.nagy_menu > a{
}
.nagy_menu{

}


#cssmenu > ul{
	display: inline-block;
	font-size: 25px;
}
.topnav ul{
	
}
#banner span{
	font-size:49px;
}
ul.topnav li.pocok {display: none;}



 
@media screen and (max-width:1000px) {
	#banner span { font-size:1.5em; }
}
@media screen and (max-width:1000px) {
	#cssmenu ul.topnav{
	font-size: 16px;
	
}
	.cssmenu ul li.pocok{
	 display: flex;
	 width:100%;
 }
 .cssmenu.responsive > ul ul{
	 position:relative;
 }
 .cssmenu.responsive ul.responsive li.pocok{
	 display: inline-block;
 }
	
  ul.topnav.responsive {position: relative;}
  ul.topnav li.pocok {
    float: left;
    
	
	
  }
   #cssmenu ul {
	   font-size:30px;
	    
   }
   ul.topnav.responsive li{
	       width: calc(100% - 0px);
	  }
   
   .topnav {
	   width: 100%;
   }
  ul.topnav.responsive li.pocok {
      width: 100%;
		
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
    /* font-size:20px; */
  }
}
#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;

}
#cssmenu > ul {


}

#cssmenu > ul > li{
	padding-right: 5px;
}

#cssmenu > ul > li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
  position: relative;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {

cursor: default;

color: #be3f3f;
}
#cssmenu > ul ul {
  top: 100%;
  left: 0;
  min-width: 100%;
  white-space: nowrap;
}


#cssmenu > ul ul ul{

min-height: 100%;

left: 100%;

top: 0px;
}


#cssmenu.responsive > ul ul li {
  float: left;
}


#cssmenu.responsive ul{
	left:0%;
}



@keyframes fadedown2{
	from{
		opacity:0;
		transform: translatex(-15px);
	}
	to{
		opacity:1;
		transform: translatex(0px);
	}
}
@media screen and (min-width: 1000px){
	#cssmenu > ul ul a{
		padding: 5px 10px;
	}
	#cssmenu > ul ul ul a{
		padding: 10px;
		font-size: 12px;
	}
	#cssmenu > ul ul ul.hovered {opacity: 1;visibility: visible;animation: fadedown2 0.5s ease;/* animation-delay: 0.25s; *//* transition-delay: 0.25s; */}
	#cssmenu > ul ul {
  visibility: hidden;
  position: absolute;
  box-shadow: 0px 0px 10px 0px #0000005c;
  background: white;
  border-radius: 3px;
 }
 #cssmenu > ul > li > ul{
 	z-index: -9999;
 	/* position: relative; */
 }
 	#cssmenu > ul ul ul {
  /* visibility: visible !important; */
  /* position: initial; */
  opacity: 1 !important;
  box-shadow: 0px 0px 10px 0px #0000005c;
 }
	
	#cssmenu ul ul{
	opacity: 0;
	}
	
	#cssmenu > ul > li > ul.hovered {
	visibility: visible;
	opacity:1;
	animation: fadedown2 0.25s ease;
	animation-delay: 0.25s;
	transition-delay: 0.25s;
	display: inline-block;
	z-index: 999;
	}
	#cssmenu.responsive li:hover > ul{
	 position: relative;
}

}



@media screen and (max-width: 1000px){

.topnav.responsive {
    display: none;
}
}
.topnav.opened {
	display: block !important;
      visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}
/* Align last drop down RTL */
#cssmenu > ul > li.last ul ul {
  left: auto !important;
  right: 99%;
}
#cssmenu > ul > li.last ul {
  left: auto;
  right: 0;
}
#cssmenu > ul > li.last {
  /*text-align: right;*/
}
/* Theme Styles */



#cssmenu > ul {
 
color: white;
}
#cssmenu > ul:before {
  content: '';
  display: block;
}
#cssmenu > ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu > ul li a{
	display: inline-block;
	line-height: 25px;
	/* white-space: normal; */
	width: 100%;
	font-family: font;
	/* float: left; */
}
.pocok {display: none;}
.pocok{
    color: black;
    text-align: center;
    /* float: right; */
    /* background-color: #be3f3f; */
    width: 100%;
}
.pocok a{
	line-height: 60px;
    font-size: 25px;
	transition:all 0.5s ease;
	display:inline-flex;
}
.pocok.responsive{
	width: 100%;
	background-color:transparent;
}

.pocok a:before{
	    content: "\f0c9";
	    display:inline-block;
	    font-family:FontAwesome;
	    color: white;
}
.pocok.responsive a:before{
	content: "\f00d";
}
.pocok_static{

/* float: right; */

color: black;

text-align: center;

background-color: #be3f3f00;

width: calc(35% - 0px);

display: inline-block;

/* line-height: 60px; */

display: none;
}
.pocok_static a{}
.pocok_static a:before{
	    content: "\f0c9";
	    display:inline-block;
	    font-family: FontAwesome, fontom;
	    line-height: 60px;
	    font-size: 25px;
}
.pocok_static.responsive a:before{
	content: "\f00d";
}
#cssmenu > ul > li.active,
#cssmenu > ul > li.active:hover {
  background-color: #3fa338;

}
#cssmenu > ul > li > a:link{
  
}

#cssmenu > ul > li > a:active
 {

}

#cssmenu > ul > li > a:hover {

}
#cssmenu > ul > li > a:active {
 
}
#cssmenu > ul ul ul {
  /* top: 0; */
  /* left: calc(100% + 0px); */
  /* width: auto; */
  /* min-width: 100%; */
  /* display: inline-block; */
  /* float: left; */
  /* width: 100%; */
}
#cssmenu > ul li li {
  /* background-color: #ffffff; */
  /* border-bottom: 1px solid #ebebeb; */
}
#cssmenu > ul li a.active{
	 
}

#cssmenu > ul li:nth-child(odd){
	/* background-color:whitesmoke; */
}
#cssmenu > ul > li.hover,
#cssmenu > ul > li:hover {
  

}
#cssmenu > ul a:link,
#cssmenu > ul a:active {
  text-decoration: none;
}
#cssmenu > ul a{
    width: calc(100% - 20px);
    text-align: left;
    margin-left: 0px;
    padding: 0px 10px;
    font-size: 12px;
    position:relative;
    white-space: nowrap;
}

#cssmenu > ul a:active {

  
}
#cssmenu > ul{
	float: left;
}
#cssmenu > ul > li > a{
	line-height: 60px;
	color: black;
	text-transform: uppercase;
	position:relative;
	transition:all 0.125s ease;
	font-family: 'fontom';
	font-weight: normal;
	font-size: 12px;
}
#cssmenu > ul > li > a:after{
}
#cssmenu > ul > li > a:hover::after{
}

#cssmenu > ul ul {
  border: 1px solid #CCC \9;
  /* -webkit-box-shadow: 0 0px 0px 1px #be3f3f; */
  -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  /* box-shadow: 0 0px 0px 1px #be3f3f; */
  max-width: initial;
}
#cssmenu.responsive ul {

}


#cssmenu > ul > li.active > a{
	
}

@media screen and (max-width:1000px) {
	
	.pocok_static{
  	display:inline-block;
  	/* width: 100%; */
  	/* text-align: right; */
  	/* float: left; */
  }
	
	#cssmenu > ul li a{
  
line-height: 60px;
  
text-align: center;
  
font-size: 16px;
  
width: calc(100% - 0px);
  
color: white;
 }
	.pocok {display: inline-block;/* position: fixed; *//* top: 0px; *//* right: 0px; */z-index: 999;}
	
#cssmenu.responsive > ul > li > a{
}


#cssmenu > ul {

width: 100%;
}
#cssmenu.responsive > ul{
	/* float:none; */
}

#cssmenu > ul ul {white-space: normal;display: none;}


 .cssmenu.responsive > ul ul{
	 position:relative;
 }
 
 
 .topnav.responsive ul {

}
 
}
.show_menu{
	display:none;
	position: absolute;
	top: 0px;
	transition: all 0.2s ease;
	right: 0px;
	padding: 0px 15px;
	color: white;
	font-size: 17px;
	width: calc(15% - 0px);
	text-align: center;
	line-height: 60px;
	z-index:  999;
}
.oldal_menu .show_menu {
display: none;
    position: absolute;
    top: 3px;
    transition: all 0.2s ease;
    right: 0px;
    padding: 0px 15px;
    font-size: 17px;
    color: #4c4c4c;
    width: calc(10% - 30px);
    text-align: center;
    line-height: inherit;
}
.show_menu:before{
  content: "\f063";
  font-family: FontAwesome;
  display:block;
  transition: all 0.2s ease;
  vertical-align: middle;
}

.show_menu.opened:before{
	transform:rotate(180deg);
}
@media screen and (max-width:1000px) {
	.show_menu{
		display:block !important;
	}
}
a{
	color:inherit;
	 outline:none;
}

h3{
}
.fejlec{

width: 100%;

position: relative;

z-index: 1;
}	
.fejlec:after {
  
}
.fejlec.responsive {
    transform: translateX(-100%);
}
.fejlec_banner{
   
    background-size: cover;
    background-position: 100% 50%;
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
	    right: 0px;
    background-position: 100% 65%;
    position: absolute;
    background-color: transparent;
}
.fejlec_sub1{
    display: block;
    text-align: right;
    background-color: #353632;
    color: white;
    z-index: 1;
    font-size: 20px;
    padding: 5px 25px 2px 25px;
    border-bottom: 1px solid #3F3F3C;
    float: left;
    width: calc(90% - 50px);
    margin-left: 5%;
}
.fejlec_sub11{
	
}	
.fejlec_sub2{
	z-index:1;
    position: relative;
    width: 100%;

}
.fejlec_sub22{
width: 90%;
float:left;
    background-color: #353632;
    position: relative;
    display: inline-block;
    margin-left: 5%;
    box-shadow: 0px -2px 0px 0px #be3f3f;
}
.vertical_middle{
	display:table;
	
}
.fejlec_kosar{
    cursor: pointer;
    display: inline-block;
    float: right;
    transform: skew(-25deg);
    padding-left: 5px;
    background-color: rgba(0, 0, 0, 0.32);
    padding-right: 5px;
    transition: all 0.125s ease;
    padding: 5px 10px 5px 10px;
}
.fejlec_kosar:hover{
	
    background-color: rgba(155, 78, 78, 0.4);
}
.fejlec_kosar_2{
	    padding-right: 5px;
transform: skew(25deg);
}
.fejlec_user{
	margin-right: -10px;    
}
.fejlec_user:hover{   
	background-color: rgb(207, 207, 207);
}
.fejlec_user_2{
transform: skew(25deg);
    margin-top: 3px;
}
.user_icon{

}
.fiok{
	    background-color: rgba(255, 255, 255, 0.73) !important;
}
.fiok:hover{   
 
background-color: rgb(236, 236, 236) !important;
}
.user_icon:before{
	margin-right: 5px;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 12px;
}
.szem_icon{
	    display: inline-block;
	    padding: 6px;
	    font-size: 10px;
	    color: #6d6d6d;
}
.fejlec_user_3{
font-family: fontom;
    font-size: 11px;
    transform: skew(25deg);
    padding-right: 10px;
    padding: 3px 15px 3px 5px;
}
.kosar_tetelek{
 position: absolute;
 bottom: -5px;
 right: 0px;
 color: white;
 font-size: 12px;
 background-color: #be3f3f;
 padding: 0px 5px;
 display:  inline-block;
 line-height:  initial;
}	
.fejlec_triangle{
    width: 0;
    height: 0;
    border-style: solid;
    margin-left: -200px;
    border-width: 0px 200px 45.5px 0;
    border-color: transparent #DADADA transparent transparent;
}	
.logo{
         width: calc(100% - 0px);
         background-image: url(./unitx/images/ceg-logo.png);
         background-size: auto 90%;
         background-repeat: no-repeat;
         height: 75px;
         cursor: pointer;
         background-position: center;
}
.kereses_tipus{
	position: relative;
    font-family: FontAwesome,fontom;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    color: #a8a8a8;
    border-left: 1px solid rgba(228, 228, 228, 0.3);
    border-right: 0px;
    border-top: 0px;
    margin-left: 0px;
    border-bottom: 0px;
    float: left;
    width: 10%;
	float:left;	
	background-color: rgba(255, 255, 255, 0.56);
}
.kereses_input{
	width: calc(100% - 0px);
	border: 2px solid #be3f3f;
	padding: 0px 10px;
	color: #000000;
	outline:  none;
	font-family: themify, font;
	text-align:  right;
	transition:all 0.125s ease;
	background-position: right !important;
	height: 60px;
	background: #fffffff5;
}
.kereses_input:focus{
}

.kereses_input::-webkit-input-placeholder{
	color:#bdbdbd;
}


.kereses_input:after{
	content: "\f002";
	display:inline-block;
	font-family:FontAwesome;
}
@media screen and (max-width:1000px){
	.kosar_tetelek{
		
right: calc(50% - 30px);
	}
	.fejlec_sub1{
		display: block;
		text-align: right;
		background-color: #353632;
		color: white;
		z-index: 1;
		font-size: 20px;
		padding: 5px 25px 2px 25px;
		border-bottom: 1px solid #3F3F3C;
		float: left;
		width: calc(100% - 50px);
		margin-left: 0%;
	}	
	.kereses_tipus{
		display:none;
	}
	.logo{
	width: calc(100% - 0px);
	margin: 10px 0px;
	}

	.fejlec_sub22{
    text-align: left;
	width:100%;
	margin-left:0%;
	}
	.ceg_logo{
		
		    margin-top: 2px;
		
		
	}
	.kereses_input{
	}
	.fejlec{
   width:100%;
   margin-left:0px;
   transition: all 0.5s ease;
 }
	
}
@media screen and (max-width:400px)
{
	.fejlec_sub22{
	text-align: center;
    width: 100%;
    margin-left: 0px;
	}
	.ceg_logo{
		
		width:100%;
		margin-top:3%;		
	}
	.logo{
	
	}
	.kereses_input{
		
	}
	
}

.class_icon_tarolo
{
}
.fejlec_kosar_icon{  
	color: white;
}	
.fejlec_kosar_icon:before{
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 20px;
    padding: 5px;
}
.kosar_icon:before{
	content:"\f07a" !important;
	font-family:FontAwesome !important;
	margin-right:5px;
}
input[type=text],input[type=email]{
	padding-left:5px;
}
select{
	padding: 9.5px;
	border: 0px solid #CFCFCF;
	background: transparent;
	vertical-align: middle;
}
    
.fodiv{
	/* overflow:hidden; */
	min-height: 300px;
	position: relative;
	width: calc(100% - 0px);
	margin-left: 0%;
	transition:all 0.5s ease;
	text-align: center;
	display: inline-block;
	display: block;
}
.fodiv.responsive{
	transform: translatex(-100%);
}


@media screen and (max-width:1000px) {
	.fodiv
	{
	 width: calc(100% - 0px);
	 float: left;
	 margin-left: 0%;
	}
}
.oldal{
    position: relative;
    width: calc(100% - 0%);
    animation:oldalanim 0.5s ease;
    text-align: left;
    display: inline-block;
}
@keyframes oldalanim{
	from{
		
opacity:0;
		
transform: scale(1);
	}
	to{

opacity:1;

transform: scale(1);

}
}


.oldal_menu_akcios_termekek{
	   float: left;
    width: 210px;
}

.oldal_menu_akcios_termekek_fejlec{
	padding: 5px 15px;
    width: calc(100% - 30px);
    background-color: rgba(129, 129, 129, 0.18);
    float: left;
    font-family: fontom;
    color: #be3f3f;

    background-size: cover;
    border-bottom: 2px solid #d84037;
}

@media screen and (max-width:1000px) {
	.oldal
	{
    width: 100%;
    margin-left: 0px;
    padding: 0px;
	}
	.oldal_menu_akcios_termekek{
		display:none;
	}
	.oldal_menu_akcios_termekek_fejlec{
		display:none;
	}
	.loader_div{
	width:100%;
	}
}
 
.oldal_menu_p{
	 width: 210px;
    float: left;
}
.oldal_menu {
	width: 210px;
    float: left;   

	}
.oldal_menu ul{

	list-style:none;
	margin:0px;
	padding:0px;
    box-shadow: 1px 1px 0px 0px #b7b7b7;
}
.oldal_menu > ul
{
	box-shadow:none;
}
.oldal_menu > ul{
	display:block;
}
.oldal_menu li{
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    font-family: FontAwesome,fontom;
    font-size: 17px;
    width: 210px;
    transition: all 0.125s ease;
    line-height: 27px;
}
.oldal_menu li a {
    padding: 0px 5px 0px 5px;
    display: block;
}
.oldal_menu li:before
{
	margin-right:5px;
	transition:all 0.2s ease;
	content:'\f0a9';
	opacity:0;
	position:absolute;
	left:1px;
	

}
.oldal_menu li:hover {
	padding-left:10px;
	width:200px;
	color:#792823;
}
.oldal_menu li:hover::before
{
	color:#a61e16;
	opacity:1;
}
@media screen and (min-width:1000px) {
	.oldal_menu li:hover > ul{
	display:block;
	opacity: 1;
    visibility: visible;
	position:absolute;
	animation: fadeleft 0.225s; 
	}
	.oldal_menu li ul{
    position: absolute;
    top: 0px;
    left: 100%;
	z-index: 998;	
	opacity: 0;
    visibility: hidden;
	}
}



@keyframes fadeleft {
    from {     -webkit-transform: perspective(1000) rotateY(90deg);
				-moz-transform: perspective(1000);	
				transform: perspective(1000) rotateY(90deg);
				-webkit-transform-origin: 0% 0%;
				-moz-transform-origin: 0% 0%;
				transform-origin: 0% 0%; 
				 opacity:0;	}
    to   {     -webkit-transform: perspective(1000) rotateY(0deg);
				-moz-transform: perspective(1000) rotateY(0deg);
				transform: perspective(1000) rotateY(0deg);
				-webkit-transform-origin: 0% 0%;
				-moz-transform-origin: 0% 0%;
				transform-origin: 0% 0%;
				opacity:1;	}
}
@keyframes fadeleft_reverse {
    from {     -webkit-transform: perspective(1000) rotateY(0deg);
	transform: perspective(1000) rotateY(0deg);
	transform-origin: 0% 0%; opacity:1;
    -webkit-transform-origin: 0% 0%;	}
    to   {     -webkit-transform: perspective(1000) rotateY(90deg);
	transform: perspective(1000) rotateY(90deg);
    transform-origin: 0% 0%;
	opacity:0;	}
}
.oldal_menu_pocok{
	display:none;
}
/*-------------RESPONSIVE--------------------------------*//*-------------RESPONSIVE--------------------------------*//*-------------RESPONSIVE--------------------------------*/

.oldal_menu_ul.opened {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    display: block !important;
    width: calc(95%) !important;
}

@media screen and (max-width:1000px) {
	.oldal_menu li ul{
	display:none;
    box-shadow: none;
	}
	.oldal_menu_p{
		width:100%;
	}
	.oldal_menu li{
		width:100%;
		font-size: 17px;
		    padding-top: 3px;
    padding-bottom: 3px;
	}
	.oldal_menu li:hover {
	padding-left:10px;
	width:calc(100% - 10px);
	color:#792823;
	}
	
	.oldal_menu li a {
	padding: 0px 5px 0px 10px;
    width: calc(90% - 15px);  
	}
	
	.oldal_menu li:hover > ul{
	
	}
	.oldal_menu{
		width:100%;
		
	}
	.oldal_menu > ul.oldal_menu_ul {
		width:100%;
		display:none;	
	}
	.oldal_menu_ul.responsive{
		display:none;
	}
	.oldal_menu > ul.oldal_menu_ul.responsive{
		display:block;
	}
	.oldal_menu_pocok{
		display:block;
	}
	.oldal_menu_pocok_c:before{
    content: "\f009";
    font-family: FontAwesome;
    margin-right: 5px;
	}
	.oldal_menu li ul{
		left:5%;
		    width: 95%;
		position:relative;
	}
  
}



.lablec{
    position: relative;
    width: 100%;
    border-top: 2px solid gray;
    display: inline-block;
    background-color: #212121;
    color: white;
}	

.lablec:after {
    /* content: ''; */
    background-image: url(https://cupak.uniti.hu/unitx/Dokumentumok/Dokumentumok/css/lablec_banner.jpg);
    position: absolute;
    top: 0%;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position:center;
    z-index: 0;
    background-repeat: no-repeat;
    /* opacity: 0.15; */
}
.lablec:before {
    /* content: ''; */
    position: absolute;
    top: 0%;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    z-index: 1;
    background: linear-gradient(to right,#f2f2f2 0%,#f2f2f2 20%,rgba(243, 243, 243, 0.8) 80%,rgba(0, 0, 0, 0.5) 100%);
}
.lablec_blokk
{
    width: 30%;
    margin-left: 2.5%;
    margin-top: 10px;
    float: left;
	z-index:1;
    background-color: rgba(255, 255, 255, 0.64);
    position: relative;
    overflow: hidden;
}
.lablec_blokk:before
{
	    border-right: 4px solid rgba(255, 255, 255, 0.57);
    border-top: 4px solid rgba(255, 255, 255, 0.5);
    margin-left: -40px;
    opacity: 0;
    transition: all 0.125s ease;
    content: '';
    display: inline-block;
    width: 500px;
    left: -300px;
    height: 500px;
    top: -205px;
    z-index: -1;
    position: absolute;
    background-color: rgba(121, 52, 52, 0.18);
    transform: rotate(45deg);
}
.lablec_blokk:hover::before{
	opacity:1;
	margin-left:0px;
}
.lablec_sub{
    margin: auto;
    width: 100%;
    background-color: rgba(170, 170, 170, 0);
    overflow: auto;
}
@media screen and (max-width:1000px) {
	.lablec:after {
		background-position: right;
	}
	.lablec_blokk
	{	
		  width: 95%;
		margin-left: 0%;
	}
	.lablec_sub
	{
		width: calc(100% - 5%);
		margin-left:5%;
	}
	.lablec_link{
		font-size: 16px !important;
	}
	.lablec{
    margin-left: 0%;
    
    width: 100%;


	}	
}
.lablec_blokk_span{
    font-family: fontom;
    font-size: 15px;
    color: #ffffff;
    width: 90%;
    font-weight: normal;
    background-color: rgba(0, 0, 0, 0.66);
    padding-left: 10%;
    text-shadow: 1px 1px 0px black;
}
.lablec_blokk_tabla{
	float:left;
	    margin-left: 5%;
    color: white;
    padding-left: 10px;
	font-size: 14px;
}
.lablec_link2{
 
font-family: fontom,themify;
 
font-size: 13px;
 
color: #ffffff;
 
padding: 5px 0px;
 
transition: all 0.25s ease;
}
.lablec_link
{
	    font-size: 13px;
	    font-family: fontom,themify;
	    color: #ffffff;
	    padding: 5px 0px;
	    transition: all 0.25s ease;
	    cursor: pointer;
	    padding-right: 10px;
	    font-weight:  normal;
	    margin: 0px;
}
.lablec_link:before
{
	margin-right:5px;
	content: "\e628";
	opacity: 1;
	font-family:  themify;
	font-size: 12px;
}
.lablec_link:hover::before
{
}
.lablec_link:hover
{

color: #be3f3f;

padding-left: 10px;

padding-right: 0px;
}

.szurok{
    background-color: whitesmoke;
    width: calc(0% + 210px);
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    box-shadow: 0 1px 2px #D9DADB;
    border-radius: 5px;
}
.szurok2{
	transition: all 0.125s ease;
	position: relative;
	float: left;
	width: calc(100% - 220px);
	margin: 10px 0px 0px 10px;
	/* background: white; */
	/* box-shadow: 0 1px 2px #D9DADB; */
	border-radius: 5px;
	display: none;
}
.szurok2 div:first-child{
	text-align:left;
}
.szurok2 div:last-child{
	text-align:right;
}
.responsive_szuro_pocok{
    display: none;
    text-align: center;
    font-size: 17px;
    font-family: fontom;
    color: #be3f3f;
    padding: 10px 0px;
    margin: 5px;
}
.responsive_szuro_pocok:before{
	content: "\f0b0";
	margin-right:5px;
	font-family:FontAwesome;
}

    
.box_header{
	padding: 15px 15px;
    font-family: fontom;
    color: #be3f3f;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid whitesmoke;
}
.box_header h3{
	font-size:13px;
	font-weight:bold;
}
.cl_szurok_fejlec{
    text-align: center;
    padding: 15px 15px;
    font-family: fontAwesome, fontom;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid whitesmoke;
}
.szurok form{
    display: inline-block;
    height: 100%;
    float: left;
    width:  100%;
}
.cl_szurok_fejlec:before{
	content: "\f1de";
	font-size: 15px;
	margin-right: 5px;
}
.kulcsszo{
    position: relative;
    padding: 5px;
    display: inline-block;
    transition: all 0.125s ease;
    color: #be3f3f;
    vertical-align: middle;
}
.kulcsszo:hover{

}
.kulcsszo_torles_icon{
	    display: inline-block;
	    margin-left: 5px;
	    font-size: 12px;
}
.kulcsszo_torles_icon::after{
	content: "\e646";
	cursor:pointer;
	font-family: fontom,Themify;
	display:inline-block;
	vertical-align:  middle;
}
.kulcsszo_torles_icon:hover{
	
	
}
.alkalmazott_kulcsszavak{
	    padding-top: 5px;
}
#lista{
	position:relative;
}
.aktualis_lista{
	overflow: hidden;
	background-color: #767676;
	    box-shadow: inset 5px 0px 5px black;
}
.aktualis_lista_b{
    overflow: hidden;
    background-color: #ffffff;
}

.kategoria_label_kerek{	
	    max-width: 85%;
    margin-left: -40px;
	    float: none;
    padding-left:50px;
    padding-right: 30px;
    background-color: white;   
	transform: skew(-45deg);
    height: 35px;
    margin-top: -3px;
    display: table;
    text-align: center;
    box-shadow: 0px 0px 5px black;
    transition: 0.125s ease;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}
.kategoria_label_kerek25{
border-bottom: 1px solid #eeeeee;	
	    max-width: 85%;
    margin-left: -40px;
	    float: none;
    padding-left:50px;
    padding-right: 30px;
    background-color: white;   
	transform: skew(-25deg);
    height: 35px;
    margin-top: -3px;
    display: table;
    text-align: center;
    box-shadow: 0px 0px 5px black;
    transition: 0.125s ease;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}
.kategoria_label_kerek25_lablec{
	        width: 70%;
    float: LEFT;
    height: 15px;
    border-bottom: 1px solid #eeeeee;
    margin-left: -40px;
    padding-left: 50px;
    padding-right: 30px;
    background-color: #e5e5e5;
    transform: skew(-25deg);
    margin-top: -3px;
    display: table;
    text-align: center;
    transition: 0.125s ease;
    margin-right: 10px;
    position: relative;
}
h1{
}

@media screen and (max-width:1000px) {
	.responsive_szuro_pocok{
		    display: block;
    float: left;
    width: calc(100% - 10px);
		}
	.cl_szurok_fejlec{
	    display: block;
	    width: calc(100% - 0px);
	    text-align: center;
	}
	
	.kategoria_label_kerek25_lablec{
		width: 10%;
	}
	select{
		    font-size: 16px;
	}
	input[type=text]
	{
		  font-size: 16px;
	}
	.kulcsszo{
		font-size:18px;
	}
	.kulcsszo_torles_icon{
		width:15px;
		    margin-bottom: -2px;
	}
	
}

.pagination_tarolo {
           margin: 0 auto;
           float: right;
           text-align: center;
           width: calc(100% - 0px);
}
@media screen and (max-width:1000px) {
	.pagination_tarolo {
       width: 100%;
		margin: 0 auto;
        text-align: center;
		float:left;
}
}


.pagination {
 padding: 20px 20px 10px 20px;
 display: block;
}
.pagination:empty {
 display:none;
}

.pagi:hover {
    background: #be3f3f;
    color: white;
}
.pagi {
	font-family: fontom;
	display: inline-block;
	padding: 1px 9px;
	margin-right: 4px;
	border-radius: 2px;
	border: solid 1px #c0c0c000;
	font-size: 13px;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	transition:all 0.125s ease;
}
@media screen and (max-width:1000px) {
	.pagi {
		font-size: 18px;
	}
}


.pagi:hover, .pagi.gradient:hover {
}

.pagi.active {
       border-width: 3px;
    background: #be3f3f;
    color: #f0f0f0;

}

.pagi.gradient {

}

.termek_adatlap{
	animation:oldalanim 0.5s ease;
	width: calc(80% - 0px);
	margin:auto;
	display: inline-block;
	text-align: left;
}
.termek_adatlap.gyors_nezet{
	width: calc(100% - 0px);
	margin-left:0px;
}
.szeles_termek_adatlap{
	width:100%;
}
@media screen and (max-width:1000px) {
	.termek_adatlap{
		width: 100%;
		overflow: auto;
		margin-left:0px;
	}
}
.termek_div{
    transition: all 0.125s ease;
    width: calc(25% - 5px);
    text-align: center;
    float: left;
    overflow: hidden;
    margin: 2.5px 2.5px 2.5px 2.5px;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    min-height: 300px;
    /* background: white; */
}
.termek_div:before {
    content: "";
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
    z-index: 1;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e4e4e4 50%, rgba(255, 255, 255, 0) 100%); */
}
.elozmenyek_termek_blokk{
	width:calc(25% - 6px) !important;
}


.termek_div:hover .termek_kep{
      transform: rotatey(180deg);
}
.termek_div:hover {
   box-shadow: 0px 0px 0px 2px rgba(43, 42, 40, 1);
   transition: 0.125s ease;
   transform: scale(1.05) translatey(-10px);
}
@media screen and (max-width:1000px) {	
	.elozmenyek_termek_blokk{
	width:calc(50% - 10px) !important;
	}
	
}

.termek_div:hover .termek_div_tul_div{
	    -webkit-transform: perspective(0) rotateX(0deg);
    -moz-transform: perspective(1000) rotateX(0deg);
    transform: perspective(1000) rotateX(0deg);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 100%;
    opacity: 1;
	}	

@media screen and (min-width:1000px) {
	/*.termek_div:hover .termek_adatok_nev, .termek_div:hover .termek_adatok_rovid_leiras{
		transform:rotatey(90deg);
		transition:0.125s ease;
	}
	*/
	.termek_div:before{

}
@keyframes bouncein2{
	0%{
		
		visibility:hidden;
		transform:scale(0.5);
	}
	100%{
		opacity:1;
		visibility: visible;
		transform:scale(1);
	}
}
.termek_div:hover::before{
	
}
	
	
}
.termek_div_tul_div{
	-webkit-transform: perspective(0) rotateX(90deg);
	-moz-transform: perspective(1000);
	transform: perspective(1000) rotateX(90deg);
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 100%;
	opacity: 0;
	transition:all 0.25s ease;
	z-index: 10;
	left: 0%;
	bottom: 0px;
	position: absolute;
	/* display: none; */
	overflow-y: auto;
	max-height: 264px;
	overflow-x: hidden;
	width: 100%;
	background-color: rgba(43, 42, 40, 1);
	float: left;
	max-width: 100%;
}
.termek_div_tul{
    padding: 5px;
    /* font-family: fontom; */
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    font-weight:  normal;
    word-break:  break-word;
}
.termek_div_tul.izesites{
	display:none;
}
.termek_div_tul2{
    padding: 5px;
    font-family: fontom;
    font-size: 11px;
    color: white;
    text-shadow: 1px 1px 0px black;
    background-color: rgba(176, 78, 78, 0.71);
    text-align: left;
}
.termek_elerhetoseg_div{
    text-align: right;
    z-index: 4;
    font-family: fontom;
	    background-color: #be3f3f;
}
    

.termek_kep_div{
	     padding: 0px;
	     position: relative;
	     overflow: hidden;
	     width: calc(100% - 0px);
	     height: 140px;
	     border-radius: 5px;
	     vertical-align: middle;
	     /* min-height: 131px; */
	     /* background:  white; */
}

.termek_kep{
	    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	    image-rendering: optimizeQuality;
	    /* transform: scale(1.2); */
	    display: inline-block;
	    object-fit: contain;
	    height: 100%;
	    width: 100%;
}


.termek_adatok_ar_div{
	    /* position: absolute; */
	    bottom: 0px;
	    width: calc(100% - 0px);
	    text-align: center;
}
.termek_adatok_ar_div:before {
    /* content: ''; */
    width: 100%;
    height: 30px;
    position: absolute;
    display: inline-block;
    background: linear-gradient(to bottom, #ffffff00 0%, white 100%);
    left: 0px;
    bottom: 100%;
}
.termek_adatok_kosarba_div{
    text-align: center;
    position: absolute;
    bottom: calc(50% + 27px);
    left: 0px;
    width: 100%;
    transform: translateY(100%);
    transition:all 0.25s ease;
    z-index: 11;
}
.termek_adatok_kosarba_div:before {
    /* content: ''; */
    /* background: linear-gradient(to bottom, #f3f3f3 0%, white 80%); */
    position: absolute;
    top: -100%;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.termek_adatok_ar{
      color: #be3f3f;
      font-size: 20px;
      font-family: fontom;
      margin: 5px 0px 15px 0px;
      display: block;
      line-height: 20px !important;
      vertical-align: middle;
}
.termek_adatok_eredeti_ar{
	font-size: 13px;
	margin-top: 15px;
	display: block;
	color: gray;
	text-decoration: line-through;
	font-family: fontom;
}
.termek_ar_div .termek_adatok_eredeti_ar{
	margin-bottom:-20px;
}
.termek_adatok_div{
    /* position: relative; */
    text-align: center;
    /* min-height: 116px; */
    float: left;
    width:  100%;
}
.termek_adatok_div br{
	display:none;
}
.termek_adatok_ujdonsag_div{
    position: absolute;
    top: 0px;
    RIGHT: 0px;
    background-color: #be3f3f;
    padding: 5px 5px 5px 20px;
    font-family: fontom;
    font-size: 13px;
    color: white;
    border: none;
}
.termek_adatok_ujdonsag_div:before{
	content: "\e653";
	font-family:themify;
	position:absolute;
	left:3px;
	font-size:15px;

}
.termek_adatok_rovid_leiras{
	padding-left: 5px;
	padding-right: 5px;
	transition:all 0.125s ease;
	color: #686666;
	-webkit-transition-delay: 0.3s; /* Safari */
	transition-delay: 0.3s;
}
.arcsokkent{
	    position: absolute;
    bottom: 195px;
	right: 5px;
    background-color: #2BA2B8;
    font-size: 17px;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
   
}
@media screen and (max-width:1500px) {
	
	.termek_div{
	     width: calc(25% - 5px);
	}
	.elozmenyek_termek_blokk {
    width: calc(25% - 5px) !important;
	}
}
@media screen and (max-width:1366px) {
	
	.termek_div{
		width: calc(25% - 5px);
	}
	.elozmenyek_termek_blokk {
    width: calc(33.33% - 5px) !important;
	}
}

@media screen and (max-width:700px) {
	
	.termek_div{
	       width: calc(50% - 5px);
	}
	.elozmenyek_termek_blokk {
    width: calc(50% - 5px) !important;
 }
}

@media screen and (max-width:300px) {
	
	.termek_div{
	        width: calc(100% - 5px);
	}
	.elozmenyek_termek_blokk {
    width: calc(100% - 5px) !important;
	}
}
.piros_hover:hover{
	color:#be3f3f;
}
.termek_lista{
    transition: all 0.125s ease;
    position: relative;
    float: left;
    width: calc(100% - 220px);
    margin: 10px 0px 0px 10px;
    /* background:  white; */
    /* box-shadow: 0 1px 2px #D9DADB; */
    border-radius: 5px;
    /* overflow:  hidden; */
}
@media screen and (max-width:1000px) {
	
	.termek_lista{
	    width: calc(100% - 0px);
	    margin-left: 0px;
	}
	.szurok{
    width: calc(100% - 0px);
    margin-left: 0px;
	}
	.szurok2{
    width: calc(100% - 0px);
    margin-left: 0px;
	}
}
.gomb {
    font-family: fontom;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    color: #000000;
    background: #ffffff;
    padding: 4px 15px;
    border: solid #be3f3f 3px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.25s ease;
    display: inline-block;
    position:relative;
    vertical-align:  middle;
    border-radius: 30px;
    overflow: hidden;
    font-size: 12px;
    z-index: 1;
}
.gomb.kosar:before{
    font-family: FontAwesome;
    margin-right: 5px;
    content: "\f218";
    font-size: 15px;
}


.gomb:after{
    content: '';
    position: absolute;
    left: 0%;
    background: #ffffff;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition:all 0.25s ease;
    border-radius: 0px;
    z-index: -1;
    transform: scale(0);
    bottom: 0px;
}
.gomb:hover::after{
	transform: scale(1);
}
	
.gomb:hover{
	    background-color: #be3f3f;
	    color: black;
	    border: 3px solid #be3f3f;
}
.gomb2{
	position: absolute;
    bottom: 5%;
    left: 1%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.63);
    padding: 5px 10px;
    font-family: fontom;
    border: 2px solid white;
}
.gomb2:hover{
	background-color: rgba(255, 255, 255, 1);
}
.termek_dialog{
	/* margin-right:5px; */
	padding: 5px 10px;
	transition: all 0.5s ease;
}
.termek_dialog:before{
	
content: "\e659";
	
font-family:themify;
	
vertical-align: middle;
}
.termek_reszletek_gomb{
	transition: all 0.75s ease;
	padding: 5px 10px;
}
.gomb.termek_reszletek_gomb:before{
    content: "\e628";
    font-family:  themify;
    vertical-align:  middle;
}

.termek_div:hover .termek_reszletek_gomb{
    opacity: 1;
    transform: translateY(0px);
    animation:0.125s ease;
    content: "";
}
.termek_div:hover .termek_dialog {
    opacity: 1;
    transform: translateY(0px);
}
.termek_div:hover .osszehasonlitas_icon {
    opacity: 1;
    transform: translateY(0px);
    /* animation:0.5s ease; */
}
.termek_div:hover .termek_adatok_kosarba_div{
	transform: translateY(0%);
	}
.osszehasonlitas_icon{
	margin-right:5px;
	padding: 5px 10px;
	background: #dedede00;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.25s ease;
	font-weight: bold;
	border: none;
	display: none;
}
button.gomb.termek_reszletek_gomb, .termek_div .termek_dialog, .termek_div .osszehasonlitas_icon {
    background: rgba(43, 42, 40, 1);
    opacity: 0;
    transform:translateY(50px);
    font-weight: bold;
    border:  none;
    color: white;
    outline:none;
    /* border-radius: 3px; */
    cursor: pointer;
}
.termek_reszletek_gomb:hover::after ,.termek_div .termek_dialog:hover::after{
   display:none;
}
.termek_div .termek_reszletek_gomb:hover, .termek_div .termek_dialog:hover , .termek_div .osszehasonlitas_icon:hover{
	color: #be3f3f;
}
.osszehasonlitas_icon:before{
	
content: "\f07e";
	
font-family:FontAwesome;
	
vertical-align: middle;
}
.osszehasonlitas_icon:after{
	
	content: none !important;
	font-family:FontAwesome;
}
.osszehasonlitas_fejlec_icon{
	
}
.osszehasonlitas_fejlec_icon:before{	
    content: "\f07e";
    font-family: FontAwesome;
    padding: 5px;
    font-size: 20px;
}
#kosar_blokk{
	    position: absolute;
    z-index: 999;
    right:0px;
    top: 35px;
       width: 500px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px #494949;
    background-color: white;
}
@media screen and (max-width:1000px) {
	.osszehasonlitas_icon{
		display:none;
	}
	#kosar_blokk{
		 width: 100%;		 
		 right: 0px;
	}
}
#fiok_blokk{
	    position: absolute;
    z-index: 999;
    right:0px;
    top: 35px;
    width: 250px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px #494949;
    background-color: white;
}

@media screen and (max-width:1000px) {
	#fiok_blokk{
		 width: 100%;		 
		 right: 0px;
	}
}
.kosar_termek_kep{
	width:100px;
}
.kosar_termek_div{
	    border-bottom: 1px solid #e2e2e2;
}
.kosar_termek_torles{
	width:15px;
	    background-color: #e3e3e3;
    padding: 5px;
	cursor:pointer;
	transition:all 0.125s ease;
	border-radius:5px;
	
}
.kuka_icon{
		width:10px;
	    background-color: #e3e3e3;
    padding: 5px;
	   
	cursor:pointer;
	transition:all 0.125s ease;
	border-radius:5px;
	    margin: 1px;
	     margin-bottom: -3px;	
}
.kuka_icon:hover{
	background-color: whitesmoke;
}
.gomb_kis_padding{
	    padding: 4px 5px 3px 5px;
}


.arfigyelo_tabla{border-collapse: collapse;width: 100%;text-align: center;/* margin-top: 10px; */overflow: scroll;}
.arfigyelo_tabla tr:hover > td{
	background-color: #f1f1f1;
}
.arfigyelo_tabla th{
    font-weight: normal;
    color: #be3f3f;
    border-collapse: collapse;
    background-color: #ffffff;
    border-bottom: 1px solid #be3f3f;
    padding: 5px;
}
.arfigyelo_tabla td{
	    border-bottom: 1px solid #e6e6e6;
		padding-left: 10px;
    background-color: white;
}
.kosar_termek_torles:hover{
	    background-color: whitesmoke;
}
.velemeny_torles{
	    display: inline-block;
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
}
.velemeny_torles:before{
	content:"\f014";
	display:inline-block;
	font-family:FontAwesome;
}
.velemeny_torles:hover{
background-color: whitesmoke;
}
.velemeny_torles_uj{
	 display: inline-block;
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
}
.velemeny_torles_uj:before{
content:"\f014";
	display:inline-block;
	font-family:FontAwesome;
}
.velemeny_torles_uj:hover{
	background-color: whitesmoke;
}
.uj_velemeny_user_icon{
	    width: 35px;
	    background-color: #f0f0f0;
	    border-radius: 30px;
	    padding: 5px;
}
.uj_velemeny_tabla{
	width:100%;
}
.uj_velemeny_tabla tr td{
	padding:5px;
}
.kosar_vegosszeg_div{
    font-size: 15px;
    font-family: fontom;
    padding: 10px;
    border-top: 1px solid #be3f3f;
    text-align:  right;
}
.kosar_blokk_osszesito{
    margin-left: -5px;
    width: 100%;
    border-top: 2px solid #b55c46;
    padding: 5px;
    text-align: right;
    font-size: 15px;
}
.kosar_blokk_osszesito2{
	background-color: #e0e0e0;
	margin-left:-5px;
	    float: right;
        width: 325px;
		min-height:30px;
}
.kosar_blokk_rendeles_leadas{
	text-align:right;
}
.skew{
	 transform: skewX(-45deg);
}
.skew *{
	transform: skewX(45deg);
}
.skew25{
	 transform: skewX(-25deg);
}

.skew25 div:first-child {
	transform: skewX(25deg);
}
.kosar_blokk_fejlec{
	width: 50%;
    background-color: #be3f3f;
   
    margin-left: -20px;
    color: white;
   
}

.termek_adatlap_kepek_div{
	width:calc(30% - 10px);
	float:left;
	    text-align: center;
	padding-bottom:5px;
}
.termek_fokep{width: calc(100% - 0px);margin: 0px;max-height: 250px;object-fit: contain;transition:all 0.125s ease;display:  table-cell;vertical-align:  middle;}
.termek_fokep:hover {
}
.termek_blokk1{
       background: white;
       /* float: left; */
       /* box-shadow: 0 1px 2px #D9DADB; */
       border-radius: 5px;
       /* position:  relative; */
       /* display: table; */
       vertical-align:  middle;
       /* border-collapse: collapse; */
       /* box-sizing:border-box; */
       width:  100%;
}
.termek_kepek_blokk {
	    width: calc(50% - 0px);
	    margin-left: 0%;
	    text-align: center;
	    /* display:  table-cell; */
	    vertical-align:  middle;
	    border-collapse: collapse;
	    box-sizing:border-box;
	    display: inline-block;
	    padding: 0px 10px;
}
.termek_alapadatok_blokk{
	    text-align: left;
	    margin-left: 0px;
	    width: 50%;
	    /* display: table-cell; */
	    vertical-align: middle;
	    border-collapse: collapse;
	    box-sizing:border-box;
	    display: inline-block;
}
.termek_alapadatok_blokk .termek_blokk_fejlec{
	display:none;
}
.termek_egyeb_blokk{
	display:none;
}

.termek_blokk1.gyors_nezet{
	width: calc(100% - 0px);
	min-height:auto;
	margin-left: 0px;
	text-align:  center;
}
.termek_blokk2{

}
.termek_blokk3{
    width: calc(100% - 0px);
    margin-top: 10px;
    background: whitesmoke;
    float: left;
    /* box-shadow: 0 1px 2px #D9DADB; */
    border-radius: 5px;
    overflow:hidden;
}
.termek_blokk4 {
    width: calc(50% - 0px);
    margin-top: 20px;
    background: white;
    float: left;
    box-shadow: 0 1px 2px #D9DADB;
    border-radius: 5px;
}
.termek_blokk4 > div{
	    padding: 10px 10px;
    display: block;
    color: #be3f3f;
    text-transform: uppercase;
    font-size: 13px;
    font-family: fontom;
    font-weight: bold;
    border-bottom: 1px solid whitesmoke;
}
.termek_adatlap_adatok2{
	width:calc(35%);
	float:left;
	padding:5px;
	
}
.velemeny_megosztas{
	display:inline-block;
	margin-left:5px;
	padding: 4px 5px 3px 5px;
	margin: 5px;
}
.termek_facebook_megosztas{
	float: left;
	font-size: 20px;
	color: #ba0d02;
	display: none;
}
.termek_facebook_megosztas:before{
	
	  content: "\f082";
	  font-family:FontAwesome;
}
.termek_adatok_nev{
	color: rgba(43, 42, 40, 1);
	transition: all 0.225s ease;
	font-size: 15px !important;
	word-break: break-word;
	font-family: fontom;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
}
.termek_adatok_cikkszam{color: darkgray;margin: 5px 0px 10px 0px;display: none;}
.termek_adatok_gyarto_oldala{
	text-decoration:underline;
	font-weight: normal;
	/* margin-top: 10px; */
	/* margin-bottom: 5px; */
	word-break: break-word;
	display: none;
}
.termek_adatok_garancia{
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    word-break: break-word;
    display: none;
}

.termek_adatok_leiras{
	    word-break: break-word;
	    color: gray;
}
.termek_adatok_elerhetoseg{
	      margin-top: 5px;
	      display: inline-block;
}
.termek_adatok_ertekeles{
}
.termek_adatok_ertekeles_div{
    width: 15px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    background: white;
}
.termek_adatok_ertekeles_kep{
	width: 100%;
	float:left;
}
.termek_blokk_elerhetoseg{
    padding: 5px 5px;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
}
.termek_blokk_akcio_div .termek_blokk_akcio_fejlec{
	display:none;
}
.termek_blokk_akcio_div .termek_blokk_torzs{
	    margin: 15px 5px;
	    font-family: fontom;
	    color: #be3f3f;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 20px;
}
.termek_blokk_elerhetoseg_fejlec{
	font-size: 13px;
    color: #be3f3f;
	    display: none;
}
@media screen and (max-width:1000px) {
	.termek_fokep{
		width: calc(100% - 0px);
    max-height: 250px;
	margin-left:0%;
    object-fit: contain;
    transition: all 0.125s ease;
	}
}

.cl_d_none{
	display:none;
}

.termek_blokk_fejlec{
    padding: 15px 15px;
    font-family: fontom;
    color: #be3f3f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid whitesmoke;
}
.termek_blokk_fejlec h3{
	font-size:13px;
	font-weight:bold;
}
.termek_blokk_fejlec2{
    padding: 5px 15px;
    border-left: 5px solid #be3f3f;
    background-color: rgba(129, 129, 129, 0.18);
    font-family: fontom;
    color: #be3f3f;
    float: left;
    width: calc(100% - 285px);
    margin: 2.5px 0px;
}
.termek_blokk_torzs{
	padding: 5px;
	overflow:auto;
}
.margin5{
	width:calc(100% - 10px);
	margin:5px;
}
.termek_blokk_fejlec_sub{
	width: 50%;
    background-color: #E0E0E0;
    margin-left: -20px;
    color: black;
}

.termek_blokk_fejlec_sub_a{
	
	color: white;
	font-size: 16px;
	margin-left: 5px;
	    text-shadow: 0px 1px 0px black;
	display: inline-block;
}
.termek_blokk_fejlec_sub2{
	float: right;
    width: 60px;
    background-color: #ba5c5c;
    margin-left: -20px;
    margin-right: -20px;
    color: black;
    transform: skewX(-45deg);
}
.termek_blokk_fejlec_sub3{
	float: right;
    width: 50%;
    background-color: #d18383;
    margin-left: -20px;

    color: black;
	border-radius: 3px;
	
    
}
.termek_adatok_kosarba{
	    background: #be3f3f;
    color: white;
    border: solid #be3f3f 1px;
    text-decoration: none;
}
.termek_adatok_arcsokkent{
	
    background-color: #2BA2B8;
    font-size: 17px;
    color: white;
    right: 10px;
    bottom: 54px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}

.termek_adatlap_velemeny{
	    background-color: #f8f8f8;
    border-radius: 3px;
	
}
.termek_adatlap_velemeny_megosztas{
	  background-color: #f8f8f8;
    border-radius: 3px;
	    width: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
	display:none;
}
.uj_velemeny_ertekeles_radio{
    visibility: hidden;
	    position: absolute;
}
.velemenyek_tabla{
	    font-size: 12px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    border-collapse: collapse;
}
.inline-block{
	display:inline-block;
}
.velemeny_kuka_tarto{
	    text-align: right;
    padding-right: 5px;

}

.kosarba_darabszam{
	    margin-right: 5px;
	    border: 2px solid #dddddd;
	    text-align: center;
	    height: 36.5px;
	    vertical-align: middle;
	    display: inline-block;
	    width: 75px;
	    margin: 5px 5px 5px 0px;
	    padding: 0px 10px;
}
@media screen and (max-width:1000px) {
	.termek_blokk_fejlec_sub3{
		width:30%;
	}
.termek_blokk_fejlec2{
	
    width: calc(100% - 45px);
   
}
	.termek_blokk1{
	    width: calc(100% - 10px);
    margin-left: 5px;
    text-align: center;
    margin-right: 0%;
    display: inline-block;
	}
	.termek_blokk2{
	width:calc(100% - 10px);
	padding: 5px;
	padding-top:5px;
	}
	.termek_blokk3{
		width: calc(100% - 10px);
		margin-left: 5px;
	}
	.termek_kepek_blokk{
		width:100%;
		display:inline-block;
	}
	.termek_alapadatok_blokk{
		width:100%;
		display:inline-block;
		    text-align: center;
	}
	.termek_adatlap_kepek_div{
	width:100%;	
	}
	.termek_adatlap_adatok1{
	width:100%;	
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	}
	.termek_adatlap_adatok2{
	width:100%;	
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	}
}


.arcsokkent_hasonlo{
    position: absolute;
       top: -16px;
	right: 5px;
    background-color: #2BA2B8;
    font-size: 17px;
   
    color: white;
    padding-left: 3px;
    padding-right: 3px;

}


.termek_adatok_ertekeles_kep_uj{
    display: inline-block;
    border-radius: 100%;
    padding: 0px 5px;
    /* margin: 0px 2px; */
}
.termek_adatok_ertekeles_kep_uj:before{
    content: "\e60a";
    font-family: themify;
    font-size: 13px;
}
.termek_adatok_ertekeles_kep_uj:hover::before{
	  color: white;
		
}
.termek_adatok_ertekeles_aktiv{	
    background-color: #b8b8b8;
	}
.termek_adatok_ertekeles_hover{	
    background-color: #b8b8b8;
	}
.uj_velemeny_szoveg{
	    width: calc(100% - 10PX);
    border: 1px solid #ffd1d1;
	    resize: vertical;
}
/*
@media screen and (max-width:1000px) {
	.termek_div_hasonlo_a{
		min-height: 130px;
	}
	.termek_div_hasonlo{
	    width: 100%;
		text-align: left;		
		margin:0px;
		min-height: 130px;
		border-right: none;
	}
	.termek_kep_div_hasonlo{
		width: 19%;
		float: left;
		height: auto;
		min-height: 120px;
		margin-top: 0px;
	}
	.termek_kep_hasonlo{
		width:100%;
	}
	
	

	.termek_adatok_div_hasonlo{
	float:left;
	    width: 75%;
		padding-left:5px;
		     min-height: 120px;
	 }
	 .termek_adatok_ar_div_hasonlo{
		float:left;
		    margin-left: 5px;
		text-align: left;
	     position: relative;
		 bottom: auto;
	}
	 .termek_adatok_kosarba_div_hasonlo{
		float:right;
		    right: 5px;
	     position: relative;
		  bottom: 5px;;
	}
	.arcsokkent_hasonlo{
		    bottom: 9px;
    left: 70px;
	}
}
@media screen and (max-width:400px)
{
	.termek_div_hasonlo_a{
		min-height: 190px;
	}
	.termek_div_hasonlo{
	    width: 100%;
		text-align: left;		
		margin:0px;
		min-height: 190px;
		border-right: none;
	}
}
*/

@media screen and (max-width:1500px)
{
	.termek_div_hasonlo_a{
		min-height: 350px;
	}
	.termek_div_hasonlo{
	      width: 98%;
		text-align: left;		
		margin:0px;
		min-height: 350px;
		
	
		margin-bottom: 20px;
	}
	.termek_adatok_div_hasonlo{
	  
	       min-height: 270px;
	 }
	.arcsokkent_hasonlo{
		/* bottom: 240px;*/
	}
	.termek_adatok_ertekeles_hasonlo{
	   
	    width: 100px;
}
}
@media screen and (max-width:1000px) {
	.termek_div_hasonlo_a{
		    min-height: 330px;
	}
	.termek_div_hasonlo{
	    width: 100%;
		text-align: left;		
		margin:0px;
		 min-height: 330px;		 
		margin-bottom: 35px;
	}
	.termek_kep_div_hasonlo{
		
		display:inline-flex;
		height: auto;
		    min-height: 160px;
		margin-top: 0px;
	}
	.termek_kep_hasonlo{
		    width: auto;
			height:auto;
		 object-fit: inherit;
		max-height:160px;
	}
	

	
	

	.termek_adatok_div_hasonlo{
	  
	       min-height: 170px;
	 }
	 .termek_adatok_ar_div_hasonlo{
		    position: absolute;
    bottom: 35px;
    width: calc(100% - 5px);
    right: 5px;
    text-align: right;
	}
	 .termek_adatok_kosarba_div_hasonlo{
		    float: right;
    right: 5px;
    position: absolute;
    bottom: 5px;
	}
	
	.arcsokkent_hasonlo{
		/* bottom: 135px;*/
	}
}
@media screen and (max-width:400px)
{
	.termek_div_hasonlo_a{
		min-height: 410px;
		    margin-right: 1px;
	}
	.termek_div_hasonlo{
	    width: 100%;
		text-align: left;		
		margin:0px;
		min-height: 390px;
		
		margin-bottom: 45px;
	}
	.termek_adatok_div_hasonlo{
	  
	       min-height: 250px;
	 }
	.arcsokkent_hasonlo{
		 /*bottom: 240px;*/
	}
}
.blokk_fejlec{
	margin-top:5px;
	background-color: #d0d0d0;
    display: table;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.blokk_fejlec_sub{
	width: 50%;
    background-color: #E0E0E0;
    margin-left: -20px;
    color: black;
}
.blokk_fejlec_sub_a{
	vertical-align: middle;
	color: black;
	font-size: 18px;
	margin-left: 25px;
	    text-shadow: 0px 1px 0px white;
	display: inline-block;
}
.erdekelhet{
	    width: calc(250px - 10px);
    margin: 5px;
}
.termek_div_erdekelhet{
margin-top: 1px;
        width:99%;

    cursor: pointer;
    border-bottom: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    position: relative;
	height:250px;
}
.termek_div_erdekelhet:hover{
	    box-shadow: 0px 0px 1px rgb(201, 100, 94);
}
.termek_div_erdekelhet:hover .gomb{
	 background: #be3f3f;
  color:white;
   border: solid #be3f3f 1px;
  text-decoration: none;
}
.teli_piros{
    color: #ffffff;
    background: #be3f3f;
    text-decoration: none;
}
.blokkos{
	display: inline-block;
}
.termek_adatlap_erdekelhet_div{
	margin-top:5px;
}

.termek_adatok_nev_erdekelhet{
	    font-size: 17px;
		word-break: break-word;
    font-weight: bold;
}
.termek_kep_div_erdekelhet{
	    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
    height:100px;
    display: inline-flex;
    
    vertical-align: middle;
}
.termek_div_erdekelhet:hover .termek_kep_erdekelhet{
  transform: scale(1.15);
}
.termek_kep_erdekelhet{

        max-height: 120px;
   
	    height: 100%;
    width: auto;
    margin: auto;
	    max-width: 100%;
    transition: all 0.125s;
		 
}
.termek_adatok_div_erdekelhet{
    position: relative;
       height: 150px;
    padding-left: 2px;
    text-align: left;
}
.termek_adatok_ar_div_erdekelhet{
    width: calc(100% - 5px);
    right: 5px;
    text-align: right;
    position: absolute;
    bottom: 35px;
}
.termek_adatok_rovid_leiras_erdekelhet{
    font-size: 12px;
    color: #686666;
}
@media screen and (max-width:400px)
{
	
	.termek_div_erdekelhet{
	    width: 100%;
		text-align: left;		
		margin:0px;
		min-height: 350px;		
		margin-bottom: 45px;
	}
	.termek_adatok_div_erdekelhet{
	  
	       min-height: 250px;
	 }
	
}
.arcsokkent_erdekelhet{
    position: absolute;
       top: -16px;
	right: 5px;
    background-color: #2BA2B8;
    font-size: 17px;
   
    color: white;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
.termek_adatok_ar_erdekelhet{
	    color: #be3f3f;
    font-size: 15px;
	    margin-right: 5px;
}
.termek_div_erdekelhet_a{
	height:355px;min-height: 120px;
}

 .termek_adatok_kosarba_div_erdekelhet{
	    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
	}
	
	
.termek_adatok_ertekeles_erdekelhet{
	    color: #656565;
    font-size: 17px;
    margin-top: 5px;
    position: absolute;
    bottom: 0px;
	    width: 20px;
}
.termek_adatok_ertekeles_kep_erdekelhet{
	margin:2px;
	
	width:10px;
	background-color: white;
	padding: 2px;
	border-radius: 3px;
}
.termek_akcio_div{
    text-align: left;
    position: absolute;
    top: 18px;
    left: 0px;
    transform: rotate(10deg);
}
.termek_akcio{
    background-color: rgba(214, 55, 44, 0.85);
    color: white;
    text-shadow: 0px 1px 0px black;
    /*border-radius: 3px;*/
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    margin-bottom: 1px;
    text-align: left;
    display: inline-block;
}
.termek_akcio_div_responsive{
    display: none;
    float: left;
    top: 5px;
    width: 100%;
    left: 5px;
    text-align: left;
}
.termek_akcio_responsive{
	display:none;	
    background-color: rgba(214, 55, 44, 0.85);
    color: white;
    text-shadow: 0px 1px 0px black;
    /*border-radius: 3px;*/
    padding-left: 3px;
    padding-right: 3px;
    font-size: 17px;
    margin-bottom: 1px;
	text-align: left;
}
.termek_arcsokkenes_div{
	position: absolute;
    top: 0px;
    right: 0px;
    z-index: 90;	
}
.termek_arcsokkenes{	
	background-color: #167f9e;
    color: white;
    font-family: fontom;
    padding: 2px 5px;
    font-size: 10px;
    display: inline-block;
    margin-right: 5px;
	
     vertical-align: middle;
}

.termek_arcsokkenes_div_responsive{
	display:none;
    z-index: 90;
}
.termek_arcsokkenes:before{
    content: "\f0ab";
    font-family: FontAwesome;
    margin-right: 3px;
}
@media screen and (max-width:1000px) {
	
	.termek_akcio_div:not(.hasonlo){
		/*display:none;*/
	}
	.termek_akcio:not(.hasonlo){
		/*display:none;*/
	}
	.termek_arcsokkenes_div{
		/*display:none;*/
	}
	.termek_akcio_div_responsive{
		    /*display: block;*/
	}
	.termek_akcio_responsive{
		   /* display: inline-block;*/
	}
	.termek_arcsokkenes_div_responsive{
		/*display:block;*/
	}

}
.banner{/* position: absolute; */}
#bannerek2{
	width: calc(50% - 5px);
}
#bannerek4{
	width: calc(50% - 5px);
}
.banner_kep{
	    width: 100%;
}

#termek_adatlap_aktualis_kategoria{
	display: inline-block;
	color:#515151;
	transform: skew(25deg);
	font-size: 16px;
	margin-top: 3px;
	font-weight: normal;
}

@media screen and (max-width:1000px) {
	.banner{
		    width: calc(100% - 10px);
	}
	#bannerek2{
		    width: calc(100% - 10px);
	}
	#bannerek4{
		    width: calc(100% - 10px);
	}
	
}
.banner_caption{
	    /*font-family: moonhouse;*/
    font-size: 20px;
    color: white;
    text-shadow: black 0px 0px 8px;
    opacity: 1;
    position: absolute;
    bottom: 10px;
    left: 20px;
    padding: 5px;
    border-radius: 3px;
	    letter-spacing: 1px;
}

.banner_caption2{
	font-family: moonhouse;
    font-size: 25px;
    color: white;
    text-shadow: black 0px 0px 8px;
    opacity: 0;
    position: absolute;
    top: 15px;
	
    padding: 5px;
    border-radius: 3px;
    letter-spacing: 1px;
}
.banner_caption3{
	  
    color: white;
    text-shadow: black 0px 0px 8px;
	font-size:20px;
 
}

@media screen and (max-width:1000px) {
	.banner_caption{
		 font-size: 15px;
		 left: 0px;
		 bottom: 5px;
		}
		.banner_caption2{
	    font-size: 17px;
		
	}
	.banner_caption3{
	    font-size: 15px;
		 left: 0px;
		 bottom: 5px;
	}
}

.akcio_fejlec{
	    width: calc(100% - 10px);
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding-bottom:5px;
}
.akcio_fejlec_1{
	width:30%;
	float:left;
}
.akcio_fejlec_2{
	width:70%;
	float:left;
}
.akciok_also_blokk{
	width: calc(100% - 10px);
    padding: 5px;
	display:none;
}
.akciok_div .card img {
    object-fit: contain;
    max-height: 200px;
}
.fejlec_1{
	display: table;
	height: 100%;
	vertical-align: middle;
	width: 100%;
	float: left;
	background: #282b2f;
	padding: 0px 10%;
	z-index: 999;
	position:  relative;
	transition:all 0.25s ease;
}
@media screen and (max-width:1000px) {
	.akciok_also_blokk{	
	display:block;
	}

	.fejlec_1{
		width: 100% !important;
		padding: 0px !important;
	}
}
.ui-autocomplete{display: block;background-color: white;position: absolute;width: 100% !important;z-index: 1015;text-align: left;border-radius: 0px;box-shadow: 0px 0px 0px 1px #282b2f;top: 100% !important;right: 0px !important;left: initial !important;text-align: le;}
.autocomplete_tovabbi_gomb{
	float: left;
}
#kereses_container {
    position: relative;
    /* z-index: 999; */
    /* width:100%; */
    /* height: auto; */
}
@media screen and (max-width:1000px) {
	
	.ui-autocomplete{
	display: block;
	background-color: white;
	width: calc(100% - 0%) !important;
	position: absolute;
	padding-left:0px;
	z-index: 999;
	border-radius:0px;
	box-shadow:0px 0px 10px #222;
	left: 0% !important;
	top: 0px !important;
	/* width:calc(100% - 10%) !important; */
	padding:0px !important;
}
}

.ui-menu .ui-menu-item:hover {

	
	
}


.ui-menu .ui-state-focus .autocomplete_elemek{
	font-weight: normal;
	margin: 0px;

    left:0px;
	
	color:black;
	transition:all 0.125s ease;
	box-shadow:inset 0px -1px 0px #be3f3f;
	
}
.ui-menu .ui-state-focus .autocomplete_elemek .autocomplete_elemek_kep{
	transform:scale(1.2);
}

.ui-menu .ui-menu-item div:hover {
	
	cursor:pointer;
	
	
	
	
}

ui-menu-item div {
	position: relative;
	
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius:3px;
	/* support: IE10, see #8844 */
}
.ui-menu .ui-menu-item div {
	

}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd113;
	background: #f8da4e url(images/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x;
	color: #915608;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #915608;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #e14f1c url(images/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-menu {
	list-style: none;
	padding:0px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */

}
.ui-menu .ui-menu-divider {

}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	

	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-menu-item > .autocomplete_elemek:hover > a{
	
}

.autocomplete_elemek{
	background-color:white;
	border-bottom:1px solid #DADADA;
}


.autocomplete_elemek a:hover{
	
}

ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete ui-front ui-menu ui-widget ui-widget-content{
	z-index:999;
	
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;

}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display:none;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
	display:none;
}

.ui-front {
	
}
[contentEditable=true]:empty:not(:focus):before{
content:attr(data-text) 
}

.autocomplete_elemek_tabla{
	width:100%;
	
}

.autocomplete_elemek_tabla .td1{
	width:20%;
	
	overflow:hidden;
}
.autocomplete_elemek_tabla .td2{
	width:80%;
	vertical-align:top;
}
.autocomplete_elemek_kep{
	width:100%;
	transition:all 0.125s;

}
.autocomplete_elemek_adatok_nev{
	font-family:fontom;
	font-size: 13px;
	word-break: break-word;
	font-weight: bold;
}
.autocomplete_elemek_adatok_leiras{
	       font-size: 10px;
	       color: #686666;
}
.autocomplete_elemek_adatok_akcio_div{
	text-align: left;
	
}
.autocomplete_elemek_adatok_akcio{
    background-color: rgba(214, 55, 44, 0.85);
    color: white;
    text-shadow: 0px 1px 0px black;
    /*border-radius: 3px;*/
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    margin-bottom: 1px;
    text-align: left;
    display: inline-block;
}

p{
	color:black;
}

.oldal_nem_talalhato{
	padding: 5px;
	font-family: fontom;
	text-align: center;
	font-size: 14px;
}
.smile{
    padding: 5px;
    text-align: center;
    font-size: 100px;
    color: #be3f3f;
}

.termek_blokk_kicsi_body{
	padding:5px;
	font-size:17px;
	color: #444444;
}
.autocomplete_elemek_adatok_ar_div{
	font-family:fontom;
    bottom: 35px;
    width: 100%;
    right: 5px;
    text-align: right;
}

.autocomplete_elemek_adatok_ar{
	    color: #be3f3f;
    font-size: 15px;
	   
}
.autocomplete_elemek_arcsokkent{
	display:inline-block;
    background-color: #2BA2B8;
    font-size: 17px;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
.page_loading{
    transition:all 0.525s ease;
    background: rgb(255 255 255 / 96%);
    /* background-image: url(kepek/css/loading.svg); */
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 9999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
}

.page_loading_loader{
	background-position: center;
    background-size: 60px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
	background-image:url(kepek/css/loading.svg);	
    z-index: 999;
	display:none;
}

.page_loading2{
    background-position: center;
    background-size: 60px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;

}
.fg_ul{
	    float: left;
    padding: 0;
    margin: 0;
}
.fg_li{
      float: left;
    width: calc(20% - 0px);
    list-style: none;
    display: table;
    min-height: 85px;
}
.fg_li a{
        width: 100%;
    text-align: center;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
}
.fg_li img{
	    width: 20%;
    float: left;
    margin-left: 40%;
}
.fg_li span{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.fiok_blokk_fejlec{
    padding: 5px 10px;
    display: inline-block;
    font-size: 17px;
    margin-top: 3px;
    font-weight: normal;
    font-family: fontom;
    background:  white;
    margin-left: 0%;
}
.fiok_blokk_body{
	width: calc(100% - 20px);
	margin-left: 0%;
	background:  white;
	padding: 0px 10px;
	float: left;
}
.fiok_blokk_body .fiok_blokk_label{
    font-family: fontom;
    margin: 10px 0px 0px 5px;
    display:  inline-block;
}
#remember_label{
	margin-left:5px;
}
.fiok_blokk_body #jelszo,.fiok_blokk_body #email{
	border: 1px solid #ececec;
	color: black;
	padding: 10px 10px;
	outline: none;
	font-family: fontom;
	width: calc(100% - 20px);
}

.fiok_blokk_body #regisztracio{
	margin-left: 10px;
}

.fiok_blokk_body #valasz{
	border-radius: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 14px;
	margin-top: 5px;
	color: #983e38;
}
.underline{
	text-decoration:underline;
}
@media screen and (max-width:1000px) {
	 .fg_li{
		       width: calc(50% - 0px);
    font-size: 20px;
	 }
}
.fg_li:hover{	 
	    color: #be3f3f;
    background-color: #ececec;
}
.fg_li:hover span{	 
	 color:#be3f3f;
}
.cc_logo{
	display:none !important;
}
.be_kell_jelentkezni{
	cursor:pointer;
}
.fiok_blokk_icon{
	    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
@media screen and (max-width:1000px) {

	#sajat_menu{
		   width:calc(100% - 2px);
			    z-index: 900;
			margin-bottom:0px;
	}
	
	#sajat_menu.responsive{
		width:100%;
		float: left;	
	}
	
  ul.sajat_topmenu li {display: none;}
  ul.sajat_topmenu li.menu_pocok {
    float: left;
    display: inline-block;
  }
  #menu ul.sajat_topmenu li.menu_pocok{
	
  }
}
.sajat_menu{
	z-index: 900;
	margin-bottom:5px;
	    background-color: #F8F8F8;
	text-align: left;
	    display: table-cell;
    vertical-align: middle;
    float: left;	    
		line-height:10px;

		    width: 250px;
}
#sajat_menu ul.sajat_topmenu{
	font-size: 16px;
}

ul.sajat_topmenu li.menu_pocok {display: none;}


#sajat_menu > ul,
#sajat_menu > ul li,
#sajat_menu > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sajat_menu ul.sajat_topmenu li.hassub{
	cursor:pointer;
	    overflow: hidden;
}
.hassub{
	    position: relative;
		
}
.hassubul{
	    background-color: white;
		min-height:300px;
		background-size: cover;
		background-repeat: no-repeat;
		height:571px;

		background-position: center center;
}
.hassubul_div
	{	
    background-color: rgba(0, 0, 0, 0.63);
    position: absolute;
    height:100%;
	
	}
#sajat_menu > ul {
  position: relative;
  z-index: 500;
}
#sajat_menu > ul li {
	float: left;
	min-height: 1px;
	transition: box-shadow,padding-left 0.125s ease;
	vertical-align: middle;
        width: 240px;
	border-bottom: 1px solid #E6E6E6;
	line-height: 30px;
}

#sajat_menu > ul li.hover,
#sajat_menu > ul li:hover {
  
  z-index: 599;
  cursor: default;
}
#sajat_menu > ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#sajat_menu > ul ul li {
  float: none;
}
#sajat_menu ul li ul li.sub{
	
	border:none;
	    line-height: 25px;
	
}
#sajat_menu ul li ul li.sub:hover{
	  box-shadow:inset 3px 0px 0px #be3f3f;
	   background-color: #cdcdcd;
	  	  
}
#sajat_menu ul li ul li.sub:hover a{
	 margin-left:5px;
	  	  
}
#sajat_menu ul li ul li.sub:hover a
{
	 color:#be3f3f;
}
#sajat_menu > ul ul ul {
  top: 1px;
  left: 99%;
}

#sajat_menu.sajat_menu ul li ul {
	    position: absolute;
    margin-left: 250px;	
    top: 0px;
	 width: 45vw;

}

#sajat_menu > ul li:hover ul {
	visibility: visible;
      position: absolute;
	 
	  
}

/* Align last drop down RTL */
#sajat_menu > ul > li.last ul ul {
  left: auto !important;
  right: 99%;
}
#sajat_menu > ul > li.last ul {
  left: auto;
  right: 0;
}
#sajat_menu > ul > li.last {
  /*text-align: right;*/
}
/* Theme Styles */



#sajat_menu > ul {
 
  font-family: Calibri, Tahoma, Arial, sans-serif;

       display: inline-block;
}
#sajat_menu > ul:before {
  content: '';
  display: block;
}
#sajat_menu > ul:after {
  content: '';
  display: table;
  clear: both;
}
#sajat_menu > ul li a {
  display: inline-block;
  padding: 0px 22px;
  width: calc(100% - 0px);
  font-size: 13px;
  font-weight: bold;
}
#sajat_menu > ul > li.active,
#sajat_menu > ul > li.active:hover {
  background-color: #3fa338;
  color: black;
}
#sajat_menu > ul > li > a:link{

}

#sajat_menu > ul > li > a:active
 {
  color: black;
}

#sajat_menu > ul > li > a:hover {
  
}
#sajat_menu > ul > li > a:active {
  color: black;
}
#sajat_menu > ul ul ul {
  top: 0;
}
#sajat_menu > ul li li.sub {
  background-color: rgba(255, 255, 255, 0.83);
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}
#sajat_menu > ul li li.sub {

  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}
#sajat_menu > ul li a.active{
	 
}

#sajat_menu > ul li.hover,
#sajat_menu > ul li:hover {

}
#sajat_menu > ul > li.hover,
#sajat_menu > ul > li:hover {

      
	  
	  padding-left:5px;

}
#sajat_menu > ul a:link,
#sajat_menu > ul a:active {
  color:black;
  text-decoration: none;
}
#sajat_menu > ul a:hover {
  


}
#sajat_menu li{
	position:relative;
overflow: hidden;
}
#sajat_menu > ul a:active {

  color: black;
}
#sajat_menu > ul ul {
  border: 1px solid #CCC \9;
    box-shadow: 0px 0px 1px #000000;
  width: 150px;
}

.sajat_topmenu > li:before{
    content: '';
    opacity: 0;
    transition: all 0.125s ease;
    display: inline-block;
    width: 200px;
    height: 200px;
    position: absolute;
    background-color: rgba(121, 52, 52, 0.18);
    transform: rotate(45deg);
    left: -100px;
	    z-index: -1;
    top: -85px;
}
.sajat_topmenu > li:hover::before{
    left: -90px;
	 opacity:1;
}
#sajat_menu > ul > li.active > a{
	
}
#sajat_menu > ul a{
	 font-family:fontom;
 }
/*-------------RESPONSIVE--------------------------------*//*-------------RESPONSIVE--------------------------------*//*-------------RESPONSIVE--------------------------------*/
@media screen and (max-width:1000px) {
	
	#sajat_menu.sajat_menu ul li ul{
		width:100%;
		margin-left:0px;
	}
	
	
	#sajat_menu ul.sajat_topmenu{
	font-size: 20px;
}
  ul.sajat_topmenu.responsive {position: relative;}
  ul.sajat_topmenu li.menu_pocok {
    float: left;
    display: inline-block;
	 
	
  }
   #sajat_menu ul {
	   font-size:30px;
	    
   }
   #sajat_menu.responsive ul li{
	       width: 100%;
		 
		   text-align:left;
		   
   }
   
   .sajat_topmenu {
	   width: 100%;
   }
  #sajat_menu ul.sajat_topmenu li.menu_pocok {
      width: 100%;
	
  }
  ul.sajat_topmenu.responsive li {
    float: left;
    display: inline;
	
  }
  #sajat_menu ul.sajat_topmenu.responsive li a {
    display: block;
    text-align: left;
	font-size:20px;
	width: 80%;
	   
  }
  
	#sajat_menu > ul.sajat_topmenu.responsive li:hover ul 
	{
	visibility: visible;
      position: relative;
	  width:100%;
	  margin-left:0px;	  
	  padding-left:0px;
	}
	#sajat_menu > ul.sajat_topmenu.responsive li ul li{
		    display: none;
	}
	#sajat_menu > ul.sajat_topmenu.responsive li:hover ul li{
	width:100%;
	padding-left:0px;
	float:left;
	display: block;
	
	
	}
	#sajat_menu > ul.sajat_topmenu.responsive li:hover{
		padding-left:0px;
		box-shadow:inset 5px 0px 0px #be3f3f;
	}
	
  
}

.sajat_oldal {
    margin-left: 0%;
    width: 100%;
    animation:oldalanim 0.5s ease;
    display: inline-block;
    text-align: left;
}
.sajat_oldal .dialog_blokk:first-child{
	margin-top:0px;
}

.sajat_oldal_fejlec{
	    background-color: #E5E5E5;
	padding:5px;
    border-bottom: 5px solid #D7D7D7;
	float:left;
	    width: calc(100% - 260px);
}
.tablesorter-blue th, .tablesorter-blue thead td{
	font-weight: bold;
    color: #be3f3f;
    border-collapse: collapse;
    padding: 4px;
    text-align: center;
}
.tablesorter .tablesorter-childRow-th td{
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	color: #be3f3f;
}


.piros_h1{
	color: #be3f3f;
	transform: skew(45deg);
	font-size: 16px;
	margin: 0px;
	font-weight: normal;
}
.sajat_oldal_body{
	    float: left;
	    width: calc(100% - 250px);
	    margin-bottom: 0px;
}
.sajat_oldal_blokk{
	position: relative;
	background-color: whitesmoke;
	float: left;
	width: 100%;
	margin: 0px 0% 10px 0px;
	box-shadow: 0 1px 2px #D9DADB;
	border-radius: 5px;
	/* overflow:  auto; */
	font-family: font;
}
.sajat_oldal_blokk .gomb{
	/* margin-bottom:10px; */
	/* margin-left:10px; */
}
.dialog_blokk .sajat_oldal_blokk{
		 width:calc(100% - 0px);
		 margin-left:0px;
		 box-shadow:none;
		 margin: 0px;		 
	}
	.dialog_blokk .hiba_blokk_bezar_gomb_div:last-child{
		margin-top:5px;
	}
.dialog_blokk .hiba_blokk_c{
	/* background-color: transparent; */
}
.sajat_oldal_blokk_blokk{
	padding:5px;
	float:left;
	width: 200px;
	min-height: 70px;
}
.sajat_oldal_blokk_blokk .gomb{
	margin-left:0px !important;
}
.adatlap_label{
    display: inline-block;
    font-size: 14px;
    margin: 5px 5px 5px 0px;
    vertical-align: middle;
    max-width: 90%;
    font-weight: bold;
}
.adatlap_text_input{
    border: 1px solid #ececec;
    color: black;
    padding: 10px 10px;
    outline: none;
    font-family: fontom;
    /* font-size: 12px; */
    width: calc(100% - 0px);
}
.kotelezo{
	    border: 1px solid #be3f3f;
}
.termek_blokk_kicsi{
    margin-top: 5px;
    position: relative;

    overflow: auto;

}
.hiba_blokk{
	width: 40%;
    margin-left: 30%;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
     background-color: #f0f0f0;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    overflow: auto;
}
.hiba_blokk_c{
    /* box-shadow: none; */
}
.hiba_blokk_c_c{
    padding: 15px 15px;
    font-family: fontom;
    color: #be3f3f;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid #ffffff;
}
.hiba_h1{
    font-weight: bold;
    font-size: 13px;
}

.margin-left-5{
	margin-left:-5px;
}
#regisztracio input[type=submit]{
	margin: 0px 0% 0px 0% !important;
}

@media screen and (max-width:1000px) {
	.sajat_oldal{
		  width: 100%;
		margin-left: 0px;
	}
	.sajat_oldal .gomb{
		margin-left:5px;
	}
	.sajat_oldal_blokk{
		    width: calc(100% - 10px);
    margin: 10px 5px;
	}
	.sajat_oldal_blokk_blokk{	
	 width: calc(75% - 10px);
	}
	.sajat_oldal_blokk_blokk.checker_blokk{
	 width: calc(25% - 10px);
	}
	
	#regisztracio input[type=submit]{
	margin: 0px 0% 0px 5px !important;
	}
	.sajat_oldal_fejlec{
	  
	    width:calc(100% - 10px);
	}
	.sajat_oldal_body{	  
    width:100%;
	}
	.adatlap_nev{
		width: 100%;
	
	}
	.hiba_blokk{
		width:80%;
		margin-left:10%;
	}
	.termek_blokk_kicsi{
		margin:0px;
		margin-top:5px;
		display:block; 
	}
	
}
.br_tarto{
	
}

.sotetito{
	position: fixed;
    overflow: auto;
	display:none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.3);
}
.dialog{
	z-index:999;
}
.dialog_fejlec{
	    background-color: #4c4c4c;
    font-family: fontom;
    box-shadow: inset 0px -2px 0px #7c312d;
}
.dialog_fejlec_c{
       color: white;
    text-shadow: 1px 1px 0px black;
    font-size: 14px;
}
.dialog_fejlec_c_c{
	 margin: 5px 15px 5px 10px;
}
.dialog_blokk{overflow-x: hidden;z-index: 999;width: 50%;margin-left: 25%;margin-top: 50px !important;max-width: 50%;margin-bottom: 50px;position: relative;background-color: #ffffff;overflow: hidden;box-shadow: 0px 0px 10px black;margin-bottom: 50px;}

.dialog_blokk{
	-webkit-animation: fadedown 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadedown 0.5s; /* Firefox < 16 */
        -ms-animation: fadedown 0.5s; /* Internet Explorer */
         -o-animation: fadedown 0.5s; /* Opera < 12.1 */
            animation: fadedown 0.5s;
}
@keyframes fadedown {
    from { transform:scale(0.9);	}
    to   { transform:scale(1);}
}

@keyframes fadedown2 {
    from {opacity:0;transform: scale(1.1);}
    to   { opacity:1; transform:scale(1);}
}

.dialog_blokk_szeles{
	width: 70%;
	max-width:70%;
	top:10%;
    left: 15%;	
}
.hiba_blokk_bezar_gomb{
	    margin-right: 5px;
	    float: right;
}
.hiba_blokk_bezar_gomb:before{
	content: "\e646";
	font-family:themify;
	margin-right:5px;
}
.dialog_bezar_gomb{
	cursor:pointer;
	transition:all 0.125s ease;
	position: absolute;
	top: 0px;
	right: 6px;
	font-size: 20px;
	color: white;
	line-height: 35px;
	padding: 0px 5px;
	z-index: 999;
}
.dialog_bezar_gomb:hover{
	    color: #be3f3f;
}
.dialog_bezar_gomb:before{content: "\e646";font-family:themify;vertical-align: middle;display:  inherit;line-height: 40px;}
.hiba_blokk_bezar_gomb_div{
    position: relative;
    overflow: auto;
    float: right;
    width: 100%;
}


.emailcim_mar_letezeik{
    vertical-align: bottom;
    color: red;
}
.jelszo_no{
	display: table-cell;
	vertical-align: bottom;
	color: red;
}
.emailcim_ok{
    display: table-cell;
    vertical-align: bottom !important;
}
.jelszo_ok{
    display: table-cell;
    vertical-align: bottom;
}
.emailcim_ok_kep:after {
    content: "\e64c";
    font-family: themify;
    color: green;
    font-weight: bold;
    font-size: 20px;
}
.pointer{
	cursor:pointer;
}
@media screen and (max-width:1000px) {
	.dialog_blokk{
		width: 90%;
		margin-left: 5%;
		margin-top: 5%;
		max-width: 90%;
		margin-bottom:5%;
	}
	.dialog_blokk_szeles{
		
		top: 10%;
	}
}
input[type=checkbox] {
	visibility: visible !important;
    position: absolute !important;
    opacity: 0;
    z-index: -1;
}
input[type=radio] {
	visibility: hidden;
	display: none;
}
.squaredThree {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.squaredThree label {
	cursor: pointer;
	position: relative;
	width: 12px;
	height: 12px;
	top: 0;
	border-radius: 100%;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	-webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 6px;
	background: transparent;
	top: 0px;
	left: 2px;
	border: 3px solid #be3f3f;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.squaredThree input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



.checkbox_input {
    position: relative;
    padding: 5px 0px 5px 0px;
    transition: all 0.125s ease;
    display: inline-block;
}
.szuro.responsive{
	display:none;
}

.szuro .checkbox_input{
	min-width: 50%;
	width: 50%;
} 
.szuro .checkbox_szoveg{
	
font-size: 12px;
	
font-weight: bold;
}
.checkbox_input label.checkbox_label {
	    cursor: pointer;
	    display: inline-block;
	    width: 12px;
	    position: relative;
	    vertical-align:  middle;
	    height: 12px;
	    transition:all 0.250s ease;
	    border-radius: 10px;
	    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.checkbox_szoveg {
    display:  inline-block;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    max-width: calc(100% - 12px);
    padding-left: 5px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}
.checkbox_szoveg_aktiv{
	color: #be3f3f;
	font-weight: bold;
}
.checkbox_input label.checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 6px;
	transition:all 0.250s ease;
	background: transparent;
	top: 0px;
	left: 2px;
	border: 3px solid #be3f3f;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.szuro{
    display: inline-block;
    width: calc(100% - 10px);
    margin: 5px 5px 0px 5px;
    background: white;
    padding: 0px 10px 5px 10px;
    /* background-color: #f5f6f7; */
    position: relative;
}
.szuro2{
	display: table-cell;
	vertical-align: middle;
}
.szuro2 label{
	font-size:12px;
	padding:0px 10px;
}
.szuro_nev{color: #000000;margin-left: -5px;display: block;margin-right: 5px;line-height: 40px;font-weight:  bold;}
.szuro_nev:after {
    content: ':';
}
.checkbox_input:hover .checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	 transition:0.125s ease;
	 left: 5px;
}

.checkbox_input:hover .checkbox_szoveg{
}
.checkbox_input input[type=checkbox]{
		visibility: hidden;
    position: absolute !important;
}
.checkbox_input input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.checkbox_input input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.right-align{
	text-align:right;
}
.left-align{
	text-align:left;
}
.float_right{
	float:right;
}
.hidden_visibility{
	visibility:hidden;
}
.br_h1{
	display: inline-block;
	color: #be3f3f;
	transform: skew(25deg);
	font-size: 16px;
	margin: 0px;
	font-weight: normal;
	margin-top:3px;
}
.br_h1_2{
	display: inline-block;
	color: #be3f3f;
	transform: skew(25deg);
	font-size: 16px;
	margin: 0px;
	margin-top:3px;
	font-weight: normal;
}
.br_h2{
	display: inline-block;
	color:#515151;
	transform: skew(25deg);
	font-size: 16px;
	margin-top: 3px;
	font-weight: normal;
}
#rendezes{
	display: inline-block;
	height: 30px;
	border: 0px;
	width: auto;
	margin: 5px;
	font-family: fontom;
	font-size: 12px;
	padding: 0px 10px 0px 0px;
	/* background-color: #f5f6f7; */
	font-weight: bold;
	float: right;
}
.rendezes:before{
	font-family:fontAwesome;
	    content: "\f160";
	line-height: 40px;
	font-size: 14px;
}

#gyarto{
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid #ddb7b7;
}
#al_termek_csoport{
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid #ddb7b7;
}
.select_input{
    display: inline-block;
    height: 40px;
    border: 0px;
    width: calc(100% - 10px);
    background: white;
    margin: 5px 5px 0px 5px;
    padding: 0px 0px;
    /* background-color: #f5f6f7; */
    /* font-weight: bold; */
}
.select_input.responsive{
	display:none;
}
.input_beallitott{
    box-shadow: 0px 0px 0px 1px #be3f3f;
}
select.select_input option{font-weight: normal;}
.select_input:hover{
	    /* box-shadow: 0px 0px 0px 1px #be3f3f; */
}
#gyors_szuro{
	    color: black;
	    display: inline-block;
	    height: 40px;
	    border: 0px;
	    width: calc(100% - 10px);
	    background: white;
	    margin: 5px 5px 0px 5px;
	    padding: 0px 5px;
	    /* background-color: #f5f6f7; */
}
#gyors_szuro.responsive{
	display:none;
}
.szallitasi_mod_kep{
	width: 75px;
	vertical-align:middle;
	margin: 0px 0px 0px 10px;
}
.szallitasi_mod_nev{
	
vertical-align:middle;
	
margin: 0px 10px;
}
.szallitasi_mod{margin: 5px 10px;display: inline-block;/* background-color: white; */border-radius: 3px;}
.fizetesi_mod{
	margin-left:10px;
}
.fizetesi_mod_nev{
	    line-height: 35px;
}
.megrendeles_termek_plusz{
       border: 2px solid #be3f3f;
       font-family: fontom;
       font-weight: bold;
       font-size: 20px;
       min-width: 30px;
       background-color: white;
       transition: all 0.125s ease;
}
.megrendeles_termek_plusz:hover{
	background-color: #e6e6e6;
}
.megrendeles_termek_minusz{
       border: 2px solid #be3f3f;
       font-family: fontom;
       font-weight: bold;
       font-size: 20px;
       min-width: 30px;
       background-color: white;
       transition: all 0.125s ease;
}
.megrendeles_termek_minusz:hover{
	background-color: #e6e6e6;
}
.lablec2{
	    background-color: white;
    border-top: 5px solid #D7D7D7;
    position: relative;
    width: 100%;
	min-height:15px;
    display: table;
}
.lablec2_facebook{
	    line-height: 30px;
    font-size: 16px;
    color: #797979;
    font-weight: bold;
}
.lablec2_nev{
    font-size: 15px;
    color: #f9f9f9;
    text-align: center;
    width: 100%;
    float: left;

}
@media screen and (max-width:1000px) {
	.lablec2_nev{
		 width: 100%;
	}
	.szuro{
		    width: calc(100% - 10px);
	}
	.szurok form{
		    display: block;
    height: 100%;
    float: left;
    width: 100%;
	}
	.szuro_nev{
		width:100%;
	}
}
#loading_gif{
	width:40px;
	display:block;
	position:absolute;
	    left: calc(50% - 40px);
	top:30%;
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
     margin-left: -60px;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 10px 0 0 #ad3a3a;
  -ms-animation: uil-ring-anim 0.5s linear infinite;
  -moz-animation: uil-ring-anim 0.5s linear infinite;
  -webkit-animation: uil-ring-anim 0.5s linear infinite;
  -o-animation: uil-ring-anim 0.5s linear infinite;
  animation: uil-ring-anim 0.5s linear infinite;

}
.black-spinner > div{
	box-shadow: 0 10px 0 0 #5b5b5b;
}
.white-spinner > div{
	box-shadow: 0 10px 0 0 white;
}
.fast-spinner > div{
	 -ms-animation: uil-ring-anim 0.9s linear infinite;
  -moz-animation: uil-ring-anim 0.9s linear infinite;
  -webkit-animation: uil-ring-anim 0.9s linear infinite;
  -o-animation: uil-ring-anim 0.9s linear infinite;
  animation: uil-ring-anim 0.9s linear infinite;
}
.termek_opciok{
	border-left: 5px solid #ba5c5c;
	    text-align: left;
		padding: 5px;
}
.termek_opciok_span{
	    font-size: 14px;
    color: #983e38;
}
.ml-5{
	margin-left: 5px;
}
.megrendeles_megjegyzes{
    margin: 5px 0px 5px 5px;
    width: calc(100% - 10px);
    border: 1px solid rgba(173, 173, 173, 0.45);
    resize: vertical;
    border-radius: 3px;
    padding: 5px;
}
.min-height20{
	min-height: 20px;
}
.termek_akcioban_div{
	margin-top: 5px;
	margin-bottom: 5px;
}
.termek_akcioban_div_c{
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #cb3a30;
    font-weight: bold;
    padding: 5px;
    font-family: fontom;
}
.termek_fobb_adatok{

}
.termek_fobb_adatok_tabla{
    width: 100%;
    table-layout: auto;
    font-size: 14px;
    border-collapse: collapse;
    margin:  auto;
}
.termek_fobb_adatok_tabla_td1{
    text-align: right;
    width: 40%;
    color: #be3f3f;
    font-size: 13px;
    font-family: fontom;

    padding: 5px;
}
.termek_fobb_adatok_tabla_td2{
    text-align: left;
    width: 40%;
    color: #000000;
    font-size: 12px;
    font-family: fontom;

    padding: 5px;
}
.fb_iframe_widget{
	float:left;
	margin:5px;
}
.fb_icon{
    width: 10px;
    margin-bottom: -4px;
}
.fb_table{
	       background-color:#ba5c5c;
    display: inline-block;
    float: left;
	border-radius:3px;
}
.fb_table:hover{
	background-color:#d18383;
	
}
.fb_div{
	color:white;
}
.fb_icon2{
	    width: 10px;
    margin-bottom: -4px;
    background-color: #c58d8a;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-right: 5px;
    margin-top: 5px;
}
.lablec_blokk_span2{
    font-size: 12px;
    color: #ffffff;
    margin: 0px;
    font-family: fontom;
}
.lablec_blokk_span3{
	font-size: 12px;
    color: white;
    font-weight: normal;
    margin: 0px;
    font-family: fontom;
    margin-left: 10px;
}
.lablec_blokk_span2:before{
	font-family:FontAwesome;
	margin-right: 5px;
	content: "\f082";
}
.margin_bottom5{
	margin-bottom:5px;
}
.kapcsolat_uzenet{
	    width: calc(100% - 7px);
    border: 1px solid rgba(192, 0, 0, 0.45);
    resize: vertical;
    border-radius: 3px;
	    height: 150px;
    background-color: rgba(255, 255, 255, 0.87);
}
.sajat_oldal_blokk_blokk2{
width: calc(100% - 10px);
	padding: 5px;   
    min-height: 45px;
}
.kapcsolat_blokk{
	background-image: url(http://uniti.hu/kepek/oldal/letter_icon.png);
    background-position: 50% 57%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#kapcsolat_submit{
	    margin-left: 5px;
		margin-bottom:5px;
}
.elerhetoseg_icon{
	    width: 20px;
    margin-bottom: -2px;
}
#it_szolgaltatasok_banner{
	    z-index: 1;
	    opacity:0;
}
.it_szolgaltatasok_div{
	    background-image: url(http://uniti.hu/kepek/oldal/budapest.jpg);
    background-position: 30% 38%;
    height: 400px;
border-radius: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.caption_div{
	    position: absolute;
    top: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.62);
    height: 60px;
}
.caption_div2{
	opacity:0;
	
	    padding: 15px;
	    position: absolute;
    bottom: 20px;
    right: -30px;
       background-color: rgba(70, 27, 27, 0.7);
	       border-left: 5px solid #9a5b57;
}
.caption_div3{
    position: absolute;
    bottom: 70%;
    left: calc(50% - 150px);
    width: 300px;
    text-align: center;
	opacity:0;
}
.banner_caption4{
    font-family: fontom;
    color: white;
    letter-spacing: 1px;
    border: 1px solid white;
    padding: 10px 10px;
    font-size: 22px;
    background-color: rgba(255, 255, 255, 0.18);
    text-shadow: 0px 0px 12px black;
}
.border_radius0{
	border-radius:0px;
}
.width_100{
	width:100%;
}
.elerhetoseg_cim{
	    color: #be3f3f;
}
.termek_adatlap_adatok_leiras_szoveg{
	padding:20px;
}
.termek_adatlap_adatok_leiras_szoveg:empty{
	display:none;
}
.termek_adatlap_adatok_leiras_szoveg ul li{

}
.termek_adatlap_adatok_leiras_szoveg ul li:hover{

}
.termek_ar_div{
	text-align: left;
	position: relative;
}
.velemenyek_blokk > div{
	padding:5px 15px;
}
.termek_adatlap_velemenyek{
	    float: left;
    width: calc(50% - 5px);
	    margin-bottom: 5px;
}
.velemeny_label{
    color: #be3f3f;
    font-size: 14px;
    padding: 5px 0px;
    display: inline-block;
}
.velemenyek_szama{
    padding: 0px 5px;
    background-color: #ffffff;
    color: black;
    border-radius: 20px;
    margin-left: 5px;
    display: inline-block;
}
.kosar_sum{
	    margin-left: 10px;
    margin-right: 10px;
    color: #be3f3f;
    font-size: 17px;
    font-family: fontom;
}
.kosar_tetel_ar{
	color: #be3f3f;
    font-size: 17px;
    font-weight: bold;
}
@media screen and (max-width:1000px) {
	.termek_adatlap_adatok_hosszu_leiras{
	    width: 100%;
    float: left;
	}
	.termek_adatlap_velemenyek{
	    float: left;
    width: 100%;
	    
	}
	
}
.no_float{
	    float: none;
}


.ta_right{
text-align: right;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.rga_gomb{
	margin:10px;
	transition: 0.125s margin-left;
}
.lblokk{
	
	    width: 50%;
    margin-left: 25%;
}
.rga_table{
	    width: 100%;
}
.rga_table_td2{
	    vertical-align: top;
    padding-left: 20px;
}
@media screen and (max-width:1000px) {
		.lblokk{
				width: calc(100% - 0%);
			margin-left: 0%;
			    padding-top: 10px;
    padding-bottom: 10px;
		}
		.rga_blokk_h2_2{
	    font-size: 18px;
		}
	
}
.rga_list2{
	background-color: #f8f8f8;
}
.parallax-window {
    min-height: 520px;
    background: transparent;
}
.hidden{
	display:none;
}
.arajanlat_kero_blokk{
width: 50%;
    margin-left: 25%;
    height: 490px;
	margin-top:10px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
    position: absolute;
    padding-bottom: 10px;
	overflow:auto;
	opacity:0;

}
.arajanlat_kero_h2{
	    font-family: moonhouse;
    font-weight: normal;
    color: #ffffff;
    text-shadow: 0px 1px 0px black;
    padding: 20px;
}
@media screen and (max-width:1000px) {
		.arajanlat_kero_blokk{
		    width: calc(100% - 20%);
    margin-left: 5%;
    padding-left: 5%;
    padding-right: 5%;
		}
		
		.arajanlat_kero_h2{
	    font-size: 18px;
		}
		
	
}
.llblokk{
	Opacity:0;
	    z-index: 999;
}
.width30p{
	width:30%;
}
.arajanlat_kero_label{
	    color: #ffffff;
    margin-left: 5px;
    font-size: 14px;
    font-family: moonhouse;
}
.cl_tac{
	    text-align: center;
}
.cl_ml20px{
	margin-left:20px;
}
.cl_w50p{
	width:50%;
}
.cl_fn{
	float:none;
}
.cl_m_5px{
	margin:5px;
}
.arajanlat_input_blokk{
	    margin-left: 20px;
    margin-bottom: 5px;
}

.arajanlat_submit{
	    font-family: moonhouse;
    text-shadow: 0px 0px 1px black;
    letter-spacing: 2px;
}
@media screen and (max-width:1000px) {
	.cl_ml20px{
	margin-left:5px;
	}	
}
#arajanlat_megjegyzes{
	    resize: vertical;
		width: calc(100% - 25px);
}


.argrafikon{
	height:150px !important;
	max-height:180px;
	margin-top: 5px;
}
.piros{
	color: #d64343;
}
.cl_h550px{
	height:550px;
}
.cl_h570px{
	height:570px;
}
.cl_h525px{
	height:525px;
}
.cl_h545px{
	height:545px;
}
.cl_h555px{
	height:555px;
}
.cl_fs16px{
	font-size:16px;
}
.cl_h580px{
	height:580px;
}
.webshop_kep{
	width:50px;
}
.cl_dib{
	    display: inline-block;
}
.webshop_b{
		opacity:0;
	    margin-left: 5px;
		    margin-right: 5px;
	    padding: 10px;
    background-color: #fafafa;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 1px 2px 2px lightgrey;
}
.webshop_b_h3{
	    font-weight: normal;
    color: #ce5050;
    text-shadow: 0px 1px 0px white;
}
.cl_h145px{
	height:145px;
}
.cl_h40px{
	height:40px;
}
@media screen and (max-width:1000px) {
	.webshop_b{
	width: calc(50% - 35px);

	}	
}
.kicsi{
	    padding: 2px 5px 2px 5px;
    margin-left: 10px;
}
.cl_ml5px{
	margin-left:5px;
}
.rga_blokk_h2_3{
	    font-size: 1.17em;
}
.nyelv_kep{
	width:25px;
	height:17px;
}
.nyelvek_p{
	position: absolute;
}

.cl_c_white{color: white;}
.cl_c_black{
	color: black;
}


.footer_kep{
	width:20px;
	    margin-top: 2px;
}
.footer_labels{
	    padding: 2px 5px 0px 5px;
		transition: all 0.125s ease;
}
.footer_labels2{
	    padding: 5px 10px 5px 10px;
		transition: all 0.125s ease;
}
.footer_labels:hover ,.footer_labels2:hover{
	background-color: rgba(161, 87, 34, 0.38);
	    box-shadow: inset 2px 0px 0px #be3f3f;
	
}
.copyright{
	    color: white;
    font-size: 11px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.banner_kep{
    background-size: cover;
    width: 100%;
    height: 400px;
    background-position: center;
    position:  relative;
}
.breadcrumbs{list-style: none;display: inline-block;font-family: fontom;margin: 0px;padding: 5px 20px;vertical-align: middle;text-align: left;width: 100%;z-index: -1;}
.breadcrumbs_div{
    /* float: left; */
    width: 100%;
    padding: 5px 0px;
    margin-left: 0%;
    text-align: center;
    vertical-align: middle;
    z-index: 0;
    position: relative;
    /* background: #2b2b2b; */
}
.dialog .breadcrumbs_div {
    width: 100%;
    margin-left: 0px;
    background: #282b2f;
    display: inline-block;
}
.ui-autocomplete .breadcrumbs_div{
	  width: 100%;
	  margin-left: 0px;
}
.breadcrumbs_div_oldal{
}
.breadcrumbs_div_loader{
	width: 80%;
	margin-left: 10%;
}
.breadcrumbs_div_termek{
	width: 80%;
	margin-left: 10%;
}
.breadcrumbs_div_sys{
	width: 80%;
	margin-left: 10%;
}
.breadcrumbs_div_altalanos{
}
@media screen and (max-width:1000px) {
	.breadcrumbs_div{
	width:  100%;
	margin-left: 0%;
	}
}
.breadcrumbs li{
    color: #000000;
    word-break: break-all;
    margin-right: 3px;
    font-family: fontom;
    display: inline-block;
    font-size: 12px;
}
.dialog .breadcrumbs li{
	color:white;
}
.breadcrumbs a{
	    vertical-align: middle;
}
.breadcrumbs li.have_child:after{
    transition: all 0.325s ease;
    font-family: themify;
    top: 0px;
    vertical-align: middle;
    content: "\e661";
    margin-left: 2.5px;
    font-size: 11px;
}
.breadcrumbs_aktiv{
    color: #be3f3f !important;
    text-shadow:none !important;
}
.dialog .breadcrumbs li.breadcrumbs_aktiv{
	    color: #be3f3f !important;
}
.fo_banner_parent {
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-top: -155px;
}
.fo_banner_parent2 {
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: -190px;
}
.fo_banner3 {float: left;width: calc(100% + 10px);margin: 5px 0px -5px 0px;margin-left: -5px;}
.fo_banner3:before {
    /* content: ''; */
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000a8;
    top: 0px;
    left: 0px;
}
.fo_banner {
  
width: 70%;
  
height: 400px;
  
background-size: auto 120%;
  
background-repeat: no-repeat;
  
background-position: 50% 150%;
  
background:  white;
  
box-shadow: 0 1px 2px #D9DADB;
  
border-radius: 5px;
  
float: left;
      overflow: hidden;
opacity:0;
}



.fo_banner:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.65);
    top: 0px;
    left: 0px;
}
.fo_banner_cim{
    font-family: fontom;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight:  normal;
}
.fo_banner_cim2{
    font-family: fontom;
    font-size: 15px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight:  normal;
}


@media screen and (max-width:1000px) {
	.fo_banner{
		
width: calc(100% - 10px);
		
margin-left: 5px;
	}
	
	.caption{
		left:0px;
	}
	.caption2{
		left:0px;
		  max-width: 100%;
	}
	.caption3{
		display:none;
	}	
}
.fo_banner_leiras_p{
	padding-top: 20px;
    padding-left: 15px;
    margin-top: 15px;
    padding-right: 15px;
    display: inline-block;
    background-color: rgba(240, 240, 240, 0.91);
    padding-bottom: 20px;
    position: absolute;
    right: 0px;
    bottom: 10px;
	    max-width: 100%;
}
.fo_banner_leiras{
	  
	font-family: fontom;
    font-size: 16px;
	font-weight:normal;
    letter-spacing: 1px;
    color: #be3f3f;
}
.cl_oldal_fejlec{
    padding: 10px 15px;
    margin: 10px;
    border-left: 5px solid #be3f3f;
    background-color: rgba(129, 129, 129, 0.18);
    font-family: fontom;
    color: #be3f3f;
}
.cl_oldal_fejlec_loader{
    display: inline-block;
    font-family: fontom;
    color: #000000;
    background-position: 100% 0%;
    /* text-align: center; */
    position: relative;
    width: calc(100% - 0px);
    z-index: 20;
    /* background:  white; */
    text-align: left;
}
.cl_oldal_fejlec_loader:after {
    /* content: ''; */
    transform: scale(-1, 1);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    background-size: AUTO 260%;
    background-repeat: no-repeat;
    background-position: 0% 45%;
    background-image: url(http://kecskemet.royaltraktor.hu/kepek/css/traktor3.png);
}
.cl_oldal_fejlec_loader > h1{
    display: inline-block;
    padding: 10px 10px;
    font-size: 25px;
    position:  relative;
    color: #be3f3f;
    /* z-index:  1; */
}
.cl_oldal_fejlec_loader > h1:after {
    /* content: ''; */
    position: absolute;
    left: 0%;
    background: #be3f3f;
    display: inline-block;
    width: 50%;
    height: 2px;
    bottom: 0px;
    transition: all 0.25s ease;
}
@media screen and (max-width:1000px) {
	.cl_oldal_fejlec_loader{
		width: calc(100% - 30px);
	}
	
}
.cl_oldal_body
{
	overflow: auto;
	margin:20px;
	margin: 20px;
    font-size: 18px;
    color: #7a2611;
}
.cl_oldal_body_loader{
    overflow: auto;
    width: calc(100% - 0px);
    border-radius: 5px;
    text-align: left;
    background: whitesmoke;
    padding: 10px;
    font-size: 15px;
}
.cl_oldal_body_loader2{
    float: left;
    overflow: auto;
    width: calc(100% - 0px);
    box-shadow: 0 1px 2px #D9DADB;
    border-radius: 5px;
}
.cl_oldal_body_loader3{
float: left;
    overflow: auto;
    width: calc(100% - 0px);
}
.cl_akcio_szoveg{
	
    float: left;
    overflow: auto;
    width: calc(100% - 210px);
}
p{
	color:inherit;
}
.cl_f_left{
	float:left;
}
.cl_cikk_kep{
	    width: 300px;
    height: 450px;
    border: 1px solid #be3f3f;
    border-radius: 3px;
}
.cl_cikk_torzs{
	    margin: 10px;
    font-size: 18px;
    max-width: calc(100% - 350px);	
}
@media screen and (max-width:1000px) {
	.cl_cikk_kep{
	    width: calc(100% - 2px);
		object-fit: cover;
	}
	
	.cl_cikk_torzs{
	    max-width: calc(100% - 0px);
	}
	.cl_oldal_body_loader{
	
    float: left;
    overflow: auto;
    width: calc(100% - 0px);
	}
	
	.cl_cikk_kep_div{
		width:100%;
	}
}
.cl_d_ib{
	display:inline-block;
}
.termek_csoport_childek{
    width: calc(100% - 0px);
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    display: inline-block;
}
.termek_csoport_child
{
    padding-top: 25px;
    display: inline-block;
    width: calc(25% - 33px);
    margin: 15px;
    text-align: center;
}
.termek_csoport_child:hover .termek_csoport_child_kep{
	       transform: translateY(-25px);
}
.termek_csoport_child_kep{
	       transition: all 0.25s ease;
	       width: 100%;
	       height: 125px;
	       background-size: contain;
	       background-repeat: no-repeat;
	       object-fit: contain;
	       background-position: center;
}
.termek_csoport_child_nev{
    text-transform: uppercase;
    font-family: fontom;
    font-size: 14px;
    color: #be3f3f;
    position: relative;
    transition: all 0.125s ease;
    font-weight: normal;
    padding: 10px 0px;
}
.termek_csoport_child:hover .termek_csoport_child_nev {
    background-color: #be3f3f;
    color: white;
}
.termek_csoport_child_leiras_div{

}
.termek_csoport_child_leiras{
    margin: 0px;
    color: #353632;
    padding: 0px;
    font-family: fontom;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}


@media screen and (max-width:1000px) {
	.termek_csoport_child{
		   width: calc(50% - 30px);
	}
	.termek_csoport_childek{
		   width:  calc(100% - 20px);
	}
}

.cl_ml_5px{
	margin-left:5px;
}
.cl_mb_5px{
	margin-bottom:5px;
}
.cl_of_auto{
	overflow: auto;
}
.cl_mr_5px{
	margin-right: 5px;
}    
.cl_w_100p_m5px{
	width:calc(100% - 5px);
}
.tabs ul{

}
.tabs ul li.ui-tabs-active.ui-state-active{
	    background-color: gray;
}
.tabs ul li.ui-tabs-active.ui-state-active{background-color: transparent;box-shadow: inset 0px 0px 0px 0px #be3f3f;}
.tabs > ul > li{
    /* padding: 10px 10px; */
    display: inline-block;
    color: #282b2f;
    text-transform: uppercase;
    font-size: 13px;
    font-family: fontom;
    transition:all 0.125s ease;
    background: #ffffff;
}
.tabs > ul > li:hover {
    color: #be3f3f;
    background: white;
}
.tabs ul li.akcio_li{
	    background-color: #be3f3f !important;
}
.tabs ul li a{
    padding: 10px 10px;
    display: block;
}
.tabs ul li.akcio_li a{
	    color:white !important;
}
.tabs ul li:hover{

}
.tabContainer{
    width: calc(100% - 0px);
    float: left;
}
.akcio_tabcontainer{
	    border-top: 3px solid #984a4a;
	background-color:transparent !important;
}



.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.slider-range div {
	right: 0;
}
.slider-range div{

}
.slider-range div {
    border: 0px solid #dddddd;
    background: #d2d2d2;
    color: #333333;
    position: absolute;
    vertical-align: middle;
    top: 0;
    height: 5px;
}


.slider-range span {
    top: -5px;
    margin-left: -.6em;
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: default;
    border: 2px solid #8a8a8a;
    background: #ffffff;
    font-weight: normal;
    color: #454545;
    border-radius: 25px;
    transition: box-shadow 0.125s ease;
}


.slider-range span:hover,
.slider-range span:active{

	 background: #be3f3f;
	font-weight: normal;
	color: #454545;
    box-shadow: 0px 0px 0px 2px #858585;
	cursor:pointer;
}

.slider-range {

}
.slider-range.responsive{
	display:none;
}
.slider-range {
	position: relative;
	text-align: left;
	vertical-align:middle;
	height: 5px;
}
.slider-range {
	border: 0px solid #c5c5c5;
    background: #be3f3f;
	color: #333333;
	height:5px;
}


.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.slider-range{
    width: calc(100% - 20px);
    display: inline-block;
    margin: 0px 10px;
}
.szurok_ar{
    border: None;
    background-color: transparent;
    color: #be3f3f;
    text-align: center;
    vertical-align: middle;
    padding: 0px !important;
    margin: 0px 0%;
    font-weight:  bold;
}
.szurok_ar.responsive{
	display:none;
}
label, .label{
	cursor: pointer;
	display: block;
	margin-bottom: initial;
	font-weight: normal;
	font-size: 14px;
	vertical-align: middle;
}
.cl_float_right{
	float:right;
}
.akcio_div{
    transition: all 0.125s ease;
    width: calc(16.6% - 10px);
    text-align: center;
    float: left;
    overflow: hidden;
    margin: 5px;
    cursor: pointer;
    position: relative;
    background-color: #fbfbfb;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.28);
}
.akcio_div:hover .akcio_kep{
	transform:scale(1.1);
}
.akcio_div:hover .akcio_lejar_div{
	bottom:30px;
}
.akcio_kep_div{
	    position: relative;
    overflow: hidden;
    width: 100%;
    height: 160px;
    vertical-align: middle;
    min-height: 160px;
}
.akcio_kep{
	transition:all 0.125s ease;
	    image-rendering: optimizeQuality;
    /* transform: scale(1.2); */
    display: inline-block;
    transition: all 0.125s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.akcio_adatok_div{
	position: relative;

    text-align: left;
}
.akcio_leiras{
    font-family: fontom;
    color: #ffffff;
    padding: 5px;
    text-shadow: 1px 1px 0px black;
    background-color: rgba(67, 67, 67, 0.93);
}
.akcio_lejar_div{
	transition:all 0.125s ease;
	z-index: 1;
	    position: absolute;
    bottom: 20px;
    right: -4px;
    background-color: #326da0;
    color: white;
    padding: 0px 5px;
    transform: rotate(-15deg);
}
@media screen and (max-width:1000px) {
	.akcio_div{
		width:calc(100% - 10px);
	}
	.slider-range{
		    width: calc(100% - 20px);
	}
	.szurok_ar{
		width: 100%;
		margin: 0px 0%;
	}
}
.megrendeles_osszesito_label_div{
    text-align: left;
    display: inline-block;
    padding: 5px;
    background-color: white;
    border-radius: 3px;
    float: left;
    width: calc(100% - 10px);
}
.megrendeles_osszesito_label1{
    /* font-size: 12px; */
    font-family: fontom;
    color: #be3f3f;
}
.megrendeles_osszesito_label2{
    display: inline-block;
    font-weight: normal;
    margin-right: 5px;
    font-size: 14px;
    color: #060606;
    margin-left: 15px;
    font-family: fontom;
    line-height: 35px;
}
.cl_ta_left{
	text-align:left;
}
.tagek{
    float: left;
    margin: 0px 0px 10px 10px;
}
.tag{
    font-family: fontom;
    font-size: 11px;
    color: gray;
    margin-right: 5px;
}
.tag:hover{
	color: #d01c1c;
}
.tag:hover::before{
	color: #d01c1c;
}
.tag:before{
content: "\f02b";
    font-family: FontAwesome;
    color: rgba(128, 128, 128, 0.49);
    margin-right: 2px;
}


/*  1.1  */
.elozmenyek_icon{

}
.elozmenyek_lista{
	    background: white;
}
.elozmenyek_icon:before{
    font-family: FontAwesome;
    content: "\f1da";
    padding: 5px;
    font-size: 20px;
}
.fejlec_gomb{
    cursor: pointer;
    display: inline-block;
    float: right;
    transform: skew(-25deg);
	background-color: rgba(0, 0, 0, 0.32);   
    transition: all 0.125s ease;
       padding: 3px 5px 3px 5px;
}
.fejlec_gomb:hover{
	    background-color: rgba(126, 62, 62, 0.88);
}
.elozmenyek_c{
    transform: skew(25deg);
    color: white;
}

.termek_csoport_kep
{
    width: 100%;
    object-fit: cover;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position:relative;

}
.termek_csoport_leiras
{
    width: 100%;
    object-fit: cover;
    width: 100%;
	height:250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position:relative;

}
.osszehasonlitas_tabla{
	width:100%;
	table-layout:fixed;
	border-collapse: collapse;
	/* display:inline-block; */
}
.termek_osszehasonlitas_kep{
	width: 100%;
	    max-width: 250px;
}
.osszehasonlitas_tabla_td_nev{
    font-family: fontom;
    color: #b14949 !important;
    text-align: right;
    padding: 5px !important;
    font-weight: bold;
}
.osszehasonlitas_tabla td{
	    text-align: center !important;
	    font-family: fontom;
	    color: #3e3e3e;
	    padding: 9px 0px;
}
.osszehasonlitas_tabla th{

}
.osszehasonlitas_tabla tr:nth-child(even)
{
	background-color: #F1F1F1;
}
.osszehasonlitas_tabla tr:nth-child(odd) {
  background-color: white;
}
.cl_fw_bold{
	font-weight:bold;
}
.termek_osszehasonlitas_1{
	    background-color: rgba(235, 135, 135, 0.05);
}
.termek_osszehasonlitas_2{
	    background-color: rgba(235, 135, 135, 0.10);
}
.termek_osszehasonlitas_3{
	    background-color: rgba(235, 135, 135, 0.15);
}
.torles_icon{
	margin-right:5px;
}
.torles_icon:before{
	    content: "\f014";
    font-family: FontAwesome;   
    margin-right: 2px;
}
.cl_invisible{
	visibility:hidden;
}
.oldal_kereses_oldal{	
    margin-bottom: 20px;
	transition:all 0.25s ease;
}
.oldal_kereses_oldal:hover{
	 background-color: #f3f3f3;
}
.oldal_kereses_fejlec{
	padding: 5px 20px;
	font-size: 12px;
	font-family: fontom;
	color: #be3f3f;
	font-weight: normal;
}
.oldal_kereses_leiras{
    padding: 5px 10px;
    margin: 5px;
    font-family: fontom;
    font-size: 12px;
    /* border-top: 1px solid rgba(229, 28, 32, 0.07); */
}
.oldal_kereses_kep{
	    background-size: 100%;
    height: 150px;
    margin: 5px;
    background-position: center;
}
.oldal_kereses_adatok{
	    margin: 0px 25px;
}
.oldal_kereses_adatok_datum{
	    font-family: fontom;
    font-size: 10px;
    color: gray;
}
.oldal_kereses_adatok_tagek{
	display: inline-block;
    margin-left: 10px;
}
.oldal_kereses_adatok_tag{
	    font-family: fontom;
    font-size: 11px;
    color: gray;
	margin-right: 5px;
}
.oldal_kereses_adatok_tag:hover{
	    color: #d01c1c;
}
.oldal_kereses_adatok_tag:hover::before{
	    color: #d01c1c;
}
.oldal_kereses_adatok_datum:hover{
	 color: #d01c1c;
}
.oldal_kereses_adatok_datum:hover::before{
	    color: #d01c1c;
}
.oldal_kereses_adatok_tag:before{
	    content: "\f02b";
    font-family: FontAwesome;
    color: rgba(128, 128, 128, 0.49);
    margin-right: 2px;
}
.naptar_icon:before{
	margin-right:5px;
	display:inline-block;
	content: "\f133";
	font-family:FontAwesome;
	font-size: 12px;
}
.cl_mt_5px{
	margin-top:5px;
}
.termek_opcio_select{
	max-width: 90%;
	vertical-align:  middle;
	height: 40px;
	border: 0px;
	width: calc(100% - 55px);
	background: white;
	margin: 0px 5px 0px 5px;
	font-family: fontom;
	font-size: 12px;
	padding: 0px 0px;
	background-color: #f5f6f7;
	font-weight: bold;
}
.termek_opcio{
	    display: inline-block;
	    width: calc(100% - 30px);
	    margin: 5px 5px 0px 5px;
	    background: white;
	    padding: 5px 10px 5px 10px;
	    background-color: #f5f6f7;
	    text-align:  center;
}
.termek_opcio_nev{
	    padding: 5px 0px;
	    font-family: fontom;
	    color: #be3f3f;
	    font-size: 13px;
	    margin-left: -5px;
	    display: block;
	    margin-right: 5px;
	    line-height: 40px;
	    font-weight: bold;
	    text-align: left;
}
@media screen and (max-width:1000px) {
	.termek_opcio{
	 
}
}
.oldal_menu_kategoria_kep{
	width:30px;
}
.termek_adatlap_tovabbi_kepek_container{
	opacity:0;
	background-color:white !important;
	padding:0px 30px;
}
.termek_adatlap_tovabbi_kepek_container .slick-next:before{
	    /* content: "\f061" !important; */
	    /* font-family: FontAwesome !important; */
	    /* background-color: rgba(235, 235, 235, 0.61)!important; */
	    /* color: black !important; */
	    /* font-size: 17px !important; */
	    /* padding: 0px; */
	    /* margin-left: -5px; */
}
.termek_adatlap_tovabbi_kepek_container .slick-prev:before{
	    /* content: "\f060" !important; */
	    /* font-family: FontAwesome !important; */
	    /* background-color: rgba(235, 235, 235, 0.61)!important; */
	    /* color: black !important; */
	    /* font-size: 17px !important; */
	    /* padding: 5px; */
}
.slick-next:before{
  
content: "\f105" !important;
  
font-family: FontAwesome !important;
  
 background-color: rgba(235, 235, 235, 0.61)!important;
   color: black !important;
  
font-size: 20px !important;
  
transition:all 0.2s ease;
  
width:  45px;
  
height: 45px;
  
display:  inline-block;
  
line-height:  45px !important;
}
.slick-next:hover::before{background-color: rgba(0, 0, 0, 0.84)!important;color: rgb(255, 255, 255) !important;}

.slick-prev:before {
  
font-family: fontawesome !important;
  
 background-color: rgba(235, 235, 235, 0.61)!important;
   color: black !important;
  
font-size: 20px !important;
  
content: "\f104" !important;
  
width: 45px;
  
height: 45px;
  
display:  inline-block;
  
vertical-align:  middle;
  
line-height: 45px !important;
  
transition:  all 0.125s ease;
}
.slick-prev:hover::before{
	    background-color: rgba(0, 0, 0, 0.84)!important;
	    color: rgb(255, 255, 255) !important;
}
.termek_tovabbi_kep_div{   
    display: inline-block;
    padding: 5px;

    margin: 2.5px 5px 2.5px 5px;
	transition:all 0.125s ease;
}
.termek_tovabbi_kep_div:hover{
	    box-shadow: 0px 0px 0px 2px #be3f3f;
}
.termek_tovabbi_kep{
    width: 100%;
    height: 125px;
    display: inline-block;
    float: left;
    object-fit: contain;
}
.slick-slider{
    /* background-color: white; */
}
.slick-slide{
   margin:10px;
}
.oldal_dialog{
	cursor:pointer;
}
.aktiv_a{
	box-shadow:inset 0px -2px 0px #d84037;
}
.elfelejtett_jelszo_gomb{
	line-height: 23px;
    float: right;
}
.termek_elerhetoseg_raktar_nev{
	display:none;
}
.oldal_cikk_nezet_wrapper{
    position: relative;
    /* float: left; */
    /* width: calc(100% + 10px); */
    margin-left: -5px;
    margin-bottom: -5px;
    padding-top: 5px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.cikk_blokk{
	transition:box-shadow 0.125s ease;
	background-color: white !important;
	width: calc(100% - 10px);
	height: 290px;
	overflow: hidden;
	position: relative;
	margin: 5px;
	float: left;
	box-shadow: 1px 1px 1px #dfdfdf;
	z-index:0;
}
.cikk_blokk2{
	transition:box-shadow 0.125s ease;
	background-color: white !important;
	width: calc(100% - 10px);
	height: 140px;
	max-height: 140px;
	overflow: hidden;
	position: relative;
	margin: 5px !important;
	float: left;
	box-shadow: 0px 1px 0px #dfdfdf;
	z-index:0;
}
.cikk_blokk3{
	 width: calc(100% - 10px);
}
.cikk_blokk3 .cikk_blokk_kep {
    height: 100%;
}
@media screen and (max-width:1000px) {
	.cikk_blokk{
		 width: calc(100% - 10px);
		
	}
	.cikk_blokk2{
		 width: calc(100% - 10px);
		 height:auto;
	}
	.cikk_blokk3{
		 width: calc(100% - 5px);
	}
	.oldal_cikk_nezet_wrapper{
		    /* width: calc(100% + 10px); */
		    /* margin-left: -10px; */
	}
}
.cikk_blokk:hover , .cikk_blokk2:hover{
	       box-shadow: 0px 0px 0px 2PX #be3f3f;
}
.cikk_blokk_adatok{
    background-color: white !important;
    float: left;
    position: relative;
    width: calc(50% - 0px);
    z-index: 2;
    height: 100%;
    min-height: 145px;
}
.cikk_blokk_adatok2{
background-color:white !important;
    float: left;
	position:relative;
    width: 100%;
    z-index: 2;
	height:100%;
}
.cikk_blokk_icons{
	display: inline-block;
	padding: 0px 5px;
	font-size: 10px;
	color: #a5a5a5;
	margin-left: 5px;
}
.cikk_blokk_adatok:after{

background: linear-gradient(to bottom, #ffffff00 75%, white 100%);

content: '';

width: 100%;

height: 100%;

position: absolute;

bottom: 0px;

left: 0px;
}
.cikk_blokk:hover .cikk_blokk_kep{
	transform:scale(1.1);
}
.cikk_blokk_nev{
	font-size: 16px;
	color: rgba(43, 42, 40, 1);
	text-transform: uppercase;
	position: relative;
	display: block;
	margin: 0px;
	padding: 5px 10px;
	font-family: fontom;
	background-color: #ffffffd9;
}
.cikk_blokk_datum{
	display: inline-block;
	padding: 0px 5px;
	font-size: 11px;
	color: #a5a5a5;
	margin-left:10px;
}
.cikk_blokk_tag{
	display: inline-block;
	padding: 0px 5px;
	font-size: 11px;
	color: #a5a5a5;
	margin-left:10px;
}

.cikk_blokk_user{
	display: inline-block;
	padding: 0px 5px;
	color: #a5a5a5;
	font-size: 15px;
	display: none;
}
.cikk_blokk_leiras{padding: 10px;font-size: 13px;color: #6d6d6d;position: relative;height:  100%;}

.cikk_blokk_kep{
    transition: all 0.125s ease;
    max-width: 50%;
    overflow: hidden;
    z-index: 1;
    float: left;
    width: 50%;
    background-size: cover;
    background-position: center;
    height: 50%;
    background-repeat:  no-repeat;
}
@media screen and (max-width:1000px) {
	.cikk_blokk_nev{
		font-size: 20px;
	}
	.cikk_blokk_leiras{
		font-size: 12px;
		max-height: 150px;
	}
}
.oldal_kep{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.oldal_kep_c{
	    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.dokumentum_icon2:before{
    content: "\f0f6";
	margin-right:5px;
	display:inline-block;
	font-family:FontAwesome,fontom;
}
.cikk_icon:before{
	content: "\f1c5";
	display:inline-block;
	font-family:FontAwesome,fontom;
}
.dokumentum_icon3{
	font-family:fontom,FontAwesome;
	font-size: 20px;
	margin: 0px 5px;
	/* color: #8c3631; */
	transition:all 0.125s ease;
}
.dokumentum_icon3:before{
	content: "\f0f6";
}


.dokumentum_div{
	 float: left;
	 padding: 5px;
	 overflow:hidden;
}
.dokumentum_nev{
	    position:relative;
	    padding: 5px 0px;
}
.dokumentum_div:hover .dokumentum_torles{
	opacity:1;
	visibility:visible;
	right:0px;
}
.dokumentum_div:hover .dokumentum_letoltes{
	opacity:1;
	visibility:visible;
	right:0px;
}
.dokumentum_div:HOVER{background-color: lightgray;}
.dokumentum_icon_kep:before{
	content: "\f1c5";
}
.dokumentum_icon_pdf:before{
content: "\f1c1";
    font-family: FontAwesome;
}
.dokumentum_icon_xls:before{
content: "\f1c3";
    font-family: FontAwesome;
}
.dokumentum_icon_doc:before{
content: "\f1c2";
    font-family: FontAwesome;
}
.oldal_dokumentum{
	    overflow: auto;
    background: white;
}
.oldal_mappak{
	    overflow: auto;
	    width: calc(100% + 0px);
	    /* margin-left: -5px; */
}
.oldal_mappak_wrapper{
	    transition: all 0.25s ease;
	    margin-top: 5px;
}
.oldal_kepek{
	    overflow: auto;
	    /* background: white; */
}
.oldal_dokumentum_fejlec{
     background: rgb(245, 245, 245);
     display:  none;
}
.oldal_dokumentum_fejlec2{
	    background-color: rgb(255, 255, 255);
	    padding: 5px 15px;
	    font-size: 20px;
	    display: inline-block;
}
.oldal_kepek_kep{
	    float: left;
	    height: 150px;
	    width: calc(20% - 10px);
	    object-fit: cover;
	    margin: 5px;
	    box-shadow: 0px 0px 1px 1px #c4c4c4;
	    padding: 5px;
}
@media screen and (max-width:1000px) {
	
	.oldal_kepek_kep{
		width: calc(50% - 10px);
	}
	.oldal_mappak {
   
    width: calc(100% + 10px);
    margin-left: -10px;
}
	
}
.oldal_kep{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.oldal_kep_c{
	    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.oldal_fejlec{
	position: relative;
}
.oldal_fejlec2{
	position: relative;
}
.lightbox_folink{
	    padding: 10px;
	    color: #9f9f9f00;
	    position: absolute;
	    right: 0px;
	    bottom: 0px;
	    background-color: rgba(235, 235, 235, 0);
	    display:  none;
}
.oldal_fejlec_cim{
	    max-width: calc(100% - 68px);
	    position: absolute;
	    bottom: 0px;
	    margin-top: -50px;
	    left: 0px;
	    background-color: rgb(255, 255, 255);
	    padding: 5px 15px;
	    font-size: 30px;
	    color: #be3f3f;
	    font-weight: normal;
	    text-transform: uppercase;
	    padding: 5px 10px;
}

.oldal_fejlec_icons{
	    display: inline-block;
    padding: 6px;
    font-size: 10px;
    color: #6d6d6d;
}


.oldal_fejlec_cim2{font-size: 2rem;margin-bottom: 15px;font-family: fontom;padding: 10px 0px 0px 10px;color: #be3f3f;font-weight: bold;}
.oldal_kep_wrapper{
    height: 50vh;
    position: relative;
    overflow: hidden;
}
.oldal_torzs{
	overflow:auto;
	padding: 15px;
	/* background-color: white; */
	/* border-top: 1px dashed #b5b5b5; */
	font-family: font;
	font-size: 15px;
}
.oldal_torzs:empty{
	display:none;
}
.oldal_torzs h1{
	font-size: 16px;
    margin: 10px 0px;
    font-weight: bold;
    line-height: 150%;
    color: #be3f3f;
}
.oldal_torzs h2{
	/* font-size: 14px; */
	/* margin: 10px 0px; */
	/* font-weight: bold; */
	/* line-height: 150%; */
	/* color: #be3f3f; */
	font-family: fontom;
	font-size: 20px;
}
.oldal_torzs h3{
	font-family: fontom;
}
.oldal_wrapper{

}
.oldal_adatok{
	    /* background-color: white; */
	    padding: 0px 10px;
	    display: none;
}
.oldal_fejlec_datum{
	font-weight:normal !important;
	display: inline-block;
	padding: 6px;
	font-size: 10px;
	margin: 5px;
	color: #6d6d6d;
}
.oldal_fejlec_user{
	display: inline-block;
	padding: 6px;
	font-size: 10px;
	margin: 5px;
	color: #6d6d6d;
}
.oldal_fejlec_tag{
	display: inline-block;
	padding: 6px;
	font-size: 10px;
	margin: 5px;
	color: #6d6d6d;
}
.oldal_fejlec_dokumentum{
display: inline-block;
    padding: 6px;
    font-size: 12px;
    background-color: rgb(231, 124, 70);
    margin: 5px;
    color: white;
}
.kereses_icon:before{
	    content: "\f002";
		display:inline-block;
		font-family:FontAwesome;
}
.dokumentum_tipus:before{
	content: "\f0f6";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 0%;
    top: 4%;
    z-index: 3;
    color: black;
    transform: rotate(45deg);
    opacity: 0.052;
    font-size: 150px;
	transition:all 0.125s ease;
}
.dokumentum_tipus:hover::before{
	transform:scale(1.1) rotate(45deg);
}
.esemeny_tipus:before{
	content: "\f073";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 0%;
    top: 4%;
    z-index: 3;
    color: black;
    transform: rotate(45deg);
    opacity: 0.052;
    font-size: 150px;
	transition:all 0.125s ease;
}
.esemeny_tipus:hover::before{
	transform:scale(1.1) rotate(45deg);
}
.hir_tipus:before{
	    content: "\f1ea";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 0%;
    top: 4%;
    z-index: 3;
    color: black;
    transform: rotate(45deg);
    opacity: 0.052;
    font-size: 150px;
	transition:all 0.125s ease;
}
.hir_tipus:hover::before{
	transform:scale(1.1) rotate(45deg);
}
.cikk_tipus:before{
	content: "\f1c5";
	display: inline-block;
	font-family: FontAwesome;
	position: absolute;
	right: 0%;
	top: 4%;
	z-index: 3;
	color: black;
	transform: rotate(45deg);
	opacity: 0.052;
	font-size: 150px;
	transition:all 0.125s ease;
	opacity: 0;
}
.cikk_tipus:hover::before{
	transform:scale(1.1) rotate(45deg);
}

.cikk_tipus2{transition: all 2s ease;width: calc(100%);border-right: none;height: auto;position: absolute;bottom: 0px;background-color: rgb(255, 255, 255) !important;}
@keyframes cikk_fadeup {
    from { opacity:0;display:none;	}
    to   { display:block; opacity:1;}
}
.cikk_nezet2 .cikk_blokk_kep{
	    width: 100% !important;
    max-width: 100% !important;
}
.cikk_nezet2 .cikk_blokk_nev:after{

/* content: ''; */

position: absolute;

left: 0%;

background: #29da5f;

display: inline-block;

width: 50%;

height: 2px;

bottom: 0px;

transition: all 0.25s ease;
}



.cikk_blokk_adatok:before{
	display:none !important;
}
.oldal_kozossegi_blokk{
	overflow:auto;
    background-color: white;
    padding: 5px;
    border-top: 1px solid #fdbe8a;
}
.szem_icon:before{
	display:inline-block;
	content: "\f06e";
	font-family:FontAwesome;
	margin-right: 5px;
	font-size: 12px;
}
.comment_icon:before{
	    content: "\f0e6";
		display:inline-block;	
	font-family:FontAwesome;
	margin-right: 5px;
}
.uj_icon:before{
	content: "\f06d";
	display:inline-block;
	font-family:FontAwesome;
	margin-right: 5px;
}
.tag_icon{

}
.tag_icon:before{
    content: "\f02b";
	display:inline-block;
	font-family:FontAwesome;
	margin-right: 5px;
}	
.mappa_icon{

}
.mappa_icon:before{
	content: "\f114";
	display:inline-block;
	font-family:FontAwesome;
	margin-right: 5px;
	font-size: 12px;
}
.link{
	cursor:pointer;
}

.fiok_termekek_toggle:before{
	    color: #be3f3f;
	    font-family:FontAwesome;
	    display:inline-block;
	    content: "\f063";
	    padding: 2.5px 5px;
	    border-radius: 50px;
	    transition: all 0.125s ease;
}
.fiok_termekek_toggle:hover::before{
	    background-color: #404040;
	    color: white;
	    padding: 2.5px 5px;
	    border-radius: 50px;
}
.fiok_tavnyomtatas:before{
    color: rgb(255, 255, 255);
    font-family: FontAwesome;
    display: inline-block;
    content: "\f02f";
    padding: 5px 10px;
    border-radius: 50px;
    transition: all 0.125s ease;
    background-color: #be3f3f;
}
.fiok_tavnyomtatas:hover::before{
	    background-color: #404040;
	    color: white;
	    padding: 5px 10px;
	    border-radius: 50px;
}
.fiok_blokk_remember_div{
    display: inline-block;
    padding: 10px 0px 5px 0px;
}
.fiok_blokk_remember_div .remember_checkbox{
    visibility: visible;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.fiok_blokk_remember_div .remember_label{
    visibility: visible;
    display: inline-block;
    margin-bottom:initial;
    margin-left: 5px;
}
/* blokkok */


.szeles_oldal{
	width:100%;
	margin-left:0px;
}
.oldal.oldal_harmad{
	width:calc(100% - 420px);
}
.oldal.oldal_fel{
	width: calc(70% - 210px);
}

.termek_adatlap.termek_adatlap_harmad{
	width:calc(100% - 420px);
}
.termek_adatlap.termek_adatlap_fel{
	width:calc(100% - 210px);
}
.loader_div{animation:oldalanim 0.5s ease;width: calc(100% - 0px);position:  relative;margin: auto;}
.loader_div.loader_div_harmad{
	width:calc(100% - 420px);
}
.loader_div.loader_div_fel{
	width:calc(100% - 210px);
}


.bal_blokk{
    width: 210px;
    float: left;
}
.jobb_blokk{
    width: 210px;
    float: left;
}
.felso_blokk{
}
.also_blokk{
    width: 100%;
    float: left;
}
@media screen and (max-width:1000px) {
	.oldal{
		width: calc(100% - 0px);
		margin-left: 0px;
		margin-right: 0px;
	}
	.termek_adatlap{
		width: 100%;
	}
	.oldal.oldal_harmad{
		width:100%;
	}
	.oldal.oldal_fel{
		width:100%;
	}
	.bal_blokk{
		width:100%
	}
	.jobb_blokk{
		width:100%
	}
	.termek_adatlap.termek_adatlap_harmad{
		width:100%;
	}
	.termek_adatlap.termek_adatlap_fel{
		width:100%;
	}
	.loader_div{
		    width: calc(100% - 10px);
    float: left;
    margin-left: 5px;
	}
	.loader_div.loader_div_harmad{
		width:100%;
	}
	.loader_div.loader_div_fel{
		width:100%;
	}
}
.termek_alapadatok_blokk .termek_adatok_nev{
	    font-size: 30px !important;
	    color: #be3f3f;
}
.tabs > ul{
	display:none;
}


.tabs > ul{
	    background-color: white.tabs ul li.ui-tabs-active.ui-state-active;
	    display:block;
	    background: #ffffff;
}

.tabs > ul > li{	

}
.tabs > ul > li:first-child{	
    display: inline-block;
}
.otabs ul li{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-family: fontom;
    color: #2f2f2f;
    text-align: right;
}
.otabs ul li:hover{
	    background-color: #e0e0e0;
}
.otabs ul li.ui-tabs-active.ui-state-active{
	background-color:white;
}
.otabs ul{
    float: left;
    width: 300px;
    background-color: #efefef;
}
.otabs div{
    background-color: white;
    float: left;
    width: calc(100% - 350px);
    padding: 10px 25px;
    height: 100%;
    position: relative;
}
.otabs{
    margin: 15px 15px 15px 15px;
    position: relative;
    float: left;
    background-color: white;
    width: calc(100% - 30px);
}
.tabs > ul > li > a {
      padding: 15px 10px;
      font-weight:  bold;
}

@media screen and (max-width:1000px) {
	
	   .otabs ul{
		 width: 50%;
    text-align: left;  
	   } 
	   .otabs div{
		   width: calc(50% - 50px);
	   }
	   .otabs ul li{
		   text-align:left;
	   }
	
}
.otabs ul li a:before{
	content: "\f013";
    margin-right: 10px;
    font-size: 17px;
    color: #be3f3f;
	opacity:0;
	    transition: transform 0.5s, opacity 0.1s, margin-right 0.25s ease;
	font-family:fontAwesome;
	transform: rotate(0deg);
    display: inline-block;
}
.ui-tabs-active a:before{
	opacity: 1 !important;
	 margin-right: 5px !important;
	 transform: rotate(45deg) !important;
}
#uzenet{
	    z-index: 1007 !important;
    position: absolute;
}
@media screen and (min-width:1000px) {
	#cssmenu > ul > li > ul > li{
		float:left;
		color: black;
		font-weight: bold;
		position: relative;
		display: inline-block;
		width: 100%;
	}
	#cssmenu > ul li li li{
	width: 100%;
	}
	#cssmenu > ul{
		position:inherit
	}
	#cssmenu > ul > li > ul.otermekek.hovered{
		position: absolute;	
	}
	#cssmenu > ul > li > ul.otermekek.hovered > li > ul{
		position: inherit;
		opacity: 1;
		visibility: visible;
	}
	#cssmenu > ul > li > ul.otermekek.hovered li{
	border-bottom:none;
		width:25%;
	}
	#cssmenu > ul > li > ul.otermekek.hovered li ul{
	box-shadow:none;
border-top: 1px solid #9c00001a;
margin: 0px 10px;	
	}
	#cssmenu > ul > li > ul.otermekek.hovered li a{
	text-align: left;
	}
	#cssmenu > ul > li > ul.otermekek.hovered li ul li{
  	padding-left:25px;
		background-color: transparent;
	}
	#cssmenu > ul > li > ul.otermekek.hovered li ul li{
  	width:100%		
	}
	#cssmenu > ul > li > ul.otermekek.hovered li ul li a{
  	font-size: 12px;
  	color:#be3f3f;
  	position: relative;
 }
	#cssmenu > ul > li > ul.otermekek li ul li a::before{
		display: inline-block;
		content: '\f013';
		font-family: fontAwesome;
		position: absolute;
		color: #be3f3f;
		font-size:15px;		
		left:-10px;
		top:-1px;
		opacity:0;
		transition:all 0.125s ease;
	}
	#cssmenu > ul > li > ul.otermekek li ul li a:hover::before{
		opacity:1;
		left:-5px;
	}
	#cssmenu > ul{
		
	}
	ul.otermekek li ul{
		position: inherit !important;
	}
}

@media screen and (max-width:1000px) {
	#cssmenu > ul li{
		position:relative;
		padding-right: 0px;
		width: 100%;
	}
}
.fejlec_span1{
	    display: inline-block;
	    padding: 10px 10px;
	    font-size: 11px;
	    color: #ffffff;
}
.fejlec_telefon:before{
	content: "\f095";
	font-family: fontAwesome;
	vertical-align: middle;
	font-size: 20px;
	margin-left: 5px;
}
.fejlec_irjon:before{
	content: "\f2b7";
	font-family: fontAwesome;
	/* vertical-align: middle; */
	font-size: 15px;
	margin-left: 5px;
	
}

.fejlec_nyitvatartas:before{content: "\f017";font-family: fontAwesome;vertical-align: middle;font-size: 20px;margin-left: 5px;}
.fejlec_facebook{
    /* float: right; */
    padding: 9px 0px;
}
.fejlec_facebook:before{
    content: "\f230";
    font-family: fontAwesome;
    vertical-align: middle;
    font-size: 20px;
    margin-left: 5px;
}

.gomb3{
	cursor:pointer;
	position:relative;
}
.gomb3:after{
    content: '';
    position: absolute;
    left: 0%;
    background: #be3f3f;
    display: inline-block;
    width: 100%;
    height: 0%;
    bottom: 0px;
    z-index: -1;
    transition:all 0.25s ease;
}
.gomb3:hover::after{
	height: 100%;
}
.gomb3:hover{
	z-index:2;
}
@keyframes gomb3anim{
	from{		
		width:0%;
	}
	to{		
		widht:50%
	}
	
}
.fejlec_2{
	    float: left;
	    width:100%;
	    background-color: rgb(255, 255, 255);
	    display: table;
	    padding: 0px 10%;
		transition:all 0.25s ease;
		    position: relative;
}
.kereses_gomb{display: inline-block;position: relative;vertical-align: middle;text-align: center;transition: all 0.125s ease;cursor: pointer;padding: 0px 10px;}
.kereses_gomb:before {
}
.kereses_gomb:hover{
}
.kereses_doboz{
	position: absolute;
	top: calc(100% + 5px);
	right: 0%;
	opacity:0;
	width: calc(600% - 0px);
	z-index: 1;
	transition:all 0.25s ease;
	/* transform: rotatey(-90deg); */
	/* transform-origin: 100% 100%; */
	opacity: 0;
	transform: scale(0.9);
	visibility: hidden;
	box-shadow: 0px 0px 50px 0px #00000040;
}

.kereses_gomb.aktiv:before {
    content: "\e646";
}
.kereses_doboz.aktiv{
    right: 0%;
    opacity:1;
    z-index: 999;
    -moz-transform: perspective(1000) rotateY(0deg);
    -moz-transform-origin: 0% 0%;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

@keyframe kereses_doboz_anim{
	from{
		 top: calc(0% + 10px);
		 opacity:0;
	}
	to{
		 top: calc(100% + 10px);
		 opacity:1;
		 z-index:1;
	}
}
.termek_blokk_valtozat {
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 3px;
}
.termek_blokk_valtozat_opcio.tipus1 select
{
	display: inline-block;
	border: 0px;
	width: calc(100% - 10px);
	background: white;
	margin: 5px 5px 0px 5px;
	font-family: fontom;
	font-size: 12px;
	padding: 6px;
}

.fejlec_span1 > span > span{
	display:block;
	padding:0px 10px
}
.fejlec_span1 > span{
	display:inline-block;
	vertical-align:middle;
}
.fejlec_span1 > i{
	font-style: normal;
	color: #c4c4c4;
}
.fejlec_span1 > span > span:nth-child(1){
	text-transform:uppercase;
	font-size: 13px;
}
.fejlec_span1 > span > span:nth-child(2){
	color:gray;
	/* text-transform:uppercase; */
	font-size: 13px;
}
.fejlec_1 > div:nth-child(1)
{
}
.fejlec_1 > div:nth-child(2)
{
}
.fejlec_span2{
	    float: right;
}
.kosar_gomb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    transition: all 0.125s ease;
    cursor: pointer;
    color: black;
    padding: 0px 10px;
}
.kosar_gomb:before{
	content: "\e60d";
	font-family: themify;
	padding: 0px 10px;
	display: inline-block;
}

.fejlec_elozmenyek_gomb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    float: left;
    color: white;
    padding: 8px 10px;
    display: table-cell;
}

.fejlec_osszehasonlitas_gomb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    float: left;
    color: white;
    padding: 8px 10px;
    display: table-cell;
}

.kereses_gomb {}
.kereses_gomb:before {
	content: "\e610";
	font-family: themify;
	padding: 0px 10px;
	display: inline-block;
}
.user_gomb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    /* line-height: 60px; */
    transition:all 0.125s ease;
    cursor:pointer;
    color: black;
    text-transform: uppercase;
    padding: 0px 10px;
}
.user_gomb:hover{
	    color: #be3f3f;
	    text-shadow: 0px 0px 1px #be3f3f;
	    transform: scale(1.1);
}
.user_gomb:before{
	    content: "\e602";
	    font-family:themify;
	    padding: 0px 10px;
	    font-size: 15px;
	    /* vertical-align: middle; */
}

.kereses_gomb:hover, .kosar_gomb:hover{

color: #be3f3f;

text-shadow: 0px 0px 1px #be3f3f;

/* background: #d6d6d6; */

transform: scale(1.1);
}
#cssmenu > ul > li > a:hover {
    z-index: 2;
    /* font-weight: bold; */
    color: #be3f3f;
    text-shadow: 0px 0px 1px #be3f3f;
}
.topnav > li:before {
}
.topnav > li:last-child:before {
    display: inline-block;
    height: 100%;
    /* content: ''; */
    position: absolute;
    top: 30%;
    right: 0px;
    color: #3c3c3c36;
    transition: all 0.2s ease;
}
@media screen and (max-width: 1000px)
{
	.kereses_gomb:before {
	width: 100%;
	}
	.kereses_doboz{
	width: calc(200% - 10px);
	right: 5px !important;
	}

	.fejlec_elozmenyek_gomb:before {
   		 content: "\e66e";
	}
	.fejlec_elozmenyek_gomb{
		
line-height: 50px;
		
min-width: 30px;
		
width: calc(12.5% - 0px);
	}
	.fejlec_osszehasonlitas_gomb {
		
line-height: 50px;
		
min-width: 30px;
		
width: calc(12.5% - 0px);
	}
	.fejlec_osszehasonlitas_gomb:before {
    content: "\e6d6";    
	}
	.user_gomb:before{
		content: "\e602";
	}
	.kosar_gomb:before{
		/* padding: 0px 20px; */
		width: 100%;
	}
	.termek_ar_div{
		text-align:center;
	}
	.fejlec_2{
		perspective:initial;
		width:  100%;
		padding: 0px;
		margin: 0px;
	}
}
.kosar_termek_cikkszam{
	    font-weight: normal;
    font-size: 14px;
}
.arfigyelo_tabla *{
	font-weight:normal !important;
	    vertical-align: middle;
}

#belepes_form{
	    /* padding: 5px 0px; */
	    /* background-color: #3c3c3c; */
	    display: block;
	    /* width: calc(100% - 0px); */
}
.logo_wrapper{
	vertical-align: middle;
	display: table-cell;
	width: 15%;
}
.kereses_input_wrapper{
	vertical-align: middle;
	display: table-cell;
	width: 25%;
	position:  relative;
}
.kosarba_rakom{
    /* background-color: #be3f3f; */
    /* color: black; */
    /* border: 1px solid #be3f3f; */
    /* outline:none; */
    /* vertical-align:  middle; */
}
.fo_banner2 .slick-arrow, .fo_banner .slick-arrow{
	top: calc(100% - 22.5px) !important;
}
@media screen and (max-width: 1000px){
	.logo_wrapper{
		width:50%;
	}
}


.termek_blokk_valtozat {padding: 0px 10px 10px 10px;overflow: auto;margin: 10px 0px 0px 0px;}
.termek_blokk_valtozat_nev{
	color: #be3f3f;
	font-size: 13px;
	font-weight: normal;
	margin-top: 3px;
	font-family: fontom;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	padding: 5px 5px;
	position: relative;
}
.termek_blokk_valtozat_opcio{
	cursor:pointer;
	margin: 5px;
	display: inline-block;
}
.termek_blokk_valtozat_opcio .checkbox_szoveg{
	cursor: pointer;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #656565;
}
.termek_blokk_valtozat_opciok {
    padding: 0px 5px;
}
.kosar_termek_cikkszam{
color: gray;
font-weight: normal;
font-size: 11px;
padding-left: 5px;
}
.termek_blokk_valtozat_opcio.tipus3{
	float: left;
	margin: 5px;
	position: relative;
	text-align: center;
}
.termek_blokk_valtozat_opcio.tipus3 .termek_blokk_valtozat_opcio_doboz_kep
{
	display: inline-block;
	width: 20px;
	height: 20px;
	transition:all 0.125s ease;
}
.termek_blokk_valtozat_opcio.tipus3 .termek_blokk_valtozat_opcio_doboz_szoveg
{
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #656565;
display: none;	
}
.termek_blokk_valtozat_opcio_doboz_kep:hover, .termek_blokk_valtozat_opcio_doboz.aktiv .termek_blokk_valtozat_opcio_doboz_kep {
    box-shadow: 0px 0px 0px 3px #4c4c4c;
}
.termek_valtozatok{
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 5px;
}
.termek_valtozat_opcio.tipus3{
	    margin: 5px;
	    position: relative;
	    text-align: center;
	    display: inline-block;
}
.termek_valtozat_opcio_doboz_kep{
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    /* border-radius: 100%; */
	    transition: all 0.125s ease;
}
.termek_valtozat_opcio_doboz_szoveg{
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #656565;
	display: none;
}
label.checkbox_label {
	    cursor: pointer;
    display: inline-block;
    width: 12px;
    position: relative;
    height: 12px;
	transition:all 0.250s ease;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	vertical-align:middle;
}

.checkbox_szoveg {
}
.checkbox_szoveg_aktiv{
	color: #ffe4b3;
}
label.checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
transition:all 0.250s ease;
	background: transparent;
	top: 0px;
    left: 2px;
	 border: 3px solid rgb(209, 86, 55);
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkbox_input:hover .checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	 transition:0.125s ease;
	 left: 5px;
}
.termek_blokk_valtozat_opcio:hover .checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	 transition:0.125s ease;
	 left: 5px;
}
.termek_blokk_valtozat_opcio:hover .checkbox_szoveg{
	color: #ffe4b3;
	 transition:0.250s ease;
	
}
.checkbox_input:hover .checkbox_szoveg{
	color: #be3f3f;
	transition:0.250s ease;
}
.checkbox_input input[type=checkbox],
.termek_blokk_valtozat_opcio input[type=checkbox]{
		visibility: hidden;
    position: absolute !important;
}
.checkbox_input input[type=checkbox]:checked + label:after,
.termek_blokk_valtozat_opcio input[type=checkbox]:checked + label:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.checkbox_input input[type=radio]:checked + label:after,
.termek_blokk_valtozat_opcio input[type=radio]:checked + label:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.szurke{
	background-color:gray;
}
.piros{
	background-color:rgb(214, 28, 28);
}
.kek{
	    background: #306da9;
}
.fekete{
	    background: black;
}
.white{
	   background: wite;
}
.zold{
	   background: green;
}
.barna{
	    background: #a5712a;
}
.alerts{
    position: fixed;
    right: 0px;
    top: 10%;
    width: 100%;
    text-align: center;
    z-index: 999;
    max-height: 0;
}
.alert{
	position: relative;
    padding: initial;
    margin-bottom: initial;
    border: initial;
    border-radius: initial;
}
.alert_box {
        z-index: 999;
        position: relative;
        background: rgba(40, 43, 47, 0.9);
        overflow: auto;
        display: inline-block;
        min-width: 20%;
        margin: auto;
        transition:all 0.125s ease;
        animation:fadedown 0.5s ease;
}
.alert .dialog_blokk_c{
    color: white;
    padding: 0px;
    vertical-align: middle;
    display:  inline-block;
}
.alert .dialog_blokk_c:before{
    content: "\e64c";
    font-family: themify;
    font-size: 20px;
    vertical-align: middle;
}
.alert.succes .dialog_blokk_c:before{
    content: "\e64c";
	color:limegreen;
}
.alert.alerting .dialog_blokk_c:before{
    content: "\e6c5"; 
	color:yellow;
}
.alert.error .dialog_blokk_c:before{
    content: "\e620";
	color:#be3f3f;
}
.dialog_blokk_c{
	padding:5px;
	/* float:left; */
}
.alert_box div:first-child{
	width: 20%;
	text-align: center;
}
.alert_box div{
	color: white;
	padding: 20px 15px 20px 0px;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	width: 80%;
}
.allapot_span{
    background-color: rgba(0, 0, 0, 0.2);
    padding: 2.5px 5px;
    margin: 2.5px 2.5px 0px 0px;
    color: white !important;
    text-shadow: 1px 1px 0px black;
    border-radius: 2px;
    white-space: nowrap;
    display: block !important;
    text-align: center;
    vertical-align: middle;
}
.felkialto_icon{
	
display: inline-block;
	
vertical-align: initial;
	
color: red;
	
text-shadow: none;
}
.felkialto_icon:before {
    margin-right: 5px;
    /* font-weight: bold; */
    cursor: pointer;
    content: "\e6c5";
    font-family: themify;
    vertical-align: middle;
}
.pipa_icon:before{
	content:"\e64c";
	font-family: themify;
	margin-right:5px;
}
.bc_orange{
	background-color:orange;
}
.bc_red{
	background-color:#bb4a4a;
}
.bc_green{
	background-color:#1f8d4b;
}
.bc_blue{
	background-color:#00adff;
}
.bc_purple{
	background-color:purple;
}
.bc_black{
	background-color:black;
}
.c_white{
	color:white;
}
.bc_gray{
	background-color:rgba(0, 0, 0, 0.2)
}

.tablesorter-pager .prev{
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	display: inline-block;
}
.tablesorter-pager .prev:before{
	transition:all 0.125s ease;
    font-family: FontAwesome;
    content: "\f060";
    background-color: #bb4a4a;
    padding: 5px 10px;
    color: white;
    border-radius: 2px;
	cursor:pointer;
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tablesorter-pager .prev:hover::before{
	color: #bb4a4a;
    background-color: white;
    
}
.tablesorter-pager .next{
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	display: inline-block;
}
.tablesorter-pager .next:before{
	transition:all 0.125s ease;
    font-family: FontAwesome;
	content: "\f061";
    background-color: #bb4a4a;
    padding: 5px 10px;
    color: white;
    border-radius: 2px;
	cursor:pointer;
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	
}
.tablesorter-pager .next:hover::before{
	color: #bb4a4a;
    background-color: white;
    
}
.tablesorter-pager .first{
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	display: inline-block;
}
.tablesorter-pager .first:before{
	outline: none;
	transition:all 0.125s ease;
    font-family: FontAwesome;
	content: "\f048";
    background-color: #bb4a4a;
    padding: 5px;
    color: white;
    border-radius: 2px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tablesorter-pager .first:hover::before{
	color: #bb4a4a;
    background-color: white;
    
}
.tablesorter-pager .last{
	outline: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	display: inline-block;
}
.tablesorter-pager .last:before{
	outline: none;
	transition:all 0.125s ease;
    font-family: FontAwesome;
    content: "\f051";
    background-color: #bb4a4a;
    padding: 5px;
    color: white;
    border-radius: 2px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tablesorter-pager .last:hover::before{
	color: #bb4a4a;
    background-color: white;
    
}
.tablesorter-pager *{
	vertical-align:middle;
}
@media screen and (min-width:576px)
{
.breadcrumbs,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal   {
    max-width: 540px;
}
}
@media screen and (min-width:768px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal  {
    max-width: 720px;
}
}
@media screen and (min-width:992px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap , .sajat_oldal {
    max-width: 960px;
}
}
@media screen and (min-width:1200px)
{
.breadcrumbs ,.oldal_wrapper ,.loader_div, .termek_adatlap , .sajat_oldal {
    max-width: 1140px;
}
}
.steps{
	margin-bottom:10px !important;
	/* box-shadow: 0 1px 2px #D9DADB; */
	border-radius: 5px;
	text-align: left;
}
.step{
	background: whitesmoke;
	transition:all 0.125s ease;
	position: relative;
	border-left: 1px solid #d6d6d6;
	/* border-top: 1px solid #d6d6d6; */
	/* border-bottom: 1px solid #d6d6d6; */
	font-size:11px;
	color: #000000;
}
.link.step:hover {
    background: #eaeaea;
}
.step.disabled{
	color:rgba(40,40,40,.3);
}
.step.active{
	background: #be3f3f;
	color: white;
	/* border-color:transparent !important; */
}
.step.finished i{
	color:#21ba45;
	font-weight: bold;
}
.step:after {
    content: '';
    width: 10px;
    height: 10px;
    bottom: calc(50% - 5px);
    position: absolute;
    right: -5px;
    background: inherit;
    z-index: 1;
    transform: rotate(45deg);
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}
.step:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 0px solid #d6d6d6;
	/* border-top: 1px solid #d6d6d6; */
	/* border-bottom: 1px solid #d6d6d6; */
}
.step:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/* border-right: 1px solid #d6d6d6; */
}
.step:last-child::after{
	display:none;
}

@media screen and (max-width: 1000px){

	.steps{
		width: calc(100% - 10px);
		margin-left: 5px !important;
	}
	.step{
		border-right: 0px solid #d6d6d6;
		border-left: 0px;
		border-bottom: 1px solid #d6d6d6;
	}
	.step:after {
		content: '';
		width: 10px;
		height: 10px;
		position: absolute;
		right: calc(50% - 10px);
		bottom: -5px;
		background: inherit;
		z-index: 1;
		transform: rotate(45deg);
		border-right: 1px solid #d6d6d6;
		border-top: 0px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
	}
	.step:first-child{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom: 1px solid #d6d6d6;
	}
	.step:last-child{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-left: 0px solid #d6d6d6;
		border-top: 0px solid #d6d6d6;
		border-right: 0px solid #d6d6d6;
		border-bottom: 0px solid #d6d6d6;
	}
}
@media screen and (min-width:576px)
{
.breadcrumbs,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal, .oldal   {
    max-width: 540px;
}
}
@media screen and (min-width:768px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal , .oldal  {
    max-width: 720px;
}
}
@media screen and (min-width:992px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap , .sajat_oldal, .oldal  {
    max-width: 960px;
}
}
@media screen and (min-width:1200px)
{
.breadcrumbs ,.oldal_wrapper ,.loader_div, .termek_adatlap , .sajat_oldal, .oldal  {
    max-width: 1140px;
}
}


.btn-primary, .btn-primary:active, .btn-primary:focus,.btn-primary:not([disabled]):not(.disabled):active{background-color:#be3f3f !important;border-color: #be3f3f !important;}
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus,.btn-outline-primary:not([disabled]):not(.disabled):active{
	border-color:#be3f3f !important;
	color: #be3f3f !important;
}