/*
Theme Name: Bare Responsive Narancs
Theme URI: http://www.hongkiat.com/blog/
Author: Jake Rocheleau
Author URI: http://www.hongkiat.com/blog/author/jake/
Description: Bare Responsive is a simple Wordpress theme template for developers. You can get started with this very basic set of styles and page structures, then customize the design to your liking. It's super easy to launch a new Wordpress theme if you can start with some foundation!
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
}

body{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	font-family:arial;
	position:relative;
}

header{
	background:rgba(255,102,0,0.7);
	width:100%;
}

.latszik{
	display:table !important;
}

html { height: 100%; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

#main ol, #main ul { padding-left: 20px; list-style-type: disc; }

table { border-collapse: collapse; border-spacing: 0; font-size: 1.6em; line-height: 1.75em; color: #565656;}
img { border: 0; max-width: 100%; }

/** page wrapping **/

.wrapper { max-width: 900px; margin: 0 auto; }

#top { margin-bottom: 40px; }
#top h1 { font-family: "Quando", "Trebuchet MS", Tahoma, serif; font-size: 4.0em; letter-spacing: -0.1em; line-height: 1.8em; color: #575757; margin-top: 10px; width: 100%; text-align: center; margin-bottom: 12px; }
#top h1 a { color: #575757; }
#top h1 a:hover { color: #575757; text-decoration: none; }

#mainbody { display: block; z-index: auto; width: 100%; }

/** full navigation **/

#navbar { display: none; }

