:root{
	--main-color:#383838;
}

@font-face{
	font-family:"fontom2";	
	font-size:16px;
	src: url("/fonts/Saira-ExtraBold.ttf");
}
.fontom2{
	font-family:fontom2;
}
@font-face{
	font-family:fontom;
	font-size:15px;
	src:url("/fonts/Saira-Light.ttf");
}
#onesignal-bell-container{
	display:none;
}
body{
	 -webkit-text-size-adjust: none;
	 max-width:100%;
	 margin:0px;
	 font-family:fontom;
	 font-size: 14px;
	 transition:0.125s ease;
	 background: #ffffff;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}
.body_div{
    width: 2025px;
    margin:auto;
    position: relative;
    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; */
    width: 80%;
    text-align: left;
    z-index: 999;
}
@keyframes anim1{
	from{
		margin-top:-100%;
	}
	to{
		margin-top:0%;
	}
}

@media screen and (max-width:1000px) {
	
	#cssmenu{
    width: calc(80% - 0px);
    margin-left: 0px;
    overflow-y: auto;
    float: right;
    transition: all 0.5s ease;
    display: inline-block;
    background: #ffffff;
    position: fixed;
    left: -100%;
    top: 0px;
    height: 100vh;
 }
	#cssmenu.responsive{
		   width: 80%;
		   /* overflow-y: auto; */
		   position: fixed;
		   top: 0px;
		   left: 0%;
		   z-index: 999;
		   background: #ffffff;
		   height: 100vh;
		   /* animation:anim1 0.5s ease; */
		   transition: all 0.5s ease;
		   box-shadow: 0px 0px 30px #000000bd;
	}
}
.topnav{
	z-index: 700;
	    font-family: fontom;
}

@media screen and (max-width:1000px) {
	
	#cssmenu.responsive{
	margin-right:0%;
	height: 100vh;
	top: 0px;
	}
	#cssmenu:before{
		content:'';
		background-image: url(https://uniti.hu/unitx/Dokumentumok/Dokumentumok/Oldal/css/ceg-logo_kicsi.png);
		width: 100%;
		height: 100%;
		display: inline-block;
		width: 100%;
		background-size: auto 75%;
		background-repeat: no-repeat;
		height: 50px;
		background-position: center;
		margin: 10px 0px;
	}
	.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{
    display: inline-block;
    height: 100%;
    /* content: '/'; */
    position: absolute;
    top: 30%;
    right: 0px;
    color: #3c3c3c36;
    transition:all 0.2s ease;
 }

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

}


#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;
	/* overflow: auto; */
	float: left;
	left: 0%;
}
	.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: center !important;
    font-size:20px;
  }
}
#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul {
  list-style: none;
  
  

  padding: 0px;
  margin: 0px;
}
#cssmenu > ul {


}

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

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

  z-index: 599;
  cursor: default;
}
#cssmenu > ul ul {
  top: 100%;
  left: 0;
  z-index: 999;
  /* white-space: nowrap; */
min-width: 225px;border-radius: 5px;}


#cssmenu > ul ul ul{

/* width:  100%; */

min-height: 100%;
}


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

#cssmenu > ul ul ul {
  top: 1px;
  left: 100%;
}
#cssmenu.responsive ul{
	/* left:0%; */
}

#cssmenu ul ul{
	
box-shadow: 0px 0px 20px #00000052;
	
background: white;
	
}

@keyframes fadedown2{
	from{
		opacity:0;
		transform: translatex(-10px);
	}
	to{
		opacity:1;
		transform: translatex(0px);
	}
}
@media screen and (min-width: 1000px){
	
	#cssmenu > ul ul {
  visibility: hidden;
  position: absolute;
  
	}
	
	#cssmenu ul ul{
	opacity:0;
	width: initial;}
	
	#cssmenu > ul > li > ul.hovered {
	visibility: visible;
	opacity:1;
	animation: fadedown2 0.25s ease;
	/* animation-delay: 0.25s; */
	/* transition-delay: 0.25s; */
	}
	#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: black;
}
#cssmenu > ul:before {
  content: '';
  display: block;
}
#cssmenu > ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu > ul li a{
	display: block;
	line-height: 25px;
	/* color: #000000; */
}
#cssmenu > ul > li > a{
	padding: 10px 25px !important;
}
#cssmenu ul li a{
	padding: 10px 25px;
	transition: all 0.125s ease-in-out;
	}

#cssmenu li span{
	font-weight:normal;
	color: var(--main-color);
	font-size: 12px;
	float: left;
	padding: 0px 0px 0px 0px !important;
	margin: -5px 0px 5px 8px;
	white-space: pre-wrap;
	text-align: left;
	line-height: initial;
	width: 100%;
}

.fejlec.transparent .cssmenu li span{	
    color: var(--main-color) !important;
}
.fejlec.dark .cssmenu li span{	
    color: var(--main-color) !important;
}
.pocok {display: none;}
.pocok{
    /* color: white; */
    text-align: center;
    /* float: right; */
    /* background-color: var(--main-color); */
    width: 100%;
}
.pocok a{
	line-height: 40px;
	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;
		
}
.pocok.responsive a:before{
	content: "\f00d";
}
.pocok_static{float: right;color: white;text-align: center;/* background-color: var(--main-color); */width: calc(25% - 0px);display: inline-block;/* line-height: 60px; */display: none;}
.pocok_static a{}
.pocok_static a:before{
	    content: "\f0c9";
	    display:inline-block;
	    font-family:FontAwesome;
	    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{
  
font-family: 'fontom2';}

#cssmenu > ul > li > a:active
 {

}

#cssmenu > ul > li > a:hover {

color: var(--main-color);}
#cssmenu > ul > li > a:active {
 
}
#cssmenu > ul ul ul {
  top: 0;
}
#cssmenu > ul li li {
  /* background-color: #ffffff; */
  /* border-bottom: 1px solid #ebebeb; */
  /* width: 100%; */
  display: block;
  }
#cssmenu > ul li a.active{
	 
}

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

}
#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% - 0px);
    text-align: left;
    margin-left: 0px;
    padding: 0px 10px;
    font-size: 13px;
    position:relative;
    white-space: nowrap;
    /* float: left; */
}

#cssmenu ul ul li:hover > a {
  font-weight:bold;
  /* animation-delay:0s; */
  /* transition:0s; */
transform: translatex(5px);}
#cssmenu > ul{
	/* float: left; */
}
#cssmenu > ul > li > a{
	
	color: #ffffff;
	text-transform: uppercase;
	position:relative;
	transition:all 0.125s ease;
}
#cssmenu > ul > li > a:after{
    content: '';
    position: absolute;
    left: 0%;
    background: var(--main-color);
    display: inline-block;
    width: 0%;
    height: 2px;
    z-index: 1;
    bottom: 0px;
    transition: all 0.125s ease;
}
#cssmenu > ul > li > a:hover::after{
	width: 50%;
}

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

}


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

@media screen and (max-width:1000px) {
	.cssmenu li span{	
    color: var(--main-color) !important;
	}
	.pocok_static{
  	display:inline-block;
  	width: 50%;
  	text-align: left;
  	padding: 0px 20px;
  }
	
	#cssmenu > ul li a{
  line-height: 40px;
  font-size:16px;
  width: calc(100% - 45px);
  text-align: left !important;
  white-space: inherit;
  color: black;
 }
	.pocok {display: inline-block;/* position: fixed; *//* top: 0px; *//* right: 0px; */z-index: 999;}
	
#cssmenu.responsive > ul > li > a{
	  /* font-size: 16px; */
	  /* text-align:center; */
}


#cssmenu > ul {

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

#cssmenu > ul ul {white-space: normal;display: none;border-radius: initial;background-color: whitesmoke;box-shadow: 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: 10px 15px;
	font-size: 17px;
	color: #4c4c4c;
	width: calc(15% - 0px);
	text-align: center;
	line-height: 40px;
	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;
  color: black;
}

