body { font-size: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #ffffff;  }
body, td , input , select, textarea  { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 1em; color: #000000; }
td { vertical-align: top; padding: 5px; }
a { color: #422116; text-decoration: none; }
a:hover  { color: #653c2e; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
input::-ms-clear { display: none; }
textarea { resize: none; } 

h1 { display: none; }
h2, h3 { font-weight: 400; margin-top: 0}

.kek { color: #0084ca;  }
.piros { color: #ee3a43;  }
.barna { color: #422116;  }

.image-link img {    }
.image-link img:hover {     -webkit-filter: grayscale(70%) brightness(90%);  filter: grayscale(70%) brightness(90%); }
 
#toTop { width: 47px;	height: 47px; background:#6b433b; opacity: 0.4; border-radius: 28px; line-height: 47px; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 30px;	cursor: pointer; right: 50px; display: none; }
#toTop:hover { opacity: 0.7; }

.btn { background-color: #aeaeae;   text-transform: uppercase; font-size: 0.93em; color: #FFFFFF; padding: 10px 22px 10px 22px; display: inline-block; border-radius: 5px; transition: background-color 0.2s; }
.btn:hover { background-color: #898989;  color: #FFFFFF; }
.btn_min { background-color: #aeaeae;  font-size: 0.85em; color: #FFFFFF; padding: 6px 18px 6px 18px; display: inline-block; border-radius: 5px; transition: background-color 0.2s; }
.btn_min:hover { background-color: #898989;  color: #FFFFFF; }

#fadclose a { display: inline-block;  border-radius: 3px; background-color: #ee3a43; font-size: 0.9em; padding: 2px 6px; color: #FFFFFF; transition: background-color 0.14s;}
#fadclose a:hover { background-color: #bf1b23; }



@media all and (max-width: 1141px) { 
 #top, .cslider { display: none; }
	#top2_m { height: 4em; }
	#logo1_m { margin: 0em auto 0 auto; display: block;  }
	#logo2_m { margin: 2em auto 0 auto; display: block;  }
	.content { margin: 0 auto;  text-align: center; }
	.content_center { text-align: center;  }
	.content_left { text-align: left; ; }
	
	.cat-row-before { height: 1px !important; overflow: hidden !important; opacity: 0.01 !important;  }
	.cat-row-before div { display: none; }
 .cat-row-before div img { display: none;}
	
	.cat-name { padding: 1em 0 ; background-color: #6b433b; font-size: 1.5em; color: #422116;  color: #FFFFFF;  margin: 1.4em auto 0 auto;  }
 .cat-desc { font-size: 1.1em; width: 90%; color: #4d4d4d;  line-height: 1.5em; margin: 1.4em auto 0 auto;}

	.prod_m {   text-align: center; display: block; margin: 5em auto;   }
	.prod_m img { width: 50% }
	.prod_m span { width: 60%; display: block; text-align: center;  margin: 0 auto;}
	
	#contact { padding: 0 2em;  color: #333333; line-height: 1.5em; text-align: center; }
	#contact-name { display: none; }
 #contact_form_container {  margin: 0 0 4em 0; }

	
 #bottom {  }
	#bottom-content { text-align: center; padding: 1em 0 2em 0; }
	.bmenu { display: none; } 
	 
	#bcopy {  font-size: 1em;  color: #000000;  }
	#btz { display: none}

	
 #bshld { padding-top: 30px; }
 #bshld a { font-size: 0.9em; color: #808080; margin:1em; display: block; }
 #bshld a:hover { text-decoration: underline; }
}



@media all and (min-width: 1140px) { 
body {   }
#top_m, #home_m , #banner_m , .prod_m { display: none; }
#menu_m , #menu_m ul { display: none; }

.content { width: 1140px; margin: 0 auto; background: rgba(255,0,0,0.0); }
.content_center { text-align: center;  }
.content_left { text-align: left; ; }


#top { height: 146px; }
.top-content { height: 146px; }

#logo { float: left; display: block; margin: 21px 0 0 115px; width: 245px; height: 86px; background: url(img/logo.png); }
#top_right {  float: right; margin: 9px 83px 0 0; } 

#langs { float: right; margin-right: 46px;}
#langs a { font-size: 16px; display: inline-block;  transition: color 0.14s;  color: #412115; text-transform: uppercase; margin: 8px 10px 0 0; font-weight: 500; }
#langs a:hover {  color: #ee3a43;   }
#langs a.aktlang {  color: #ee3a43 !important;   }
#langs a.aktlang:hover {  color: #ee3a43;   }
#topcont { float: right; }
#topcont a { font-size: 14px; color: #FFFFFF; height: 31px; line-height: 31px; display: block; background-color: #ee3a43; transition: background-color 0.14s; padding: 0 16px; border-radius: 4px;  }
#topcont a:hover {   color: #FFFFFF;  background-color: #cd2e36;  }
#topinfo { text-align: right; margin-top: 15px; }
#topinfo span { text-align: right;   font-size: 16px; display: block; color: #ee3a43;}
#topinfo u { text-align: right; text-decoration:none; font-size: 12px; display: block; color: #252525; margin-top:3px;}

#banner_hu { height: 315px; background: url(img/banner_hu.jpg) no-repeat center center; }
#banner_ro { height: 315px; background: url(img/banner_ro.jpg) no-repeat center center; }
#banner_en { height: 315px; background: url(img/banner_en.jpg) no-repeat center center; }

.cat-name { font-size: 26px; color: #422116; margin: 22px auto 0 auto;  }
.cat-desc { font-size: 16px; width: 900px; color: #4d4d4d; margin:9px auto 60px auto; line-height: 21px;}
.cslider { width: 1140px; margin-bottom:77px;  }
.cslider ul { width: 100%; margin:0; padding:0; }
.cslider li {   text-align: center }
.cslider .sitem { text-align: center;  }
.cslider .sitem  img { text-align: center; margin: 0 auto; opacity: 0.25;}
.cslider .sitem  span { text-align: center; margin: 12px auto; font-weight: 500; display: block; opacity: 0.53;}
.sviz img , .sviz span { opacity: 1 !important; }

.cat-row-before { height: 100px; margin-bottom: 80px; }
.cat-row-before div { width: 1140px; position: relative; margin: 0 auto; background:red;}
.cat-row-before div img { position: absolute; left: 0; top:-80px;}
.cat-row-before-nr-0 {  opacity:0.1 !important; height: 1px !important; background-color: transparent !important; overflow: hidden !important;  margin-bottom: 0 !important;}

#contact { padding: 0 95px; color: #494949; line-height: 26px; margin-bottom: 200px; }
#contact-name { text-align: center; margin: 0 auto;  color: #422116; font-size: 26px; margin-top: -55px; margin-bottom: 62px; }
#contact_form_container { float: right; height: 321px; width: 564px; overflow: hidden; }

#content_descr { min-height: 500px; width: 900px; margin: auto; text-align: left; }
#content_descr #content_title { padding: 40px 0; font-size: 20px; }
#content_descr #content_content { color: #505050; line-height: 22px; font-size: 16px; }

#bottom { height: 195px; background-color: #6b433b; position: relative; }
#bottom:before { content: ""; z-index: 10; position: absolute; top:-111px; width: 496px; left: 50%; margin-left: -610px; height: 111px; background: red url(img/bottombefore.jpg); display: block; }
#bottom-content { padding: 21px 95px; }
.bmenu { color: #FFFFFF; font-size: 12px; display: inline-block; margin: 0 20px 0 0; } 
.bmenu:hover { text-decoration: underline; color: #FFFFFF; font-size: 12px; } 
#bcopy { padding: 6px 0 6px 120px; font-size: 14px; background: url(img/logobottom.png) no-repeat left center; line-height: 19px; color: #FFFFFF; margin-top: 20px;   width: 450px;  }
#btz { float: right; margin: 72px 0 0 25px; background: url(img/btz.png) no-repeat; width: 64px; height: 19px; display: block; }

#bshld { padding-top: 20px; }
#bshld a { font-size: 12px; color: #c8c8c8; margin-right: 20px; display: inline-block; }
#bshld a:hover { text-decoration: underline; }

}



@media all and (min-width: 1141px) { 
#menu { text-align: right; padding-right: 84px; }
#menu a { display: inline-block; margin: 0 0 0 32px; font-size: 18px; color: #422116; transition: color 0.14s; }
#menu a:hover {  color: #ee3a43; }

}

@media all and (max-width: 1140px) { 

/* MOBILE TOP */
#top_m { height: 4em; background-color: #6b433b; position: fixed; top:0; left:0; right: 0;}
#icon_m { float: left; display: block; margin: 1.2em 0 0 0.7em; width: 45px; height: 34px;  }
#icon_search_m { float: right; display: block; margin: 1.1em 0.8em 0 0; width: 45px; height: 34px;  }
#search_m { background-color:#365439; border:1px solid #365439; display: none; line-height: 1.3em}
#search_go_m { color: #ffffff; padding: 0.40em; line-height: 1em; font-size: 1.3em; background:#1d2e1f }
#szo_m { height: 2em; line-height: 2em; font-size: 1.2em; padding: 0 0 0 0.3em; width: 200px; }
#home_m { float: right; display: block; margin: 1.1em 0.7em 0 0; width: 45px; height: 34px;  }
#home_m i , #icon_m i , #icon_search_m i { color: #E0E0E0; font-size: 1.7em;  }
#home_m:hover i , #icon_m:hover i , #icon_search_m:hover i { color: #FFFFFF;  }

#menu_m { background-color:#714d46; border:1px solid #714d46; display: none;text-align: left; position: fixed; top: 4em; left:0; right: 0;}
#menu_m ul { list-style-type: none; padding:0; margin: 0; background-color: transparent;}
#menu_m a { color: #dddddd;  }
#menu_m li ul { display: none; }
#menu_m  li { margin: 1em; }
#menu_m > ul > li  a { font-size: 1.4em;  }
#menu_m li ul a { font-size: 1.2em;  }
}

 




	


#gmap { width: 97%; height: 400px; }
#map-canvas { width: 100%; height: 395px;  }
#subject { display: none; }

	@media all and (min-width: 1141px)  {
/* contact */
.ctitle2 { font-size: 1.2em; color: #494949; text-align: left;   }
.finp { display: block; float: left; width: 164px; border:1px solid #bababa; border-radius: 2px; font-size: 14px; height: 32px; line-height: 32px; padding: 0 0 0 10px; color: #333; }
.finp_space { margin-left: 10px; }
#txt { resize: none;display: block; width: 537px; border-radius: 2px; margin-top: 13px; transition: border-color 0.15s; border:1px solid #bababa; height: 120px; padding: 4px 0 0 10px; font-size: 14px ; color: #333; overflow: auto;   }
#txt:focus { border-color: #787878;}
.hov_border {  transition: border-color 0.15s; }
.hov_border:focus { border-color: #787878; }
#csmb{ float: left; margin-top: 20px;  border-width:0; cursor: pointer; }
#csmb:hover{   }
#prl { display: none; color: #8e8c48;     float: left;}
#zoom_mobile { display: none; }
	}
	
@media all and (max-width: 1140px)  {
/* contact */
#sform { text-align: center; }
#mobile_map { }
.ctitle2 { font-size: 1.4em; color: #222222; text-align: center;    }
.finp { display: block;  width: 90%; margin: 0 auto 1.2em auto;  border:1px solid #b7b7b7; border-radius: 2px; font-size: 1em; height: 2em; line-height: 2em; padding: 0 0 0 6px; color: #333; }
#txt { resize: none; display: block; width: 90%; border-radius: 2px; margin: 0 auto 1.2em auto; transition: border-color 0.15s; border:1px solid #b7b7b7; height: 5em; padding: 4px 0 0 6px; font-size: 1em ; color: #333; overflow: auto;   }
#txt:focus { border-color: #949364;}
.hov_border {  transition: border-color 0.15s; }
.hov_border:focus { border-color: #949364; }
#csmb{  border-width:0;   cursor: pointer; }
#csmb:hover{  }
#prl { display: none; color: #8e8c48;  float: left }
#zoom_desktop { display: none; }
}

::-webkit-input-placeholder { color: #777;}
:-moz-placeholder { /* Firefox 18- */ color: #777; }
::-moz-placeholder {  /* Firefox 19+ */ color: #777;  }
:-ms-input-placeholder { color: #777;  }



.st_facebook_custom {	background: url(img/stfb.png) no-repeat scroll left top transparent;	padding:17px; width: 34px; height: 34px; cursor: pointer;  } 
.st_linkedin_custom {	background: url(img/stin.png) no-repeat scroll left top transparent;	padding:17px; width: 34px; height: 34px; cursor: pointer; margin: 0 0 0 10px;} 
.st_pinterest_custom {	background: url(img/stpn.png) no-repeat scroll left top transparent;	padding:17px; width: 34px; height: 34px; cursor: pointer; margin: 0 0 0 10px;} 
.st-hov:hover { filter: brightness(82%); }