nav { display: block; }
#n ul { 
display: block; 
height: 50px; 
background: #fafafa;
background: -moz-linear-gradient(#fafafa, #eaeaea);
background: -webkit-linear-gradient(#fafafa, #eaeaea);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea')"; 
border: 1px solid #eaeaea; 
border-bottom-color: #cacaca; 
}

#n ul li { display: inline-block; position: relative; font-size: 1.2em; font-weight: bold; text-shadow: 0px 1px 0px #fff; border-right: 1px solid #e1e1e1; margin-right: -3px; }
#n ul li a { display: block; padding: 0px 12px; line-height: 50px; color: #777; }
#n ul li a:hover { color: #477aad; text-decoration: none; background: #fafafa; }

#n ul li ul { display: none;  margin: 0; position: absolute; top: 50px; zoom: 1; z-index: 9999; background: #fff; border-top: 1px solid #cacaca; border-bottom: 1px solid #e1e1e1; }
#n ul li ul li { display: block; width: 11em; border: 0; }
#n ul li ul li a { background: #fff; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }

#n ul li:hover > ul { display: block; }
#n ul li:hover > a { text-decoration: none; }

/** posts **/

#content { width: 100%; position: relative; }
#main { display: block; width: auto; box-sizing: border-box; margin-right: 280px; -moz-box-sizing: border-box; padding: 0 12px; }

.post { display: block; margin-bottom: 25px; padding-top: 10px; padding-bottom: 15px; }
.post header { display; block; margin-bottom: 25px; }

.post p { margin-bottom: 20px; line-height: 1.7em; } 

.post header h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 2.4em !important; line-height: 1.4em; margin-bottom: 4px !important; color: #323232; }
.post header h2.bigger { font-size: 3.1em !important; }

.post h2 { display: block; font-family: Cambria, Georgia, serif; font-size: 2.4em; color: #434343; line-height: 1.4em; margin-bottom: 15px; }

.post h3 { font-size: 1.7em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 4px; background: #f5f5f5; margin-bottom: 15px; margin-top: 5px; }

.post h4 { display: block; font-size: 1.4em; text-transform: uppercase; color: #56b972; line-height: 1.5em; margin-bottom: 3px; font-weight: bold; letter-spacing: 0.15em; text-decoration: none; padding-left: 25px; border-left: 3px solid #56b972; }

.post .meta { font-size: 1.2em; line-height: 1.3em; }
.post .meta i { display: block; margin-bottom: 10px; font-style: normal; color: #666; }

.post blockquote { display: block; box-sizing: border-box; -moz-box-sizing: border-box; background: #fbf0de; padding: 9px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 18px; }
.post blockquote p { font-style: italic; font-weight: normal; color: #797064; margin-bottom: 3px; font-size: 1.9em; }

.post .postcontent { margin-bottom: 25px; }

.post .more-link { display: block; font-size: 1.6em; font-weight: bold; margin-top: 15px; }
.post p .more-link { font-size: 1.0em; }

.postbrdr { border-bottom: 3px solid #ccc; }

.archiveshead h2 { font-size: 2.2em; color: #454545; font-weight: bold; line-height: 1.55em; }

#navbelow { display: block; width: 100%: padding: 0px; margin-top: -10px; margin-bottom: 15px; }

.nav-prev { float: left; display: block; }
.nav-next { float: right; display: block; }
 
.nav-prev a, .nav-next a { display: block; padding: 3px 5px; font-size: 1.3em; }
.nav-prev a:hover, .nav-next a:hover {  }

/** comments **/

#comments { display: block; margin-top: 15px; } 
.post #comments h3 { font-size: 1.7em; line-height: 1.45em; color: #818181; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; padding: 6px 10px; background: #f5f5f5; }

#comments #respond { margin-left: 0; }
#comments .commentlist .comment #respond { margin-left: 35px; font-size: 1.0em; } 
		
#cancel-comment-reply { font-weight: bold; display: block; position: relative; }
#cancel-comment-reply-link { display: block; padding: 0px 4px; font-size: 0.8em; position: absolute; right: 0; top: -12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; } 
#cancel-comment-reply-link:hover { color: #fff; text-decoration: none; background: #5d9de5; }

.commentlist { list-style: none; }
.commentlist .comment { display: block; position: relative; margin-bottom: 28px; }

.commentlist .comment .comment-author { position: relative; }
.commentlist .comment .comment-author .avatar { display: inline-block; padding: 5px; background: #fafafa; border: 1px solid #ccc; margin-right: 15px; }

.commentlist .comment .comment-author .fn { font-weight: bold; font-size: 1.65em; line-height: 1.1em; font-style: normal; position: absolute; top: 2px; color: #535353; }
.commentlist .comment .comment-author .says { display: none; }

.commentlist .comment .comment-meta { position: absolute; top: 25px; margin-left: 60px; font-size: 1.2em; }

.commentlist .comment p { display: block; margin-top: 15px; padding-right: 10px; }

.commentlist .comment .comment-body .reply { font-size: 1.3em; }
.commentlist .comment .comment-body .reply a.comment-reply-link { display: inline-block; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: none; -webkit-transition: none; -moz-transition: none; }

.comment-awaiting-moderation { font-size: 1.2em; color: #444; display: block; text-decoration: underline; text-align: center; margin-top: 4px; margin-bottom: -5px; }

.commentlist .comment ul.children { margin-left: 40px; padding-top: 15px; }

#commentform { display: block; width: 100%; margin-bottom: 0; margin-top: 6px; }
#commentform label { font-size: 1.2em; line-height: 1.6em; display: block; width: 100%; color: #575757; margin-bottom: 2px; font-weight: bold; }
#commentform label small { display: inline; size: 0.9em; font-style: italic; font-weight: normal; color: #7dafe6; }

#commentfields #commentfields { display: block; margin-bottom: 4px; }
#commentfields #commentfields .ibox { display: block; margin-bottom: 10px; width: 100%; }

#commentfields .basicinput { display: block; padding: 7px 6px; font-size: 1.5em; width: 90%; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentfields textarea { display: block; padding: 5px 4px; font-size: 1.45em; width: 90%; height: 125px; outline: none; border: 1px solid #dbdbdb; color: #487cb7; }

#commentform #comment { display: block; margin-bottom: 8px; color: #565656; font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; line-height: 1.5em; padding: 4px 7px; }

#commentform #submit, .button {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-size: 1.45em;
	font-weight: bold;
	padding: 6px 24px;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #287ace;
}

#commentform #submit:hover, .button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color: #4197ee;
}

#commentform #submit:active, .button:active {
	position:relative;
	top:1px;
}

/** sidebar **/
#sidebar { display: block; float: right; width: 250px; padding-top: 30px; height: 100%; }
#sidebar-responsive { display: none; }

#sidebar .widget { display: block; margin-bottom: 20px; }
#sidebar .widget h3 { font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: normal; text-transform: uppercase; padding: 15px 0px; padding-bottom: 5px; font-size: 1.6em; border-bottom: 1px solid #ddd; color: #898989; margin-bottom: 10px; } 

#sidebar .widget ul { display: block; margin-left: 10px; }
#sidebar .widget ul li { font-size: 1.1em; margin-bottom: 6px; }
#sidebar .widget ul li ul { font-size: 0.9em; }
#sidebar .widget ul li a { display: block; padding: 6px 12px; font-size: 1.2em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; }

#sidebar .widget ul li a:hover { color: #fff; background: #5d9de5; text-decoration: none; }


/** search **/
#s { padding: 3px 5px; color: #565656; border: 1px solid #bbb; outline: none; width: 66%; font-size: 1.2em; }


/** footer **/

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.post blockquote {
  /*background: #f9f9f9;*/
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  background:none;
}
.post blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.post blockquote p{
  font-size:1.6em;
}

/*#content img{
margin:5px;
}*/

/*
#content li{
font-size: 1.6em;
color: rgb(86, 86, 86);
line-height: 1.7em;
list-style-type:disc;
margin-left:20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}*/

#content li ul li{
font-size: 1em;
color: rgb(86, 86, 86);
line-height: 1.7em;
list-style-type:disc;
margin-left:20px;
}

/*fooldal*/

#myBackground {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	z-index:-1;
}
#myBackground img {
    height: 100%;
    width: 100%;
}
#myBackground img:nth-child(2) {
    display: none;
}

.cb-slideshow{
	list-style-type:none;
}

#fejlecfelso{
	display:table;
	margin:0 auto;
	padding: 4px 0;
}

#fejlecfelso p{
	color:#ffffff;
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 1.02vw;
	display:inline-block;
	margin: 2px 3vw;
}

#fejlecfelso p span{
	color:#669900;
}

#fejlecfelso p span{
	height: 24px;
	width: 24px;
	display: inline-block;
	background-size: auto 100%;
	margin-right: 6px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#fejlecfelso p span.fcim{
	background-image:url(images/location.png);
}


#fejlecfelso p span.ftel{
	background-image:url(images/phone.png);
}

#fejlecfelso p span.ffax{
	background-image:url(images/fax.png);
}

#fejlecfelso p span.femail{
	background-image:url(images/mail.png);
}

#fejlecfelso p a{
	color:#ffffff;
	text-decoration:none;
}

#fejlecfelso p a:hover{
	color:#669900;
}

#content{
	/*background:#669900;*/
	padding:0px 0px;
	position:relative;
	    /*margin-bottom: 5%;*/
}