.show_menu.opened:before{
	transform:rotate(180deg);
}
@media screen and (max-width:1000px) {
	.show_menu{
		display:block !important;
	}
	.cssmenu.responsive .show_menu:before{
		 color: black;
	}
	.cssmenu.responsive ul ul .show_menu:before{
		 color: black;
	}
	.cssmenu > ul li li
	{
		color: black;
	}
}
.cssmenu ul ul ul.hovered,.cssmenu ul ul ul.opened{
	visibility:visible !important;
	opacity:1 !important;
	background-color:#be3e3e !important;
	box-shadow:none !important;
	animation: fadedown2 0.25s ease;
	}
	.cssmenu ul ul.hovered:hover ul.hovered a{
	/* animation: fadedown2 0.5s ease; */
	}
	.cssmenu ul ul ul.hovered > li:hover{
	 /* padding-left: 5px !important; */
	 /* width: calc(100% - 5px) !important; */
	 font-weight:bold;
	}
	
	.cssmenu ul ul ul li{
	width:calc(100% - 0px);
	display:block !important;
	float:none !important;
	animation: fadedown2 0.5s ease;
	transition:all 0.125s ease;
	font-weight:normal;
	}
	.cssmenu ul ul ul li a{
	width:calc(100% - 0px);
	display:block !important;
	float:none !important;
	text-align:left !important;
	padding: 5px 25px !important;
	color: white;}
	.cssmenu ul ul li[aria-haspopup="true"] > a:after{
		position: absolute;
		content: "\e649";
		font-family: themify;
		right: 10px;
	}
a{
	color:inherit;
	 outline:none;
}

h3{
}
.fejlec{
	/* position: relative; */
	/* width: 100%; */
	/* background-position: top; */
	/* background-size: auto 196%; */
	z-index: 990;
	/* box-shadow: none; */
	/* background: #191A1C; */
	/* transition: ALL 0.5s ease; */
	/* text-align: center; */
	}	
.fejlec:after {
    background-image: url(https://zsigi-trans.hu/unitx/Dokumentumok/Dokumentumok/css/oldal/truckbanner-2.jpg);

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0px;
    left: 0px;
    background-position: 0% 58%;
    background-repeat: no-repeat;
}
.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 var(--main-color);
}
.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: -5px;
 color: white;
 font-size: 12px;
 background-color: var(--main-color);
 padding: 0px 5px;
 display:  inline-block;
 line-height:  initial;
border-radius: 10px;}	
.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{

}
.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: 0px solid #eaeaea;
	padding: 0px 10px;
	color: #000000;
	outline:  none;
	font-family: themify, fontom;
	font-size: 12px;
	text-align:  right;
	transition:all 0.125s ease;
	background-position: right !important;
	padding: 10px 10px;
	background: transparent;
}
.kereses_input:focus{
	      box-shadow: 0px 1px 0px 0px #282b2f;
}

.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{
		
	}
	.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{
	}

	.fejlec_sub22{
    text-align: left;
	width:100%;
	margin-left:0%;
	}
	.ceg_logo{
		
		    margin-top: 2px;
		
		
	}
	.kereses_input{
	}
	.fejlec{
   width:100%;
   margin-left:0px;
	}
	
}
@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; */
	position: relative;
	width: calc(100% - 0px);
	/* float: left; */
	margin-left: 0%;
	transition:all 0.5s ease;
	text-align: center;
}
.fodiv.responsive{
	filter: blur(2px);
}
.fodiv.responsive:before{
	/* transform: translatex(-100%); */
	/* content:''; */
	background-color: #00000029;
	width:100%;
	height:100%;
	position:absolute;
	z-index: 100;
	filter: blur(1px);
	top: 0px;
	left: 0px;
	transition: all 0.5s ease;
}


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

		opacity: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: var(--main-color);

    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{

}	

.lablec:after {

}
.lablec_blokk
{

}
.lablec_blokk:before
{

}
.lablec_blokk:hover::before{

}
.lablec_sub{

}
@media screen and (max-width:1000px) {
	.lablec:after {  
		background-size: 100%;   
	}
	.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: var(--main-color);

padding-left: 10px;

padding-right: 0px;
}

.szurok{
    background-color: whitesmoke;
    width: calc(210px - 10px);
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    box-shadow: 0 1px 2px #D9DADB;
    border-radius: 10px;
    /* color: #cccccc; */
    }
.szuro_div{
	text-align:left;
	max-height: 250px;
	overflow-y: auto;
}
.szurok_fejlec{
	padding: 5px;
    background: #282b2f;
    color: white;
}
.szurok_csoport_fejlec{
	padding: 5px;
    background: #282b2f;
    color: white;
}
.szurok2{
	transition: all 0.125s ease;
	position: relative;
	float: left;
	width: calc(100% - 210px);
	margin: 10px 0px 0px 10px;
	/* background: white; */
	/* box-shadow: 0 1px 2px #D9DADB; */
	border-radius: 5px;
	display: table;
color: black;}
.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: var(--main-color);
    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: var(--main-color);
    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, 'fontom2';
    text-transform: uppercase;
    font-size: 15px;
    /* 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: var(--main-color); */
    vertical-align: middle;
    font-weight: bold;
}
.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);
           display: inline-block;
           padding: 10px 0px;
}
@media screen and (max-width:1000px) {
	.pagination_tarolo {
       width: 100%;
		margin: 0 auto;
        text-align: center;
		float:left;
}
}


.pagination {
 border-bottom: 0px !important;
 display: inline-block !important;
 margin-bottom: 0px;
 text-align: center;
}
.pagination:empty {
 display:none;
}

.pagi:hover {
    background: var(--main-color);
    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: var(--main-color);
    color: #f0f0f0;

}

.pagi.gradient {

}

.termek_adatlap{
	animation:oldalanim 0.75s ease;
	width: calc(80% - 0px);
	margin:auto;
	display: inline-block;
	text-align: left;
}
.dialog .termek_adatlap{
	width: calc(100% - 0px) !important;
	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(20% - 5px);
    text-align: center;
    float: left;
    overflow: hidden;
    margin: 2.5px 2.5px 2.5px 2.5px;
    cursor: pointer;
    position: relative;
    min-height: 420px;
border-radius: 10px;}
.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: translateY(-25px);
}
.termek_div:hover {
   box-shadow: 0px 0px 20px 0px #282b2f70;
   transition: 0.125s ease;
z-index: 10;}
@media screen and (max-width:1000px) {	
	.elozmenyek_termek_blokk{
	width:calc(50% - 10px) !important;
	}
	
}

.termek_div:hover .termek_div_tul_div{
	    -webkit-transform: rotateX(0deg);
	    -moz-transform: rotateX(0deg);
	    transform: rotateX(0deg);
	    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: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
	transition:all 0.25s ease;
	z-index: 10;
	transform-origin: bottom;
	left: 0%;
	bottom: 28px;
	position: absolute;
	overflow-y: auto;
	max-height: 264px;
	overflow-x: hidden;
	width: 100%;
	background-color: #212529;
	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_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: var(--main-color);
}
    

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

.termek_kep{
	    transition: all 0.25s ease;
	    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;
	    background: white;
}
.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: 0px;
    left: 0px;
    width: 100%;
    background: #212529;
    /* transform: translateY(100%); */
    transition:all 0.25s ease;
    z-index: 11;
opacity: 0;}
.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: var(--main-color);
      font-size: 16px;
      font-family: fontom2;
      padding: 10px 0px;
      display: block;
      vertical-align: middle;
}
.termek_adatok_div{
    position: relative;
    text-align: center;
    min-height: 280px;
    float: left;
    width:  100%;
}
.termek_adatok_div br{
	display:none;
}
.termek_adatok_ujdonsag_div{
    position: absolute;
    top: 0px;
    RIGHT: 0px;
    background-color: var(--main-color);
    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;
	/* font-size: 12px; */
	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(50% - 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:var(--main-color);
}
.termek_lista{
    transition: all 0.125s ease;
    position: relative;
    float: left;
    width: calc(100% - 210px);
    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% - 10px);
    margin-left: 5px;
	}
	.szurok2{
    width: calc(100% - 0px);
    margin-left: 0px;
	}
}
.gomb {
    font-family: fontom;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    color: #5a5a5a;
    /* background: #f8f8f8; */
    padding: 5px 15px;
    border: solid #c9c9c9 1px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.125s ease;
    display: inline-block;
    position:relative;
    vertical-align:  middle;
    font-size: 12px;
    outline: none;
}
.gomb.kosar:before{
    font-family: FontAwesome;
    margin-right: 5px;
    content: "\f218";
    font-size: 15px;
}


.gomb:after{
    content: '';
    position: absolute;
    left: 0%;
    background: var(--main-color);
    display: inline-block;
    width: 0%;
    height: 2px;
    bottom: -0.5px;
    transition:all 0.25s ease;
}
.gomb:hover::after{
	width: 50%;
}
	
.gomb:hover{
	    background-color: #ffffff;
	    color: black;
	    border: 1px solid var(--main-color);
	    outline: none;
}
.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_div .termek_dialog:before{
	content: "\e659";
	font-family:themify;
	font-size: 10px;
	/* 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{
	opacity: 1;transform: translateY(-1%);
	}
.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;
}
button.gomb.termek_reszletek_gomb, .termek_div .termek_dialog, .termek_div .osszehasonlitas_icon {
    background: transparent;
    opacity: 0;
    transform:translateY(50px);
    font-weight: bold;
    border:  none;
    outline:none;
color: white;}
.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: #000000;
}
.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;
}


.default_tabla{border-collapse: collapse;width: 100%;text-align: center;/* margin-top: 10px; */overflow: scroll;}
.default_tabla tr:hover > td{
}
.default_tabla th{
    font-weight: normal;
    color: var(--main-color);
    border-collapse: collapse;
    background-color: #ffffff;
    border-bottom: 1px solid var(--main-color);
    padding: 5px;
}
.default_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: 0.5rem;
    border-top: 1px solid var(--main-color);
    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: var(--main-color);
   
    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: 10px;
       /* position:  relative; */
       /* display: table; */
       vertical-align:  middle;
       /* border-collapse: collapse; */
       /* box-sizing:border-box; */
       width:  100%;
/* border-bottom: 1px solid whitesmoke; */}
.termek_kepek_blokk {
	    width: calc(50% - 20px);
	    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: white;
    /* float: left; */
    /* box-shadow: 0 1px 2px #D9DADB; */
    border-radius: 10px;
    /* overflow:hidden; */
    display: inline-block;
}
.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: var(--main-color);
    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: var(--main-color);
	transition: all 0.225s ease;
	font-size: 16px !important;
	word-break: break-word;
	font-family: 'fontom2';
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	margin: 5px 0px;
	font-weight: bold;
}
.termek_adatok_cikkszam{
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	word-break: break-word;
}
.termek_adatok_gyarto_oldala{
	text-decoration:underline;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	word-break: break-word;
}
.termek_adatok_garancia{
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    word-break: break-word;
}

.termek_adatok_leiras{
	    word-break: break-word;
	    /* font-size: 12px; */
/* font-weight: bold; */}
.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; */
    background: whitesmoke;
    margin: 5px 0px 0px 0px;
}
.termek_blokk_elerhetoseg td{
	padding:5px 0px;
}
.termek_blokk_akcio_div .termek_blokk_akcio_fejlec{
	display:none;
}
.termek_blokk_akcio_div .termek_blokk_torzs{
	    padding: 15px 5px;
	    font-family: fontom;
	    color: var(--main-color);
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 20px;
}
.termek_blokk_elerhetoseg_fejlec{
	font-size: 13px;
    color: var(--main-color);
	    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: 10px;
    font-family: 'fontom2';
    color: #282b2f;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px solid whitesmoke;
    font-weight: bold;
    font-size: 13px;
}
.termek_blokk_fejlec h3{
	font-size:13px;
	font-weight:bold;
}
.termek_blokk_fejlec2{
    padding: 5px 15px;
    border-left: 5px solid var(--main-color);
    background-color: rgba(129, 129, 129, 0.18);
    font-family: fontom;
    color: var(--main-color);
    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: var(--main-color);
    color: white;
    border: solid var(--main-color) 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;
	  margin-bottom: 5px;
}
.uj_velemeny_ertekeles_radio{
    visibility: hidden;
	    position: absolute;
}
.velemenyek_tabla{
	    font-size: 12px;
	    width: calc(100% - 10px);
	    margin-left: 5px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    border-collapse: collapse;
}
.inline-block{
	display:inline-block;
}
.velemeny_kuka_tarto{
	    text-align: right;
    padding-right: 5px;

}

.kosarba_darabszam{
	    width: 65px;
	    border: 1px solid lightgray;
	    text-align: center;
	    height: initial;
	    padding: 5px 0px;
	    vertical-align: middle;
border-radius: 5px;}
@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; */
    cursor: pointer;
}
.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: var(--main-color);
  color:white;
   border: solid var(--main-color) 1px;
  text-decoration: none;
}
.teli_piros{
    color: #ffffff;
    background: var(--main-color);
    border: solid #353632 1px;
    border: solid #a2a2a200 1px;
    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: var(--main-color);
    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{
	 margin-bottom: 5px;
    width: calc(50% - 10px);
    opacity: 0;
    z-index: 1;
    float: left;
    margin-left: 5px;

}
#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;
}



.fejlec_1{
	display: inline-block;
	/* height: 100%; */
	vertical-align: middle;
	width: 100%;
	/* float: left; */
	text-align: center;
	/* background: #191A1C; */
	padding: 0px 10%;
	z-index: 999;
	position:  relative;
	transition: all 0s ease;
	transition: background 0.5s ease;
}
.akciok_div .card img{
	object-fit:contain;
	max-height: 200px;
}
.akciok_div .card .card-footer{
	background:rgba(0,0,0,.03);
}
.konfiguratorok_div .card img{
	object-fit:contain;
	max-height: 200px;
}
.konfiguratorokdiv .card .card-footer{
	background:rgba(0,0,0,.03);
}
@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;border-radius: 5px;box-shadow: 0px 10px 10px 0px #282b2f4a;top: 100% !important;right: 0% !important;left: initial !important;text-align: left;}
.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% - 0px) !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 var(--main-color);
	
}
.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 */
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.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: var(--main-color);
}

.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: var(--main-color);
    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-image: url(kepek/css/loading.svg);
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 999;
    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% - 0px);
	margin-left: 0%;
	/* background:  white; */
	padding: 0px 5px;
	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% - 0px);
}

.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: var(--main-color);
    background-color: #ececec;
}
.fg_li:hover span{	 
	 color:var(--main-color);
}
.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 var(--main-color);
	   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:var(--main-color);
}
#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 var(--main-color);
	}
	
  
}

.sajat_oldal {
    width: 100%;
    animation:oldalanim 0.75s ease;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.sajat_oldal .dialog_blokk:first-child{
	margin-top:0px;
}
.sajat_oldal_gomb > div{
	background-color: whitesmoke !important;
	border:1px solid lightgray;
}
.sajat_oldal_gomb .h5{
	background-color: lightgray !important;
	color:black !important;
}
.dialog .sajat_oldal_gomb > div.bg-white{
	background-color:whitesmoke !important;
}

.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: #000000 !important;
	border-collapse: collapse;
	padding: 4px;
	text-align: center;
}
.tablesorter .tablesorter-childRow-th td{
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	color: var(--main-color);
}