#logo{
	display: block;
	margin: 18px auto;
	max-width:90%;
}

.gombok{
	position:absolute;
	right:0;
	background:rgba(0,0,0,0.7);
	border-radius: 15px 0px 0px 15px;
	padding: 5px 8px;
	width:24.91%
}

.gombok p span{
	background:none;
	/*width:49%;*/
	display:block;
	width:100%;
	text-align:center;
	text-align:center;
	margin:0px !important;
}

.gombok p{
	color:#ffffff;
	text-transform:uppercase;
	/*font-size: 1.37vw;*/
	font-size: 1.02vw;
	margin-bottom:10px;
}

.gombok p.megadotto{
	color:#669900;
	margin-bottom:20px;
	margin-top:0px;
}

.gombok .vissza{
	background-image: url(images/vissza.png) !important;
	background-position:left 10px center;
	background-repeat:no-repeat;
	padding: 0px 10px 0px 42px;
	border: 1px solid #ffffff !important;
	text-align: center;
	margin: 0 auto;
    display: block;
    background-size: auto 68%;
    color: #ffffff;
	border-radius: 5px;
	display: inline-block;
	margin-right: 4vw;
}

.gombok .tovabb{
	border: 1px solid #ffffff !important;
    border-radius: 5px;
    /*width: 45%;*/
    text-align: center;
    background-image: url(images/gomb.png) !important;
	background-position:right 10px center;
	background-repeat:no-repeat;
    margin: 0 auto;
    display: block;
    background-size: auto 68%;
    color: #ffffff;
	padding: 0px 42px 0px 10px;
	border-radius: 5px;
	display: inline-block;
}

.tovabb{
	display:inline-block !important;
	color:#669900;
	border:1px solid #ffffff !important;
	border-radius:5px;
	background-image:url(images/gombz.png);
	 background-size: auto 68%;
	    background-position: right 7% center;
    background-repeat: no-repeat;
    padding: 0px 5% 0px 1%;
}

.gombkozepre{
	display:table;
	margin:30px auto 10px auto;
}

.szovegdoboz{
	color:#ffffff;
	background:rgba(0,0,0,0.7);
	/*padding:5px 8px;*/
	padding: 0px 20px;
	/*max-width:490px;*/
	width: 20%;
	border-radius: 0px 15px 15px 0;
	position:absolute;
	top:116px;
	left:0;
}

.szovegdoboz h3{
	display:block;
	text-align:center;
	/*font-size:30px;*/
	    /*font-size: 1.55vw;*/
		font-size:20px;
		margin:20px 0;
}

.szovegdoboz p{
	text-align:justify;
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size:16px;
	line-height:150%;
	margin-bottom:16px;
}

#content .ui-widget{
	display:inline-block;
	margin: 5px 1.8%;
	/*background:url(images/arrow.png) no-repeat right center;*/
/*	padding-right:13px;*/
	/*width: 41.75%;*/
	width:34.75%;
	background-size: auto 100%;
}

#content .ui-widget input{
	width:100%;
}

#content form{
	display:table;
	/*margin:0 auto;*/
	    margin-left: 29%;
	/*width: 37%;*/
	/*width:41%;*/
	width:48%;
	

}

#content form div.hatteres{
	background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    border-radius: 5px;
	margin-bottom:5px;
	display:block;
}



.emailform{
	background:rgba(0,0,0,0.8);
	padding: 15px 15px 60px 15px;
	position: absolute;
	/*top: 20%;*/
/*	width:40%;*/
}

select::-ms-expand {
    display: none;
}

#content form p.honnanhova label{
	width:50%;
	text-align:center;
	color:#ffffff;
	display: inline-block;
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 17px;
}

#content form p label{
	width:auto;
	text-align:center;
	color:#fff;
	display: inline-block;
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 17px;
}

#content form p.honnanhova span{
	/*width: 295px;*/
	width:45%;
	color:#669900;
	display:inline-block;
	background-size: auto 100% !important;
}

#content form p.honnanhova span.lenyilo{
	/*background:url(images/arrow.png) no-repeat right center !important;*/
}

#content form p.honnanhova input{
/*	color:#669900;*/
	color: #fff;
	width:95%;
}

#content form p.honnanhova span:first-child{
	margin-right:30px;
}

#content form p.honnanhova span:last-child{
	float:right;
}

#content form p.kozep{
	text-align:center;
	color:#ffffff;
	font-size: 17px;
}

#content form p.kozep input{
	/*display:block;*/
	margin:0 auto;
	width: 55%;
}

#content form p.mennyisegdb{
	display: table;
	margin: 0 auto;
	width: 55%;
}

#content form p.mennyisegdb span, #content form p.formrow_select span{
	display: inline-block;
}

#content form p.mennyisegdb span span, #content form p.formrow_select span span{
	background:url(images/arrow.png) no-repeat right center;
	background-size: auto 100% !important;
}

#content form p.formrow_select span{ width: 40%; padding-right: 14px; }
.nice-select{ padding-right: 14px; font-size: 15px !important; }

.varosform span{
	
	background-size:auto 100%;
	display: inline-block;
/*	padding-right: 2%;*/
	/*width: 42.75%;*/
	width:35.75%;
}

.varosform span.lenyilo{
	/*background: url(images/arrow.png) no-repeat right center;*/
}

input[type="text"]:focus, select:focus, select option:focus, span.current:focus, .nice-select:focus{
	outline: none;
	-webkit-appearance: none;
-moz-appearance: none;
}

select option{
	background:rgba(0,0,0,0.7) !important;
	color:#ffffff;
	border:none;
}

option:checked, option:hover {
    color: white;
    background: #669900;
}

input::-webkit-calendar-picker-indicator {
/*  display: none; */
	color: #fff;
}

.varosform span input{
	width:100%;
	padding-left: 2px;
}

.varosform span:first-child{
	margin-right:4%;
}

.orsz input{
/*	color:#669900 !important;*/
	color: #fff !important;
}

.orsz{
	    width: 75%;
}

.orsz span{
	width:46.75%;
}

.orsz span:first-child{
	margin-right:5%;
}

.varosform .tovabb{
	margin-left:3%;
}


#content form p.mennyisegdb input{
	/*width:200px;*/
	width: 44.7%;
}

#content form p.mennyisegdb input[type="text"]{
	margin-right:4%;
}

#content form p.mennyisegdb span{
	/*width:200px;*/
	width: 44.7%;
}

#content form p.mennyisegdb select{
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 17px;
	background:none;
	border:none;
	border-bottom:1px solid #ffffff;
	/*width:200px;*/
	/*width: 40.7%;*/
	width:100%;
	color:#ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
}

#content form p.mennyisegdb select:after{
	content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 90%;  /* or 100px */
  border-bottom:1px solid #ffffff;
}


#content form .emailform input[type="submit"]{
	border:1px solid #ffffff;
	border-radius: 5px;
	padding: 3px 0px;
	width:45%;
	text-align:center;
	background:url(images/gomb.png) no-repeat right 10px center;
	margin: 0 auto;
	display: block;
	margin-top: 15px;
	background-size: auto 68%;
	color:#ffffff;
}

#content form input{
	/*color:#ffffff;*/
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 17px;
	background-color:transparent;
	border:none;
	border-bottom:1px solid #ffffff;
	/*width:295px;*/
	text-transform:uppercase;
}

#content form input[name="email"]{
	text-transform: none;
}

#content form input::-webkit-input-placeholder {
   color: #b1b1b1;
    opacity:1;
	text-transform:lowercase;
}

#content form input:-moz-placeholder { /* Firefox 18- */
   color: #b1b1b1;  
    opacity:1;
	text-transform:lowercase;
}

#content form input::-moz-placeholder {  /* Firefox 19+ */
   color: #b1b1b1;  
    opacity:1;
	text-transform:lowercase;
}

#content form input:-ms-input-placeholder {  
   color: #b1b1b1;  
   opacity:1;
	text-transform:lowercase;
}

#content form input:disabled::-webkit-input-placeholder {
   color: #333;
    opacity:1;
}

#content form input:disabled:-moz-placeholder { /* Firefox 18- */
   color: #333;  
    opacity:1;
}

#content form input:disabled::-moz-placeholder {  /* Firefox 19+ */
   color: #333;  
    opacity:1;
}

#content form input:disabled:-ms-input-placeholder {  
   color: #333;  
   opacity:1;
}

#content form input[type="text"], #content form input[type="date"]{
/*	color:#669900;*/
	color: #fff !important;

}

@supports (-ms-ime-align:auto) {
    /*#content form input[type="text"]{
		color:#ffffff;
		background:rgba(0,0,0,0.7);
	}*/
	
}
/*
_:-ms-lang(x), #content form input[type="text"] {  color:#000000; } 

_:-ms-lang(x), .varosform span{ background:rgba(255,255,255,0.7) url(images/arrow.png) no-repeat right center;}
_:-ms-lang(x), #content .ui-widget{ background:rgba(255,255,255,0.7) url(images/arrow.png) no-repeat right center;}
*/

option {
    background: rgba(0,0,0,0.3);
}

#content form input{
	/*color:#ffffff;*/
	/*font-size:26px;*/
	/*font-size: 1.37vw;*/
	font-size: 17px;
	
	border:none;
	border-bottom:1px solid #ffffff;
}

.ui-widget{
	position:relative;
}

.ui-helper-hidden-accessible{
	display:none;
}

.ui-autocomplete{
	background:rgba(0,0,0,0.7);
	color:#ffffff;
	width:15% !important;
	position:absolute;
	padding-left:0;
	
}
/*
.ui-menu .ui-menu-item:hover div, .ui-menu .ui-menu-item:focus div, .ui-menu .ui-menu-item:active div {
    background:#ff8a00!important;
    color:#000;
    border-radius:0;
}*/
/*
#autocomplete li.selected { 
  background-color:#428bca;
  color:green;
}*/


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,   
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
   background: red;
   border: none;
   color:#000;
   border-radius:0;
   font-weight: normal;
}


.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #669900;
	color:#ffffff;
}


#content form p.mennyisegdb span.current{
	width:auto;
}
	
.ui-state-active{
	background:#669900;;
}



.ui-menu-item{
	list-style-type:none;
	line-height:170%;
	
}

.ui-menu-item div{
	padding:0 5px;
}

.ui-menu-item:hover, .ui-menu-item:active, .ui-menu-item:focus{
	cursor:pointer;
	background:#669900;
}


#europa img{
	margin:0 auto;
	display:block;
	/*max-width:1000px;*/
	width: 44.55%;
}

.orszagkep{
	width: 38.55% !important;
}