.piros_h1{
	color: var(--main-color);
	transform: skew(45deg);
	font-size: 16px;
	margin: 0px;
	font-weight: normal;
}
.sajat_oldal_body{
	    /* float: left; */
	    width: calc(100% - 0px);
	    /* background-color: #f5f6f7; */
	    margin-bottom: 0px;
	    display: inline-block;
}
.default_blokk_container{
	width: 100%;
	animation: oldalanim 0.75s ease;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.default_blokk{
	position: relative;
	/* background-color: #ffffff; */
	/* float: left; */
	width: 100%;
	margin: 0 0 0.5rem 0;
	/* box-shadow: 0 0px 2px #d9dadb; */
	border-radius: 5px;
	display: inline-block;
}
.default_blokk_header {
    padding: 10px;
    font-family: fontom;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 4px solid whitesmoke;
    background: #fcfcfc;
}
.default_blokk_h3 {
    font-weight: bold;
    font-size: 13px;
    /* margin: 0px; */
    margin-bottom: 0px;
    padding: 5px 5px;
}
.dialog_blokk .default_blokk {
    width: calc(100% - 0px);
    margin-left: 0px;
    box-shadow: none;
    margin: 0px;
}
.dialog_blokk .default_blokk_container{
	width: 100%;
}
@media screen and (max-width:1000px) {
	.default_blokk_container{
		  width: 100%;
		  margin-left: 0px;
	}	
	.default_blokk{
		width: calc(100% - 1rem);
		margin: 0 0.5rem 0.5rem 0.5rem;
		overflow-x: auto;
	}
	.dialog_blokk .default_blokk{
		overflow-x: auto;
	}
	.default_blokk .default_tabla{
		min-width:500px;
	}
}
.sajat_oldal_blokk{
	position: relative;
	background-color: #ffffff;
	/* float: left; */
	width: 100%;
	margin: 0px 0% 10px 0px;
	box-shadow: 0 1px 2px #D9DADB;
	border-radius: 5px;
	/* overflow:  auto; */
	display: inline-block;
}
.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 .sajat_oldal{
    width: 100%;
    margin-left: 0%;
}	

.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 #b302028c;
}
.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: var(--main-color);
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 1px solid whitesmoke;
}
.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{
	}
	.sajat_oldal_blokk{
		    width: calc(100% - 10px);
		    margin: 0px 5px 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:1000;
}
.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: 0px;max-width: 50%;margin-top: 50px;position: relative;background-color: #ffffff;overflow: hidden;box-shadow: 0px 0px 10px black;margin-bottom: 50px;text-align: left;border-radius: 20px;}

.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 { opacity:0;transform:translateY(-50px);	}
    to   { opacity:1;transform:translateY(0px);}
}

.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: var(--main-color);
}
.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{
}
.jelszo_ok{
    display: table-cell;
    vertical-align: bottom;
}
.emailcim_ok_kep:after {
    content: "\e64c";
    font-family: themify;
    color: green;
    font-weight: bold;
    font-size: 13px;
}
.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-group-text{
	font-size:inherit !important;
}
input[type=checkbox] {
	visibility: visible !important;
    position: absolute !important;
    opacity: 0;
    z-index: -1;
}
input[type=radio] {
	position: absolute;
	opacity: 0;
}
.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 var(--main-color);
	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;
    transition: all 0.125s ease;
    display: inline-block;
    padding: 5px 0px 5px 0px;
}
.szuro.responsive{
	display:none;
}

.szuro .checkbox_input{
	min-width: 50%;
	/* width: 50%; */
} 
.szuro_datum input{
	padding: 2.5px;
    height: initial;
}
.szuro .checkbox_szoveg{
	font-size: 12px;
	/* font-weight: bold; */
	word-break: break-word;
font-family: fontom;}
.checkbox_szoveg {
    display:  inline-block;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    max-width: calc(100% - 15px);
    padding-left: 2px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}
.checkbox_szoveg_aktiv{
	color: var(--main-color);
	font-weight: bold;
}


.szuro{
    display: inline-block;
    width: calc(100% - 10px);
    margin: 5px 5px 0px 5px;
    /* background: #fafafa; */
    padding: 0px 5px 5px 5px;
    /* background-color: #f5f6f7; */
    position: relative;
    /* border: 1px solid #e6e6e6; */
    border-radius: 10px;
    border: 1px solid lightgray;
    }
.szuro2{
	display: table-cell;
	vertical-align: middle;
}
.szuro2 label{
	font-size:12px;
	padding:0px 10px;
}
.szuro_nev{font-family: fontom;font-size: 12px;/* color: #000000; *//* margin-left: -5px; */display: block;margin-right: 5px;line-height: 40px;font-weight:  bold;font-family: 'fontom2';}
.szuro_nev:after {
    content: ':';
}
.checkbox_input:hover .checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.7;
	transition: 0.25s ease;
	left: 25%;
	top: 25%;
	height: 50%;
	width: 50%;
}

.checkbox_input:hover .checkbox_szoveg{
}
.checkbox_input input[type=checkbox]{
		visibility: hidden;
    position: absolute !important;
}
.checkbox_input input:focus + label:after {
	opacity: 0.3;
    transition: 0.125s ease;
    left: 25%;
    top: 25%;
    height: 50%;
    width: 50%;
}
.checkbox_input input[type=checkbox]:active + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 70%;
	height: 70%;
	transition: all 0.125s ease;
	background: var(--main-color);
	top: 15%;
	left: 15%;
}
.checkbox_input input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 100%;
	height: 100%;
	transition: all 0.125s ease;
	background: var(--main-color);
	top: 0%;
	left: 0;
}
.checkbox_input input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	width: 70%;
	height: 70%;
	transition: all 0.125s ease;
	background: var(--main-color);
	top: 15%;
	left: 15%;
}
.right-align{
	text-align:right;
}
.left-align{
	text-align:left;
}
.float_right{
	float:right;
}
.hidden_visibility{
	visibility:hidden;
}
.br_h1{
	display: inline-block;
	color: var(--main-color);
	transform: skew(25deg);
	font-size: 16px;
	margin: 0px;
	font-weight: normal;
	margin-top:3px;
}
.br_h1_2{
	display: inline-block;
	color: var(--main-color);
	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;
color: black;}
.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: #fafafa; */
    margin: 5px 5px 0px 5px;
    font-family: 'fontom2';
    font-size: 12px;
    /* color: #cccccc; */
    padding: 0px 0px;
    /* background-color: #f5f6f7; */
    font-weight: bold;
    border: 1px solid lightgray;
    border-radius: 4px;
}
.select_input.responsive{
	display:none;
}
.input_beallitott{
    box-shadow: 0px 0px 0px 1px var(--main-color);
}
select.select_input option{font-weight: normal;font-family: fontom;font-size:  13px;color: black;}
.select_input:hover{
	    /* box-shadow: 0px 0px 0px 1px var(--main-color); */
}
#gyors_szuro{
	    /* color: white; */
	    display: inline-block;
	    height: 40px;
	    border: 0px;
	    width: calc(100% - 10px);
	    background: transparent;
	    margin: 5px 5px 0px 5px;
	    font-family: fontom;
	    font-size: 12px;
	    padding: 0px 5px;
	    /* background-color: #f5f6f7; */
	    font-weight: bold;
	    border-radius: 4px;
	    border: 1px solid lightgray;
	    }
#gyors_szuro.responsive{
	display:none;
}
.szallitasi_mod_t .checkbox_input{
	width:80%;
}
.szallitasi_mod_kep{
	width: calc(20% - 10px);
	max-width:75px;
	vertical-align:middle;
	margin: 0px 10px 0px 0px;
	display: inline-block;
}
.szallitasi_mod_nev{
	
vertical-align:middle;
	
margin: 0px 10px;
}
.szallitasi_mod{margin: 5px 10px;display: inline-block;/* background-color: white; */border-radius: 3px;width: calc(100% - 20px);}
.fizetesi_mod{
	margin-left:10px;
}
.fizetesi_mod_nev{
	    line-height: 35px;
}
.megrendeles_termek_plusz{
}
.megrendeles_termek_plusz:hover{
	background-color: #e6e6e6;
}
.megrendeles_termek_minusz{
}
.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{
    width: calc(100% - 0px);
    border: 1px solid rgba(173, 173, 173, 0.45);
    resize: vertical;
    border-radius: 3px;
    display: block;
    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{
    table-layout: auto;
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}
.termek_fobb_adatok_tabla tr
{
	border-bottom:1px solid whitesmoke;
}
.termek_fobb_adatok_tabla_csoport{
	padding: 10px;
	background: whitesmoke;
}
.termek_fobb_adatok_tabla_td1{
    text-align: -webkit-auto;
    color: var(--main-color);
    padding-left: 10% !important;
    /* font-size: 13px; */
    font-family: fontom2;
    padding: 10px;
    /* font-weight: bold; */
}
.termek_fobb_adatok_tabla_td2{
    text-align: left;
    width: 60%;
    color: #000000;
    /* font-size: 12px; */
    font-family: fontom;
    padding: 5px;
    /* font-weight: bold; */
}
.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% - 0px);
	    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% - 0px);padding: 5px;min-height: 45px;}
.kapcsolat_blokk{
	background-image: url(https://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(https://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: var(--main-color);
}
.termek_adatok_eredeti_ar{
	text-decoration: line-through;
}
.termek_adatlap_adatok_leiras_szoveg{padding: 0.5rem;}
.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{
	padding:5px;
	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: var(--main-color); */
    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: var(--main-color);
    font-size: 17px;
    font-family: fontom2;
}
.kosar_tetel_ar{
	color: var(--main-color);
    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{

}


.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: black;}
.cl_c_black{
	/* color: white; */
}


.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 var(--main-color);
	
}
.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%;}
.breadcrumbs_div{width: 100%;padding: 5px 0px;margin-left: 0%;text-align: center;vertical-align: middle;z-index: 2;position: relative;display: inline-block;}
.dialog .breadcrumbs_div {
    width: 100%;
    margin-left: 0px;
	background: #191A1C;
}
.ui-autocomplete .breadcrumbs_div{
	  width: 100%;
    margin-left: 0px;
}
.breadcrumbs_div_oldal{
	width: 100%;
	margin-left: 0;
}
.breadcrumbs_div_loader{
}
.breadcrumbs_div_termek{
	/* width: 80%; */
	/* margin-left: 10%; */
}
.breadcrumbs_div_sys{
	width: 80%;
	margin-left: 10%;
}
.breadcrumbs_div_altalanos{
	    margin-left: 10%;
    width: 80%;
}
@media screen and (max-width:1000px) {
	.breadcrumbs_div{
	width:  100%;
	margin-left: 0%;
	}
}
.breadcrumbs li{
    color: gray;
    float: left;
    word-break: break-all;
    margin-right: 3px;
}
.dialog .breadcrumbs li{
	color:white;
}
.breadcrumbs a{
	    vertical-align: middle;
	    color: gray;
}
.breadcrumbs li.have_child:after{
    transition: all 0.325s ease;
    font-family: themify;
    /* color: var(--main-color); */
    top: 0px;
    vertical-align: middle;
    content: "\e649";
}
.breadcrumbs_aktiv{
    color: black !important;
    text-shadow:none !important;
    /* font-family: fontom2; */
    animation: fadedown2 0.5s ease;
    }
.dialog .breadcrumbs li.breadcrumbs_aktiv{
	    color: white !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: var(--main-color);
}
.cl_oldal_fejlec{
    padding: 10px 15px;
    margin: 10px;
    border-left: 5px solid var(--main-color);
    background-color: rgba(129, 129, 129, 0.18);
    font-family: fontom;
    color: var(--main-color);
}
.cl_oldal_fejlec_loader{
    display: inline-block;
    font-family: fontom;
    color: #000000;
    background-position: 100% 0%;
    position: relative;
    width: calc(100% - 0px);
    z-index: 20;
    /* background:  white; */
}
.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(https://kecskemet.royaltraktor.hu/kepek/css/traktor3.png);
}
.cl_oldal_fejlec_loader > h1{
    display: inline-block;
    padding: 16px 10px !important;
    /* font-size: 20px; */
    position:  relative;
    color: var(--main-color);
    /* z-index:  1; */
    margin: 0px;
}
.cl_oldal_fejlec_loader > h1:after {
    /* content: ''; */
    position: absolute;
    left: 0%;
    background: var(--main-color);
    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{
    float: left;
    overflow: auto;
    width: calc(100% - 0px);
    box-shadow: 0 1px 2px #D9DADB;
    border-radius: 10px;
}
.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 var(--main-color);
    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% - 10px);
	margin-left: 5px;}
	
	.cl_cikk_kep_div{
		width:100%;
	}
}
.cl_d_ib{
	display:inline-block;
}
.termek_csoport_childek{
    width: calc(100% - 0px);
    
    text-align: left;
    overflow: auto;
    background:white;
    /* box-shadow: 0 1px 2px #D9DADB; */
    border-radius: 5px;
display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.termek_csoport_child_container{
	-ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
/* height: 100%; */padding: 10px;}
.termek_csoport_child
{
    
    
    
    text-align: center;
background-color: whitesmoke;box-shadow: 0px 0px 20px #00000000;border-radius: 10px;transition:all 0.25s ease;
    
    
    
    
    
    
    
    height: 100%;align-items: center;display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;width: 100%;}
.termek_csoport_child:hover{
	
background-color: lightgray;}
.termek_csoport_child:hover .termek_csoport_child_kep{
	       transform: translateY(-25px);
}
.termek_csoport_child_kep{
	       transition: all 0.25s ease;
	       width: 100%;
	       height: 100px;
	       background-size: contain;
	       background-repeat: no-repeat;
	       object-fit: contain;
	       background-position: center;
display: none;}
.termek_csoport_child_nev{
    font-family: 'fontom2';
    font-size: 18px;
    color: var(--main-color);
    position: relative;
    transition: all 0.125s ease;
    font-weight: bold;
    padding: 21px 10px;
/* border-radius: 10px; */margin: 0px;}
.termek_csoport_child:hover .termek_csoport_child_nev {
    /* background-color: var(--main-color); */
    /* color: white; */
}
.termek_csoport_child_leiras_div{

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


@media screen and (max-width:1000px) {
	.termek_csoport_child_container{
		   
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
	.termek_csoport_childek{
		   width: calc(100% - 0px);
	}
}

.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: #ffffff;/* box-shadow: inset 0px -2px 0px 0px var(--main-color); */}
.tabs > ul > li{
    /* padding: 10px 10px; */
    display: inline-block;
    color: #282b2f;
    text-transform: uppercase;
    font-size: 13px;
    font-family: fontom2;
    transition:all 0.125s ease;
    /* background: #f5f6f7; */
}
.tabs > ul > li:hover {
    color: var(--main-color);
    /* background: whitesmoke; */
}
.tabs ul li.akcio_li{
	    background-color: var(--main-color) !important;
}
.tabs ul li a{
    padding: 10px 10px;
    display: block;
transition: all 0.125s ease !important;transition-delay: 0s;}
.tabs ul li.akcio_li a{
	    color:white !important;
}
.tabs ul li:hover{

}
.tabContainer{
    width: calc(100% - 0px);
}
.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 darkgray;
    background: lightgray;
    font-weight: normal;
    color: #454545;
    border-radius: 25px;
    transition: box-shadow 0.125s ease;
}


.slider-range span:hover,
.slider-range span:active{background: var(--main-color);font-weight: normal;color: #454545;box-shadow: 0px 0px 0px 2px darkgray;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: var(--main-color);
	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: #cccccc; */
    font-family: fontom;
    text-align: center;
    vertical-align: middle;
    padding: 0px !important;
    font-size: 13px;
    margin: 0px 0%;
    font-weight:  bold;
    width: 100%;
}
.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) {
	.tabs > ul > li{
		width:100%;
	}
	.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: var(--main-color);
}
.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: 'fontom2';
    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: var(--main-color);
	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{
}
.termek_opcio{
	    display: inline-block;
	    width: calc(100% - 10px);
	    margin: 5px 5px 5px 5px;
	    background: white;
	    padding: 5px 10px 5px 10px;
	    background-color: #f5f6f7;
	    text-align:  center;
}
.termek_opcio_nev{
	    padding: 5px 0px;
	    font-family: fontom;
	    color: var(--main-color);
	    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 var(--main-color);
}
.termek_tovabbi_kep{
    width: 100%;
    height: 125px;
    display: inline-block;
    float: left;
    object-fit: contain;
}
.slick-slider{
    /* background-color: white; */
}
.oldal_dialog{
	cursor:pointer;
}
.aktiv_a{
	box-shadow:inset 0px -2px 0px #d84037;
}
.elfelejtett_jelszo_gomb{
	display: inline-block;
	vertical-align: middle;
}
.termek_elerhetoseg_raktar_nev{
	display:none;
}
.oldal_cikk_nezet_wrapper{
    position: relative;
    float: left;
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.cikk_blokk2{
	
}
.cikk_nezet{
	transition: all 0.25s ease;
	background-color: white !important;
	width: calc(100% - 0px);
	overflow: hidden;
	min-height: 140px;
	position: relative;
	margin: 5px 0px 5px 0px !important;
	z-index: 0;
	border-radius: .25rem!important;
	border: 1px solid #dee2e6!important;
	display: inline-block;
	float: left;
	height: 170px;
}
.cikk_blokk3{
}
.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% - 0px);
		 height: initial;
	}
	.oldal_cikk_nezet_wrapper{
		    width: calc(100% - 0px);
		    margin-left: 0px;
	}
}
.cikk_blokk:hover , .cikk_blokk2:hover{
	       box-shadow: 0px 0px 5px 0PX #00000029;
}
.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%,rgb(255 255 255 / 80%) 90%, white 95%, 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{
	/* color: var(--main-color); */
	font-size: 1.25rem;
	/* font-weight: bold; */
	/* font-family: 'fontom2'; */
	/* text-transform: uppercase; */
	position: relative;
	display: block;
	padding: 10px 10px;
	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;
        background-size: cover;
        background-position: center;
        height: 50%;
        min-height: 150px;
        background-repeat: no-repeat;
        width: 25% !important;
        max-width: 25% !important;
        float: right;
        display: inline-block;
}
@media screen and (max-width:1000px) {
	.cikk_blokk_kep{
		width: calc(100% - 0rem) !important;
        max-width: 100% !important;
	}
	.cikk_blokk_adatok{
		width:100%;
	}
	.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;
    color: #8c3631;
	transition:all 0.125s ease;
}
.dokumentum_icon3:before{
	content: "\f0f6";
}