#europa h2{
	display:table;
	margin: 0 auto;
	text-align:center;
	margin-bottom:0px;
	color:#ffffff;
	background: rgba(0,0,0,0.7);
	margin-top: 15px;
	border-radius: 15px;
    padding: 10px 50px;
	text-transform:uppercase;
}
/*
#varoskuld, #orszagkuld{
	display:none;
}*/

#orszagkuld{
	margin: 10px auto;
	display: table;
}

.custom-combobox-input{
	background:url(images/arrow.png) no-repeat right center !important;
}

footer{
	background:rgba(255,102,0,0.7);
	width:100%;
	position: fixed;
	bottom: 0;
}

#footerlinkek{
	display:table;
	margin:0 auto;
	border-spacing: 45px 8px;
	display:none;
}

footer a{
	/*height:64px;*/
	/*line-height: 165%;*/
	/*line-height:64px;*/
	/*padding-left:75px;*/
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	/*font-size:20px;*/
	font-size: 17px;
	font-family:arial;
	text-transform:uppercase;
	background-size:auto 100% !important;padding-left: 6%;
    padding-left: 5%;
    width: 13%;
}

footer a:hover{
	color:#669900;
}

footer a.chat{
	background:url(images/chat.png) no-repeat left center;
}

footer a.skype{
	background:url(images/skype.png) no-repeat left center;
}

footer a.viber{
	background:url(images/viber.png) no-repeat left center;
}

footer a.messenger{
	background:url(images/messenger.png) no-repeat left center;
}

footer a.forrodrot{
	background:url(images/phone.png) no-repeat left center;
}

footer a.chat:hover{
	background:url(images/chat-hover.png) no-repeat left center;
}

footer a.skype:hover{
	background:url(images/skype-hover.png) no-repeat left center;
}

footer a.viber:hover{
	background:url(images/viber-hover.png) no-repeat left center;
}

footer a.messenger:hover{
	background:url(images/messenger-hover.png) no-repeat left center;
}

footer a.forrodrot:hover{
	background:url(images/phone-hover.png) no-repeat left center;
}


.hiba{
	color:red;
	display:block;
	text-align:center;
	font-size:20px;
	background:rgba(0,0,0,0.7);
	padding: 12px 0px 8px 0px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 8px 0;
}


.koszono{
	background:rgba(0,0,0,0.7);
	color:#ffffff;
	padding: 25px 50px;
}

.koszono h3 {
    display: block;
    text-align: center;
    font-size: 20px;
	margin-bottom:10px;
}

.koszono p{
	text-align:center;
}

#ujkereses{
	display: table !important;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 17px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 3px 5% 0px 1%;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index:-1; margin:0;
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(images/pattern.png) repeat top left; 
	opacity:0.3;
	z-index:0;
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 160s linear infinite 0s;
    -moz-animation: imageAnimation 160s linear infinite 0s;
    -o-animation: imageAnimation 160s linear infinite 0s;
    -ms-animation: imageAnimation 160s linear infinite 0s;
    animation: imageAnimation 160s linear infinite 0s; 
	
	
	/*-webkit-animation: 200s linear 0s infinite alternate imageAnimation ;
    -moz-animation: 200s linear 0s infinite alternate imageAnimation ;
    -o-animation: 200s linear 0s infinite alternate imageAnimation ;
    -ms-animation: 200s linear 0s infinite alternate imageAnimation ;
    animation: 200s linear 0s infinite alternate imageAnimation ;*/
	
}

body{ 
/*	background-image: url(images/hatter/kep1.jpg); */ 
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
	 height: 100%;
}