.dokumentum_div{
	 float: left;
	 padding: 5px;
	 overflow:hidden;
}
.dokumentum_nev{
	    font-family: fontom,FontAwesome;
	    color: #525252;
	    font-weight: bold;
	    position:relative;
	    font-size: 12px;
	    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;
	    /* background: #ebebeb; */
	    width: calc(100% + 0rem);
}
.oldal_mappak_wrapper{
	    /* background-color: #ebebeb; */
	    overflow: auto;
	    transition: all 0.25s ease;
	    margin-top: 5px;
	    width: 100%;
	    padding-left: 0.75rem;
	    padding-right: 0.75rem;
}
.oldal_kepek{
	    overflow: auto;
    background: white;
}
.oldal_dokumentum_fejlec{
     background: rgb(245, 245, 245);
     /* display:  none; */
}
.oldal_dokumentum_fejlec2{
	    background-color:rgb(0 0 0 / 6%);
	    padding: 5px 15px;
	    font-size: 22px;
	    display: inline-block;
	    font-family: fontom2;
	    text-transform: uppercase;
}
.oldal_kepek_kep{
	    float: left;
    height: 150px;
    width: calc(20% - 20px);
    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% - 20px);
	}
	.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: var(--main-color);
	    font-weight: normal;
	    text-transform: uppercase;
	    padding: 5px 10px;
}

.oldal_fejlec_icons{
	    display: inline-block;
    padding: 6px;
    font-size: 10px;
    color: #6d6d6d;
}
.oldal_fejlec_icons.kategoria_icon:before,.cikk_blokk_icons.kategoria_icon:before{
	font-family:fontAwesome;
	content: "\f009";
	margin-right:5px;
    font-size: 12px;
}


.oldal_fejlec_cim2{font-size: 25px;color: var(--main-color);font-weight: normal;text-transform: uppercase;position: relative;display: block;padding: 5px 10px;background:  white;display: inline-block;margin: 0px;}
.oldal_kep_wrapper{
    height: 50vh;
    position: relative;
    overflow: hidden;
}
.oldal_torzs{
	overflow:auto;
	padding: 15px 15px 30px 15px;
	background-color: white;
}
.oldal_torzs:empty{
	display:none;
}
.oldal_torzs h1{
	font-size: 16px;
    margin: 10px 0px;
    font-weight: bold;
    line-height: 150%;
    color: var(--main-color);
}
.oldal_torzs h2{
	/*! font-size: 14px; */
    margin: 10px 0px;
    font-weight: bold;
    line-height: 150%;
    /*! color: var(--main-color); */
}
.oldal_torzs h3{
	/*! font-size: 12px; */
    margin: 10px 0px;
    font-weight: bold;
    line-height: 150%;
    /*! color: var(--main-color); */
}
.oldal_wrapper{

}
.oldal_adatok{
	    background-color: white;
	    padding: 0px 10px;
}
.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;
}
.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{
}
.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: var(--main-color);
	    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: var(--main-color);
}
.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(100% - 210px);
}

.termek_adatlap.termek_adatlap_harmad{
	width:calc(100% - 420px);
}
.termek_adatlap.termek_adatlap_fel{
	width:calc(100% - 210px);
}
.loader_div{animation:oldalanim 0.75s ease;width: calc(100% - 0px);position:  relative;display: inline-block;text-align: left;}
.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: right;
}
.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: 0px;
	}
	.loader_div.loader_div_harmad{
		width:100%;
	}
	.loader_div.loader_div_fel{
		width:100%;
	}
}
.termek_alapadatok_blokk .termek_adatok_nev{
	    font-size: 30px !important;
	    line-height: normal;
}
.tabs > ul{
	display:none;
}


.tabs > ul{
	    background-color: white.tabs ul li.ui-tabs-active.ui-state-active;
	    display:block;
	    border-bottom: 1px solid whitesmoke;
}

.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: var(--main-color);
	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 li{
		/* width:25%; */
		/* float: left !important; */
	}
	#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:var(--main-color);
  	position: relative;
 }
	#cssmenu > ul > li > ul.otermekek li ul li a::before{
		display: inline-block;
		content: '\f013';
		font-family: fontAwesome;
		position: absolute;
		color: var(--main-color);
		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{
		float:left;
		position:relative;
		padding-right: 0px;
		width: 100%;
	}
	#cssmenu ul li ul li ul li{
        /* color:white; */
        /* background-color: #eaeaea; */
	 }
	.cssmenu ul ul ul.hovered, .cssmenu ul ul ul.opened{
		background-color: #eaeaea !important;
	}
}
.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: var(--main-color);
    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{
	    width:100%;
	    transition: all 0s ease;
	    position: relative;
}
.kereses_gomb{
	    cursor:pointer;
	    transition: all 0.125s ease;
}
.kereses_gomb:before {
}
.kereses_gomb:hover{
	/* background-color: var(--main-color); */
	/* color: var(--main-color); */
	/* font-size: 20px; */
}
.kereses_doboz{
	position: absolute;
	top: calc(0% + 10px);
	right: 0%;
	opacity:0;
	border: 2px solid var(--main-color);
	box-shadow: 0px 0px 20px 10px #00000070;
	width: calc(120% - 0px);
	z-index: 999;
	transition:all 0.25s ease;
	z-index: 999;
	display: inline-block;
	background: #ffffff;
	transform: scale(0.9);
	border-radius: 5px;
	visibility: hidden;
}