.cb-slideshow{
	padding:0;
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(images/hatter/kep1.jpg);
/*	-webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; */
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(images/hatter/kep2.jpeg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}

.cb-slideshow li:nth-child(3) span { 
    background-image: url(images/hatter/kep3.jpeg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(images/hatter/kep4.jpeg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(images/hatter/kep5.jpeg);
    -webkit-animation-delay: 32s;
    -moz-animation-delay: 32s;
    -o-animation-delay: 32s;
    -ms-animation-delay: 32s;
    animation-delay: 32s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(images/hatter/kep6.jpeg);
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}
.cb-slideshow li:nth-child(7) span { 
    background-image: url(images/hatter/kep7.jpeg);
    -webkit-animation-delay: 48s;
    -moz-animation-delay: 48s;
    -o-animation-delay: 48s
    -ms-animation-delay: 48s;
    animation-delay: 48s; 
}
.cb-slideshow li:nth-child(8) span { 
    background-image: url(images/hatter/kep8.jpg);
    -webkit-animation-delay: 56s;
    -moz-animation-delay: 56s;
    -o-animation-delay: 56s;
    -ms-animation-delay: 56s;
    animation-delay: 56s; 
}
.cb-slideshow li:nth-child(9) span { 
    background-image: url(images/hatter/kep9.jpeg);
    -webkit-animation-delay: 64s;
    -moz-animation-delay: 64s;
    -o-animation-delay: 64s;
    -ms-animation-delay: 64s;
    animation-delay: 64s; 
}
.cb-slideshow li:nth-child(10) span { 
    background-image: url(images/hatter/kep10.jpeg);
    -webkit-animation-delay: 72s;
    -moz-animation-delay: 72s;
    -o-animation-delay: 72s;
    -ms-animation-delay: 72s;
    animation-delay: 72s; 
}
.cb-slideshow li:nth-child(11) span { 
    background-image: url(images/hatter/kep11.jpeg);
    -webkit-animation-delay: 80s;
    -moz-animation-delay: 80s;
    -o-animation-delay: 80s;
    -ms-animation-delay: 80s;
    animation-delay: 80s; 
}
.cb-slideshow li:nth-child(12) span { 
    background-image: url(images/hatter/kep12.jpg);
    -webkit-animation-delay: 88s;
    -moz-animation-delay: 88s;
    -o-animation-delay: 88s;
    -ms-animation-delay: 88s;
    animation-delay: 88s; 
}
.cb-slideshow li:nth-child(13) span { 
    background-image: url(images/hatter/kep13.jpeg);
    -moz-animation-delay: 96s;
    -o-animation-delay: 96s;
    -webkit-animation-delay: 96s;
    -ms-animation-delay: 96s;
    animation-delay: 96s; 
}
.cb-slideshow li:nth-child(14) span { 
    background-image: url(images/hatter/kep14.jpeg);
    -webkit-animation-delay: 104s;
    -moz-animation-delay: 104s;
    -o-animation-delay: 104s;
    -ms-animation-delay: 104s;
    animation-delay: 104s; 
}
.cb-slideshow li:nth-child(15) span { 
    background-image: url(images/hatter/kep15.jpeg);
    -webkit-animation-delay: 112s;
    -moz-animation-delay: 112s;
    -o-animation-delay: 112s;
    -ms-animation-delay: 112s;
    animation-delay: 112s; 
}
.cb-slideshow li:nth-child(16) span { 
    background-image: url(images/hatter/kep16.jpg);
    -webkit-animation-delay: 120s;
    -moz-animation-delay: 120s;
    -o-animation-delay: 120s;
    -ms-animation-delay: 120s;
    animation-delay: 120s; 
}
.cb-slideshow li:nth-child(17) span { 
    background-image: url(images/hatter/kep17.jpeg);
    -webkit-animation-delay: 128s;
    -moz-animation-delay: 128s;
    -o-animation-delay: 128s;
    -ms-animation-delay: 128s;
    animation-delay: 128s; 
}
.cb-slideshow li:nth-child(18) span { 
    background-image: url(images/hatter/kep18.jpeg);
    -webkit-animation-delay: 136s;
    -moz-animation-delay: 136s;
    -o-animation-delay: 136s;
    -ms-animation-delay: 136s;
    animation-delay: 136s; 
}
.cb-slideshow li:nth-child(19) span { 
    background-image: url(images/hatter/kep19.jpeg);
    -webkit-animation-delay: 144s;
    -moz-animation-delay: 144s;
    -o-animation-delay: 144s;
    -ms-animation-delay: 144s;
    animation-delay: 144s; 
}
.cb-slideshow li:nth-child(20) span { 
    background-image: url(images/hatter/kep20.jpeg);
    -webkit-animation-delay: 152s;
    -moz-animation-delay: 152s;
    -o-animation-delay: 152s;
    -ms-animation-delay: 152s;
    animation-delay: 152s; 
}
/*.cb-slideshow li:nth-child(21) span { 
    background-image: url(images/hatter/kep21.jpg);
    -webkit-animation-delay: 160s;
    -moz-animation-delay: 160s;
    -o-animation-delay: 160s;
    -ms-animation-delay: 160s;
    animation-delay: 160s; 
}
.cb-slideshow li:nth-child(22) span { 
    background-image: url(images/hatter/kep22.jpg);
    -webkit-animation-delay: 168s;
    -moz-animation-delay: 168s;
    -o-animation-delay: 168s;
    -ms-animation-delay: 168s;
    animation-delay: 168s; 
}
.cb-slideshow li:nth-child(23) span { 
    background-image: url(images/hatter/kep23.jpg);
    -webkit-animation-delay: 176s;
    -moz-animation-delay: 176s;
    -o-animation-delay: 176s;
    -ms-animation-delay: 176s;
    animation-delay: 176s; 
}
.cb-slideshow li:nth-child(24) span { 
    background-image: url(images/hatter/kep24.jpg);
    -webkit-animation-delay: 184s;
    -moz-animation-delay: 184s;
    -o-animation-delay: 184s;
    -ms-animation-delay: 184s;
    animation-delay: 184s; 
}
.cb-slideshow li:nth-child(25) span { 
    background-image: url(images/hatter/kep25.jpg);
    -webkit-animation-delay: 192s;
    -moz-animation-delay: 192s;
    -o-animation-delay: 192s;
    -ms-animation-delay: 192s;
    animation-delay: 192s; 
}*/
/*
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    90% { opacity: 1 }
	95% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    90% { opacity: 1 }
    95% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    90% { opacity: 1 }
    95% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    90% { opacity: 1 }
    95% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    1% { opacity: 1;
         animation-timing-function: ease-out; }
    90% { opacity: 1 }
    95% { opacity: 0 }
    100% { opacity: 0 }
}*/

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    8% { opacity: 1 }
    9% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    8% { opacity: 1 }
    9% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    8% { opacity: 1 }
    9% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    1% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    8% { opacity: 1 }
    9% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    1% { opacity: 1;
         animation-timing-function: ease-out; }
    8% { opacity: 1 }
    9% { opacity: 0 }
    100% { opacity: 0 }
}

select option {    /*height: 50px;*/    background-color: lavender;}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

#content form p{
	padding-top: 5px;
}

#content form p.withlabel label{
	padding-right: 0px;
}


#content form p.formrow {
	text-align: center; 
}

#content form p.formrow_left, #content form p.formrow_select {
	text-align: left;
}

#content form p.formrow_left .label_left, #content form p.formrow_select .label_left{
	text-align: left;
	width: 43%;
	font-size: 17px;
}