@media screen and (min-width: 1000px){
	.kereses_gomb.aktiv:before {
    content: "\e646";
}
}
@media screen and (max-width: 1000px){
	.kereses_gomb.aktiv:before {
    content: "\e646";
}
}

.kereses_doboz.aktiv{
    opacity:1;
    -moz-transform-origin: 0% 0%;
    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;
    padding: 0px 10px 10px 10px;
    display: inline-block;
    width: 100%;
}
.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;
}


.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 {
    /* position: relative; */
    /* text-align: center; */
    /* color: #ffffff; */
}
.kereses_gomb:hover, .kosar_gomb:hover{

}
#cssmenu > ul > li > a:hover {
    z-index: 2;
}
.topnav > li:before {
    display: inline-block;
    height: 100%;
    /* content: '/'; */
    position: absolute;
    top: 30%;
    right: 0px;
    color: #3c3c3c36;
    transition: all 0.2s ease;
}
.topnav > li:last-child:before {
    display: inline-block;
    height: 100%;
    content: '';
    position: absolute;
    top: 30%;
    right: 0px;
    color: #3c3c3c36;
    transition: all 0.2s ease;
}

.steps{
	box-shadow: 0 1px 2px #D9DADB;
	border-radius: 5px;
	margin: 0 0 0.5rem 0 !important;
}
.step{
	background: white;
	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;
}
.link.step:hover {
    background: #eaeaea;
    color: black;
}
.step.disabled{
	color:rgba(40,40,40,.3);
}
.step.active{
	background: var(--main-color);
	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% - 1rem);
		margin: 0 0.5rem 0.5rem 0.5rem !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;
	}



	.kereses_doboz{
	width: calc(300% - 0px);
	}

	.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{
		content: "\e60d";
	}
	.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;
}
.default_tabla *{
	/* font-weight:normal !important; */
	vertical-align: middle;
}

#belepes_form{
	    /* padding: 5px 0px; */
	    /* background-color: #3c3c3c; */
	    display: block;
	    /* width: calc(100% - 0px); */
}
.logo_wrapper{
}
.kereses_input_wrapper{
	vertical-align: middle;
	display: table-cell;
	width: 25%;
	position:  relative;
}
.kosarba_rakom{vertical-align: middle;}
.fo_banner2 .slick-arrow, .fo_banner .slick-arrow{
	top: calc(100% - 22.5px) !important;
}
@media screen and (max-width: 1000px){
	.kereses_gomb:before {
		width: 100%;
		content: "\e610";}
	.kereses_gomb:after{
		display:none;
	}
	.logo_wrapper{
		/* width: 100%; */
		margin: 5px;
	}
}


.termek_blokk_valtozat {}
.termek_blokk_valtozat_nev{
	color: var(--main-color);
	font-size: 13px;
	font-weight: normal;
	margin-top: 3px;
	font-family: xolonium;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	padding: 5px 5px;
	position: relative;
}
.termek_blokk_valtozatok{
}
.termek_blokk_valtozat_opcio{
	cursor:pointer;
	margin: 5px;
	transition:all 0.125s ease;
}
.termek_blokk_valtozat_opcio .checkbox_szoveg{
	cursor: pointer;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #656565;
}
@media screen and (max-width: 1000px){
	.checkbox_szoveg{
	/* max-width:90%; */
	max-width: calc(100% - 15px);
	}
}
.termek_blokk_valtozat_opciok {
    padding: 0px 5px;
}
.kosar_termek_cikkszam{color: gray;font-weight: normal;font-size: 11px;}
.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
{
	width: 30px;
	height: 30px;
	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.tipus3:hover, .termek_blokk_valtozat_opcio.tipus3.aktiv{
    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: 15px;
	    position: relative;
	    height: 15px;
	    transition:all 0.250s ease;
	    border-radius: 10px;
	    vertical-align:middle;
	    border: 2px solid darkgray;
}
.checkbox_input input[type=radio]:disabled + label.checkbox_label{
	opacity:0.3;
}

.checkbox_input input[type=radio]:disabled + label + .checkbox_szoveg{
	opacity:0.3;
}

.checkbox_szoveg_aktiv{
	color: var(--main-color);
}
label.checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	transition:all 0.250s ease;
	background: var(--main-color);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: none;
	border-right: none;
	border-radius: 100%;
}
.checkbox_input:focus .checkbox_label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}
.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;
	width: 50%;
	left: 25%;
	height: 50%;
	top: 25%;
}
.termek_blokk_valtozat_opcio:hover .checkbox_szoveg{
	color: var(--main-color);
	 transition:0.250s ease;
	
}
.checkbox_input:hover .checkbox_szoveg{
	color: var(--main-color);
	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;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
}
.szurke{
	background-color:gray;
}
.piros{
	background-color:rgb(214, 28, 28);
}
.kek{
	    background: #306da9;
}
.fekete{
	    background: black;
}
.zold{
	   background: green;
}
.barna{
	    background: #a5712a;
}
/* ALERTS */
.alerts_container{
    position: fixed;
    right: 10px;
    top: 10px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    max-height: 0;
}
.alerts{width: 20vw;min-width: 400px;}
.alert{
	position: relative;
	padding: initial;
	margin-bottom: initial;
	border: initial;
	border-radius: initial;
	width: 100%;
}
.alert_box {
        z-index: 999;
        position: relative;
        background: rgba(40, 43, 47, 0.9);
        overflow: auto;
        display: inline-block;
        min-width: 300px;
        width: 100%;
        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:var(--main-color);
}
.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%;
}

@media screen and (max-width:1000px) {
	.alerts_container{
    }
    .alerts{
    	width: calc(100% - 20px);
    	min-width: initial;
    }
}

/* ALERTS VEGE */
.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;
    font-weight: normal;
    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; */
    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;
	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;
	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;
}
.page-link{}
.page-link:hover{
	color:initial;
}
.page-link.first:after {
font-family: FontAwesome;
content: "\f048";
margin-left: 10px;
color: black;
line-height: 1rem;
}
.page-link.prev:after {
font-family: FontAwesome;
content: "\f053";
margin-left: 10px;
color: black;
font-size: 11px;
line-height: 1rem;
}

.page-link.next:after {
font-family: FontAwesome;
content: "\f054";
margin-left: 10px;
color: black;
font-size: 11px;
line-height: 1rem;
}
.page-link.last:after {
font-family: FontAwesome;
content: "\f051";
margin-left: 10px;
color: black;
/* font-size: 11px; */
line-height: 1rem;
}
.page-link{
}
.tablesorter-pager .first:before{
	outline: none;
	transition:all 0.125s ease;
	font-family: FontAwesome;
	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;
	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;
}
.pagedisplay{
	    font-size: 12px;
}
/* KONFIGURATOR*/
.konfigurator_opcio{
	/* background: white; */
    border-radius: 5px;
    box-shadow: 0 0px 10px #0000000d;
	margin-bottom: 15px;
}
.konfigurator_opcio_csoport_nev{
	margin-top:5px;
}
.konfigurator_opcio_loader {
    width: 100%;
    padding: 5px;
}

.konfigurator_termek_blokk  .termek_adatok_rovid_leiras{
	padding:0px;
	margin: 0px;
}
.konfigurator_termek_blokk  .termek_adatok_ar{
	padding:0px;
}



/* KONFIGURATOR VEGE */

.form-control{
	font-size:inherit !important;
}

.btn-primary, .btn-primary:active, .btn-primary:focus,.btn-primary:not([disabled]):not(.disabled):active{background-color:var(--main-color) !important;border-color: var(--main-color) !important;/*! font-family: fontom2; */}
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus,.btn-outline-primary:not([disabled]):not(.disabled):active{
	border-color:var(--main-color) !important;
}

.text-secondary{
	color:darkgray !important;
}

@media screen and (min-width:576px)
{
.breadcrumbs,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal,.default_blokk_container, .oldal   {
    max-width: 540px;
}
}
@media screen and (min-width:768px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap, .sajat_oldal,.default_blokk_container, .oldal  {
    max-width: 720px;
}
}
@media screen and (min-width:992px)
{
.breadcrumbs ,.oldal_wrapper,.loader_div, .termek_adatlap , .sajat_oldal,.default_blokk_container, .oldal  {
    max-width: 960px;
}
}
@media screen and (min-width:1200px)
{
.breadcrumbs ,.oldal_wrapper ,.loader_div, .termek_adatlap , .sajat_oldal,.default_blokk_container, .oldal  {
    max-width: 1140px;
}
}
@media screen and (min-width:1400px)
{
.breadcrumbs ,.oldal_wrapper ,.loader_div, .termek_adatlap , .sajat_oldal,.default_blokk_container, .oldal  {
    max-width: 1320px;
}
}


@media screen and (max-width: 1000px) {
	.konfigurator_opcio_loader {
    width: calc(100% - 10px);
    padding: 0px;
	}
	.konfigurator_opcio_nev{
		border: none !important;
	}
	.konfigurator_termek_blokk_kep {
		width: 100% !important;
	}
}

/*DATATABLE*/
.page-item{
	background-color: #fff;
	margin-left: 0px !important;
	border-left: 1px solid lightgray;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;
	transition:all 0.125s ease;
	margin-left: -1px !important;
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
}
.page-item:not(.disabled):not(.checkbox):not(.active):not(.readonly):hover{
	background-color: lightgray !important;
	border-color: darkgray !important;
	z-index: 2;
}
.page-item:last-of-type{
	border-right: 1px solid lightgray;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.page-item:first-child{	
	margin-left: 0px !important;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.datatable_button:last-child{	
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.datatable_button:first-child{	
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.datatable_button{
	transition: all 0.125s ease !important;
	color:black;
	border-left: 1px solid lightgray;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	border-right: 1px solid lightgray;
	background-color: #f6f6f6 !important;
}
.datatable_button:hover{
	color:black !important;
	background-color: lightgray !important;
	border-color: darkgray !important;
}
.datatable_button:focus{
	box-shadow:none !important;
}
.page-link{
	background-color: transparent !important;
	border: 0px !important;
	padding: 5px 10px;
	margin: 0px !important;
	line-height: inherit;
	display: inline-block;
	vertical-align: middle !important;
	color: black;
}
.page-link:focus{
	box-shadow:none;
}
.date-page-link{
	padding: 0px !important;
	height: 100%;
}
.page-link.readonly
{
	background-color: #e9ecef;
	border-color: #dee2e6;
	cursor: default !important;
}

.page-item input,.page-item select{
	height: 100%;
	border: 0px !important;
	width:100%;
	border-radius: 0px !important;
}
.page-item input[type=checkbox]{
	height: initial;
	width:initial;
}
.page-item.checkbox{
	border-color:transparent;
	margin-left: 10px !important;
}
.date-page-link input{height: 28.5px;}
.page-link checkbox{
	
}
.page-item:not(.active):not(.disabled):hover > .page-link{
	color:black !important;
}
span.page-link.page-link2 {
padding: 0px !important;
}
.page-link.first:after {font-family: FontAwesome;content: "\f048";/* margin-left: 10px; */color: black;line-height: 1rem;}
.page-link.prev:after {font-family: FontAwesome;content: "\f053";/* margin-left: 10px; */color: black;font-size: 11px;line-height: 1rem;}

.page-link.next:after {font-family: FontAwesome;content: "\f054";/* margin-left: 10px; */color: black;font-size: 11px;line-height: 1rem;}
.page-link.last:after {font-family: FontAwesome;content: "\f051";/* margin-left: 10px; */color: black;/* font-size: 11px; */line-height: 1rem;}
.page-link.nezet:after {
font-family: FontAwesome;
content: "\f0db";
margin-left: 10px;
color: black;
line-height: 1rem;
}
.dataTable{
	width:100%;
}
.dataTable th {
    font-weight: bold;
    text-align: center;
    background-color: transparent !important;
    text-shadow: white 0px 1px 0px !important;
    font-size: 13px !important;
    border-bottom: 2px solid #ddd;
}
.pagination .page-item .page-link{
    display: inline-block;
    vertical-align: middle !important;
    height: 100%;
    font-size: 13px;
}
.pagination .page-item.active{
	background-color: whitesmoke;
}
.pagination .page-item.active .page-link{
	color:initial;
	box-shadow: none;
	color: gray;
}
.dataTable td{
	padding:4px;
	border: #f1f1f1 1px solid;
	border-width: 0 1px 1px 0;
	font-size: 13px;
}
.dataTables_wrapper{font-size: 13px;}
div.dataTables_wrapper div.dataTables_filter input {top: 0px;vertical-align: middle;font-size: 13px !important;margin: 0.5rem !important;}
.pagination_toolbar:empty{
	display:none !important;
}
.pagination_parent{
}
.table_wrapper.overflow-x{
	overflow-x: auto;
}
.table_wrapper{
	max-width: 100%;
	min-height: 300px;
}
.table_wrapper2{
	max-width: 100%;
	overflow-x: auto;
}
.dataTables_paginate {
    margin: 0px !important;
    padding: 0.5rem;
}

@media screen and (max-width: 1000px) {
	.table_wrapper{
		overflow-x: auto;
	}
}
/*DATATABLE VEGE*/

/*bootstrap 5*/
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}

.ml-1{
	margin-left:.25rem!important;
}
.ml-2{
	margin-left:.5rem!important;
}
.ml-3{
	margin-left:1rem!important;
}
.ml-4{
	margin-left:1.5rem!important;
}
.ml-5{
	margin-left:3rem!important;
}

.mt-1{
	margin-top:.25rem!important;
}
.mt-2{
	margin-top:.5rem!important;
}
.mt-3{
	margin-top:1rem!important;
}
.mt-4{
	margin-top:1.5rem!important;
}
.mt-5{
	margin-top:3rem!important;
}

.mr-1{
	margin-right:.25rem!important;
}
.mr-2{
	margin-right:.5rem!important;
}
.mr-3{
	margin-right:1rem!important;
}
.mr-4{
	margin-right:1.5rem!important;
}
.mr-5{
	margin-right:3rem!important;
}

.mb-1{
	margin-bottom;:.25rem!important;
}
.mb-2{
	margin-bottom:.5rem!important;
}
.mb-3{
	margin-bottom:1rem!important;
}
.mb-4{
	margin-bottom:1.5rem!important;
}
.mb-5{
	margin-bottom:3rem!important;
}

/*bootstrap 4 margin */

.pl-1{
	padding-left;:.25rem!important;
}
.pl-2{
	padding-left:.5rem!important;
}
.pl-3{
	padding-left:1rem!important;
}
.pl-4{
	padding-left:1.5rem!important;
}
.pl-5{
	padding-left:3rem!important;
}

.pt-1{
	padding-top:.25rem!important;
}
.pt-2{
	padding-top:.5rem!important;
}
.pt-3{
	padding-top:1rem!important;
}
.pt-4{
	padding-top:1.5rem!important;
}
.pt-5{
	padding-top:3rem!important;
}

.pr-1{
	padding-right:.25rem!important;
}
.pr-2{
	padding-right:.5rem!important;
}
.pr-3{
	padding-right:1rem!important;
}
.pr-4{
	padding-right:1.5rem!important;
}
.pr-5{
	padding-right:3rem!important;
}

.pb-1{
	padding-bottom;:.25rem!important;
}
.pb-2{
	padding-bottom:.5rem!important;
}
.pb-3{
	padding-bottom:1rem!important;
}
.pb-4{
	padding-bottom:1.5rem!important;
}
.pb-5{
	padding-bottom:3rem!important;
}


.input-group-text{
	height:100%;
}
.input-group-prepend .input-group-text{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
/*bootstrap 5 vege*/

.w100{
max-width:initial !important;
}