#content form p.formrow_left .label_right{
	text-align: right;
/*	margin-left: 5%;*/
	float: right;
	font-size: 17px;
}

#content form p.formrow input, #content form p.formrow_select input{
	width: 95px;
	margin-left: 10px; 
}

#content form p.formrow input["checkbox"]{
	padding: 10px;
}

/* Checkbox */
.container {
    display: block;
    position: relative;
    padding-right: 35px;
/*    margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background: rgba(0,0,0,0.5);
	border: 1px solid #fff;
	border-radius:3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #669900;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

textarea {
  outline: none;
  resize: none;
  border: 1px solid #fff;
  border-radius: 4px;
  background: rgba(0,0,0,0.5);
  color: #fff;
}

input#ertek{}

#content form input[type="date"]:disabled, #content form input[type="text"]:disabled {
    color: #333 !important;
	border-bottom: 1px solid #333;
}

#content form p.kozep input#suly {
		/* display: block; */
	    margin: 0 auto;
		width: 50%;
}

#content form p.kozep input#ldm {
		/* display: block; */
	    margin: 0 auto;
		width: 48%;
}

/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 0) 
and (max-width : 620px) {
	#navbar { 
	display: block; 
	height: 44px; 
	background: #242424;
	background: -moz-linear-gradient(top,  #242424 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #242424 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #242424 0%,#2a2a2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#2a2a2a',GradientType=0 );
	width: 100%; 
	}
	#navbar a { display: block; line-height: 44px; padding: 0 10px; font-weight: bold; font-size: 1.2em; color: #8fb5e0; }
	#navbar a:hover { color: #bbd2eb; text-decoration: none; }
	
	#n ul { display: none; background: #242424; border: 0; height: auto; padding: 5px 10px; overflow: hidden; }
	
	#n ul li { font-size: 1.3em; }
	
	#n ul li ul { display: block; position: static; border: 0; background: #242424; }
	#n ul li ul li { font-size: 1.1em; margin-left: 22px; width: auto; }
	#n ul li { border: 0; width: 100%; background: #242424; border: 0; }
	
	#n ul li a, #n ul li ul li a { display: block; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; line-height: 1.3em; text-shadow: none; width: 100%; padding: 5px 12px; margin: 0; }
	#n ul li ul li a { font-size: 1.0em; background: #242424; border: 0; }
	#n ul li a:hover, #n ul li ul li a:hover { background: #303030; color: #fff; text-decoration: none; }

	#main { display: block; float: none; width: auto; overflow: hidden; margin: 0; }
	#sidebar { display: none; float: none; }
	
	#sidebar-responsive { display: block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; margin-bottom: 15px; }
	#sidebar-responsive .widget { display: block; margin-bottom: 15px; }
	#sidebar-responsive .widget h3 { font-family: "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: bold; font-size: 1.5em; line-height: 1.4em; color: #898989; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #ddd; }
	
	#sidebar-responsive ul li { display: block; }
	#sidebar-responsive ul li a { display: block; padding: 10px 20px; font-size: 1.6em; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: none; -webkit-transition: none; -moz-transition: none; }
	#sidebar-responsive ul li a:hover { text-decoration: none; background: #565656; color: #fff; }
	
	.post header h2 { font-size: 2.75em; }
	
	.post .meta { font-size: 1.1em; line-height: 1.6em; }
	.post .meta i { margin-bottom: 4px; }
	
	#commentform #allowed_tags { display: none; }
}

@media screen and (max-width: 1300px) { 
    #content form input, .nice-select, #content form p.kozep {
		font-size: 17px;
	}
	#content form p.formrow label, #content form p.withlabel label, #content form p.formrow_select label{
	font-size: 17px;
	}

	#fejlecfelso p, .szovegdoboz p, #content form p.honnanhova label, #content form p.mennyisegdb select, #content form input {
		font-size: 17px;
	}
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}


@media only screen and (min-width: 769px) and (max-width: 1100px) { 
	.gombok .vissza{
		background-position:left 5px center !important;
		padding: 0px 5px 0px 25px !important;
	}
	
	.gombok .tovabb{
		background-position:right 5px center !important;
		padding: 0px 25px 0px 5px !important;
	}
}

@media screen and (max-width: 1060px) { 
	#content form p.honnanhova span:first-child{
		margin-right:1%;
	}
}

@media screen and (max-width: 1000px) { 
	#content{
			margin-bottom: 5%;
	}
}

@media screen and (max-width: 768px) { 
	.szovegdoboz{
		position: static;
		margin: 0 auto;
		width: 96%;
/*		top:0;*/
		border-radius:15px;
		/*margin-top:245px;*/	
		margin-bottom: 75px;
		padding: 5px;
	}
	
	.emailform {
		width:90%;
		position: static;
	}
	
	.emailform textarea{
		max-width: 100% !important;
		width: 100% !important;
	}

	.kozep, .nice-select{
		font-size:12px !important;
	}
	
	.gombok{
		/*bottom:40px;*/
		top: 350px;
		width: 90%;
		font-size:12px !important;
		border-radius:15px;
				margin: auto;
		position: absolute;
		left: 0; right: 0;
	}
	
	#europa img{
		min-width:250px;
		max-width:250px;
	}
	
	.gombok p span{
		font-size:12px !important;
	}
	
	#fejlecfelso p, .szovegdoboz p, #content form p.honnanhova label, #content form p.mennyisegdb select, #content form input{
		font-size:14px;
	}
	#content form p.formrow label, #content form p.withlabel label, #content form p.formrow_select label{
		font-size: 14px;
	}
	#content form p.formrow_left .label_left, #content form p.formrow_select .label_left, #content form p.formrow_left .label_right, #content form p.formrow_select .label_right{
		font-size: 14px;
	}
	#content form p.formrow_left .label_right, #content form p.formrow_select .label_right{
		vertical-align: bottom;
		position: relative;
		top: 10px;
	}

	.hiba{
		font-size:12px;
	}
	
	footer a{
		display:block;
		margin:2px auto;
		height: 20px;
		width: 95px;
		font-size:12px;
		background-size: auto 20px !important;
		float:left;
		    padding-left: 10%;
	}
	
	#footerlinkek {
		border-spacing: 22px 8px;
	}
	
	.szovegdoboz h3{
		font-size:14px;
	}
	
	#content form{
		width:95%;
	}
	
	#content{
	/*background:#669900;*/
		padding:10px 0;
		position:relative;
	    /*margin-bottom: 235px;*/
	}

	#content form{
		display:table;
		margin:0 auto;
		width:90%;
	}
	#content form p.mennyisegdb{
		width: 100%;
	}

	.nice-select {
		width: 90%;
	}

	#content form p.kozep input {
		/* display: block; */
	    margin: 0 auto;
		width: 97%;
	}

	#content form p.kozep input#suly {
		/* display: block; */
	    margin: 0 auto;
		width: 90%;
	}

	#content form p.honnanhova span {
		width: 49%;
	}

}

@media screen and (max-width: 600px) {
    .cb-slideshow li div h3 { font-size: 80px }
	
	.hatteres{
		margin: 0 auto;
		width: 90%;
	}
	
	.hatteres #ui-honnan, .hatteres #ui-hova, .hatteres span{
		display:block;
		width:90%;
		margin-bottom:10px;
	}
	
	.varosform .tovabb{
		margin-top:5px;
	}
	
	#content form input, .nice-select, #content form p.kozep {
		font-size: 14px;
	}
	
	#fejlecfelso p, .szovegdoboz p, #content form p.honnanhova label, #content form p.mennyisegdb select, #content form input {
	    font-size: 14px;
	}
	#content form p.formrow label, #content form p.withlabel label, #content form p.formrow_select label{
		font-size: 14px;
	}

	#content form p.formrow_left .label_left, #content form p.formrow_select .label_left{
		width: 30%;
	}

	.cb-slideshow li:nth-child(1) span { 
		background-image: url(images/mobilhatter/kep1.jpeg); 
	}
	.cb-slideshow li:nth-child(2) span { 
		background-image: url(images/mobilhatter/kep2.jpeg);
	}

	.cb-slideshow li:nth-child(3) span { 
		background-image: url(images/mobilhatter/kep3.jpeg);
	}
	.cb-slideshow li:nth-child(4) span { 
		background-image: url(images/mobilhatter/kep4.jpeg);
	}
	.cb-slideshow li:nth-child(5) span { 
		background-image: url(images/mobilhatter/kep5.jpeg);
	}
	.cb-slideshow li:nth-child(6) span { 
		background-image: url(images/mobilhatter/kep6.jpeg);
	}
	.cb-slideshow li:nth-child(7) span { 
		background-image: url(images/mobilhatter/kep7.jpeg);
	}
	.cb-slideshow li:nth-child(8) span { 
		background-image: url(images/mobilhatter/kep8.jpg);
	}
	.cb-slideshow li:nth-child(9) span { 
		background-image: url(images/mobilhatter/kep9.jpeg);
	}
	.cb-slideshow li:nth-child(10) span { 
		background-image: url(images/mobilhatter/kep10.jpeg);
	}
	.cb-slideshow li:nth-child(11) span { 
		background-image: url(images/mobilhatter/kep11.jpeg);
	}
	.cb-slideshow li:nth-child(12) span { 
		background-image: url(images/mobilhatter/kep12.jpg);
	}
	.cb-slideshow li:nth-child(13) span { 
		background-image: url(images/mobilhatter/kep13.jpeg);
	}
	.cb-slideshow li:nth-child(14) span { 
		background-image: url(images/mobilhatter/kep14.jpeg);
	}
	.cb-slideshow li:nth-child(15) span { 
		background-image: url(images/mobilhatter/kep15.jpeg);
	}
	.cb-slideshow li:nth-child(16) span { 
		background-image: url(images/mobilhatter/kep16.jpg);
	}
	.cb-slideshow li:nth-child(17) span { 
		background-image: url(images/mobilhatter/kep17.jpeg);
	}
	.cb-slideshow li:nth-child(18) span { 
		background-image: url(images/mobilhatter/kep18.jpeg);
	}
	.cb-slideshow li:nth-child(19) span { 
		background-image: url(images/mobilhatter/kep19.jpeg);
	}
	.cb-slideshow li:nth-child(20) span { 
		background-image: url(images/mobilhatter/kep20.jpeg);
	}
}

div#loading_table{ position:fixed; display: none; height:100%; width:100%; overflow:hidden; top:0; left:0; background: rgba(0,0,0,0.7); } 
div#loading_wrap { height:100%; width:100%; overflow:hidden; top:0; left:0; color: #ffffff; text-align: center; vertical-align: middle; display: table-cell; font-size: 200%; }

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator:hover {
	background: none;
}


input,
textarea {
    caret-color: #27ff00;
}