/* BVF STYLE for Ajánlatkérő BVF SK v1.0.6 */

/* -------------------------- generic styles ------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, pre, address, blockqoute, span, ul, ol, li, dl, dd, dt, img, form, fieldset, input{
	margin:0;
	border:0;
	padding:0;
}

html{
	height:100%;
	min-height:100% !important;
}

body{
	background:#fff;
	font-family:'Open Sans', sans-serif;
	position:relative;
	min-height:100%;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, th {
	font-weight:normal;
	font-size:12px;
	font-style:normal;
}

fieldset, img{
	border-top-style:none; 
	border-right-style:none; 
	border-left-style:none; 
	border-bottom-style:none; 
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{text-align:left;}

a{
	text-decoration:none;
	color:#172945;
	outline:none;
}

a:hover{color:#172945b3;}

.center{
	margin:0 auto;
	max-width:1170px;
	width:95%;
}

/* ========= loading ========== */
#preloading{
	width:100%;
	height:100%;
	background:#ffffff;
	position:fixed;
	display:table;
	text-align:center;
	z-index:100;
	animation:cssAnimation 0s ease-in 1s forwards;
	-o-animation:cssAnimation 0s ease-in 1s forwards;
	-moz-animation:cssAnimation 0s ease-in 1s forwards;
	-webkit-animation:cssAnimation 0s ease-in 1s forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

@keyframes cssAnimation {
	to {
		width:0;
		height:0;
		overflow:hidden;
		visibility:hidden;
	}
}
@-webkit-keyframes cssAnimation {
	to {
		width:0;
		height:0;
		visibility:hidden;
	}
}

#preloading #preload{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	color:#fff;
	font-size:50px;
}

#preloading #preload .loader {
	border:7px solid #fff;
	border-top:7px solid #172945;
	border-radius:50%;
	width:50px;
	height:50px;
	animation:spin 2s linear infinite;
	text-align:center;
	margin:50px auto;
}

@keyframes spin {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

/* ========= loading ========== */
#loading{
	width:100%;
	height:100%;
	background:#000000cd;
	position:fixed;
	display:none;
	text-align:center;
	z-index:20;
}

#loading #loadtext{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	color:#fff;
	font-size:50px;
}

#loading #loadtext .loader {
	border:7px solid #fff;
	border-top:7px solid #172945;
	border-radius:50%;
	width:50px;
	height:50px;
	animation:spin 2s linear infinite;
	text-align:center;
	margin:50px auto;
}

@keyframes spin {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

/* ============== header =============== */
html.framed header {display:none !important;}

header{
	width:100%;
	height:70px;
	background:#ffffffe6;
	position:absolute;
	z-index:99;
	box-shadow:0px 1px 11px #c0c0c0;
}

header .center{text-align:center;width:95%;}

header img{
	height:45px;
	margin-top:12px;
	display:inline-block;
	vertical-align:top;
}

header .separator{
	display:inline-block;
	width:2px;
	height:50px;
	margin:10px 35px;
	background:#172945;
	vertical-align:top;
}

header .title{
	display:inline-block;
	color:#041c33;
	font-weight:700;
	font-size:16px;
	margin-top:26px;
	vertical-align:top;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
}

header .back{
	margin:33px 0 0 15px;
	float:left;
	height:40px;
	width:40px;
	background:url('images/back.png') no-repeat;
}

header .backlink:hover .back{
	float:left;
	height:40px;
	width:40px;
	background:url('images/back.png') no-repeat 0 -40px;
}

header .back_text{
	color:#fff;
	margin-top:29px;
	padding:13px 5px;
	float:left;
	font-size:18px;
	display:none;
}

header .backlink:hover .back_text{color:#172945;display:block;}

/* =============== welcome ================ */
#welcome{
	display:flex;
	background:url(images/bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}

#welcome .overlay{
	width:100%;
	height:100%;
	background:#ffffff4d;
}

#welcome img{
	width:100px;
	height:100px;
	position:relative;
	float:left;
	top:50px;
}

#welcome .description{
	max-width:650px;
	padding:25px 35px;
	margin:110px auto 40px auto;
	background:#fffffff3;
	border-left:3px solid #172945;
	overflow:auto;
}

.description p{font-size:14px;color:#172945;}

.headsection{display:none;}

#welcome .headsection .border{
	float:right;
	width:1px;
	height:100px;
	border-left:1px solid #f3f3f3;
	background:#f7f7f7;
}

#welcome .headsection .headcontent{
	float:right;
	width:43%;
	padding-left:8%;
	height:147px;
	display:table;
	border-left:1px solid #f3f3f3;
}

#welcome .headsection .title {
	font-size:20px;
	color:#172945;
	padding:0 0 20px 0;
	font-weight:600;
	text-align:center;
	display:none;
}

#welcome .tab{float:left;width:45%;margin:8px 10px 0 0;}
#welcome .tab a{width:auto;height:auto;cursor:pointer;}
#welcome .tab .tabnum{width:39px;float:left;}
#welcome .tab .tablinks{
	float:left;
	border:2px solid #172945;
	color:#172945;
	border-radius:100px;
	width:22px;
	height:22px;
	text-align:center;
	font-size:15px;
	margin:0 4px;
	clear:both;
	font-weight:600;
}

#welcome .tab .tablinks.done{color:#d6d6d6;border:2px solid #d6d6d6;}
#welcome .tab .tablinks.active{
	color:#172945;
	width:30px;
	height:30px;
	border:2px solid #172945;
	font-size:21px;
	margin:0;
	font-weight:400;
}

#welcome .tab .tabline{
	width:2px;
	float:left;
	height:7px;
	margin:0 17px 0 17px;
	background:#172945;
	clear:both;
}

#welcome .tab .tabline.done{background:#d6d6d6;}
#welcome .tab .tabtext{
	float:left;
	padding:3px 0 0 16px;
	color:#172945;
	font-size:14px;
}

#welcome .tab .tabtext.done{color:#d6d6d6;}
#welcome .tab .tabtext.active{
	color:#172945;
	padding:6px 0 0 16px;
	font-size:16px;
}

/* =============== main ================ */
main{
	width:100%;
	overflow:auto;
	padding-bottom:70px;
}

main .section{
	margin-bottom:10px;
	float:left;
	width:100%;
	display:none;
}

main .section.top{margin-top:30px;}
main .section img{width:60px;height:60px;float:left;}
main .section .content{max-width:1052px;margin:0 auto;}
main .section .content.radiohead{margin-bottom:6px;overflow:auto;}

main .section .line{
	width:100%;
	height:2px;
	background:#d6d6d6;
	float:left;
	margin:34px 15px 60px 0;
}

main .section .line span {
	font-size:16px;
	color:#d6d6d6;
	float:none;
	background:#fff;
	padding:0 15px;
	margin:-12px 22px;
	display:block;
	width:65px;
	margin:-12px auto;
	text-align:center
}

main .section .content .text{
	font-size:14px;
	color:#172945;
	float:left;
	width:138px;
	margin:0 10px 0 0;
	height:34px;
	display:table;
}

p{display:table-cell;vertical-align:middle;}

main .section .content .text.margin1{margin:0 10px 0 36px;}
main .section .content .text.margin2{margin:0 10px 0 40px;}
main .section .content .text.short{width:104px;}

main .section .content .text.unit{
	margin:0 0 0 8px;
	width:25px;
	font-style:italic;
}

main .section .content .text.long{
	width:620px;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
}

main .section .content .text.long2 {	width:290px;}
main .section .content .text.radiotxt{width:190px;}

/* Előre, vissza gombok */
main .section .navigation{
	width:100%;
	clear:both;
	margin:0 0 0 0;
}

main .section .navigation .prev{
	float:left;
	cursor:pointer;
	margin-bottom:5px;
}

main .section .navigation .next{
	float:right;
	cursor:pointer;
	margin-bottom:5px;
}

main .section .navigation button{
	background:none;
	border:none;
}

main .section .navigation button:focus{outline:0;}
main .section .navigation .left{float:right;}
main .section .navigation .right{float:left;}

main .section .navigation .label.right{
	margin-right:-8px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}

main .section .navigation .label.left{
	margin-left:-8px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}

main .section .navigation .label{
	background:#172945;
	color:#fff;
	padding:0 10px;
	font-size:14px;
	margin-top:6px;
	height:33px;
	display:table;
}

main .section .navigation .num{
	background:#172945;
	color:#fff;
	border-radius:100px;
	font-size:16px;
	text-align:center;
	width:45px;
	height:45px;
	display:table;
}

main .section .navigation .num.send, main .section .navigation .label.send{background:#172945;}
main .section .navigation .next:hover .label.send, main .section .navigation .next:hover .num.send{background:#172945b3;}
main .section .navigation .next:hover .label, main .section .navigation .prev:hover .label{background:#172945;}
main .section .navigation .next:hover .num, main .section .navigation .prev:hover .num{background:#172945;}

/* Előre, vissza gombok vége */
main .section .content .inputform, main .section .content select{
	float:left;
	height:34px;
	width:360px;
	border-radius:4px;
	border:solid 1px #172945;
	color:#172945;
	font-size:14px;
	padding:0px 0px 0px 11px;
	margin:0 0 22px 0;
	box-sizing:border-box;
	font-family:'Open Sans', sans-serif;
}

main .section .content select{
	width:360px;
	height:34px;
	float:left;
	border-radius:4px;
	border:solid 1px #172945;
	color:#172945;
	font-size:14px;
	padding:0px 0px 0px 11px;
	margin:0 0 22px 0;
}

main .section .content select.medium{width:176px;}
main .section .content .inputform.full{width:904px;}
main .section .content .inputform.medium{width:176px;}
main .section .content .inputform.mini{width:69px;padding-right:4px;}

input[type="checkbox"] {visibility:hidden;}

.checkbox {
	width:36px;
	height:36px;
	position:relative;
	float:left;
	margin:0 0 40px 0;
}

.checkbox label {
	position:absolute;
	width:34px;
	height:34px;
	top:0;
	left:0;
	background:none;
	border:1px solid #172945;
	border-radius:4px;
	box-sizing:border-box;
}

.checkbox label:after {
	opacity:0.0;
	content:'';
	position:absolute;
	width:16px;
	height:6px;
	background:transparent;
	top:9px;
	left:7px;
	border:3px solid #172945;
	border-top:none;
	border-right:none;
	transform:rotate(-45deg);
}

.checkbox label:hover::after {opacity:0.5;}

.checkbox input[type=checkbox]:checked + label:after {opacity:1;}

.radio{
	height:25px !important;
	width:25px !important;
	margin-top:6px !important;
}

/* fájl feltöltés */
.alaprajz{
	padding:28px;
	background:#172945;
	margin-bottom:30px;
	clear:both;
}

.alaprajz h2{
	font-weight:700;
	text-transform:uppercase;
	font-size:17px;
	color:#fff;
	padding-bottom:25px;
}

.alaprajz h3{
	font-weight:400;
	font-size:14px;
	color:#fff;
	padding-top:20px;
}

.alaprajz h4{color:#fff;padding-top:10px;}
.alaprajz p{color:#fff;}

.alaprajzimg{
	float:right;
	background:url(images/alaprajz2.png);
	background-position:center;
	background-size:120px;
	width:120px;
	height:120px;
	margin-top:-45px;
	margin-left:30px;
	background-repeat:no-repeat;
}

.custom-file-input {
	color:#fff;
	height:34px;
	min-width:30em;
	font-size:13px;
	font-family:'Open Sans', sans-serif;
}

.custom-file-input::-webkit-file-upload-button {
	color:#172945;
	display:inline-block;
	background:#fff;
	border:none;
	border-radius:6px !important;
	padding:0px 15px 0px 15px;
	outline:none;
	white-space:nowrap;
	-webkit-user-select:none;
	cursor:pointer;
	font-size:14px !important;
	height:34px;
	width:176px;
	font-family:'Open Sans', sans-serif;
	font-weight:600 !important;
}

/* helyiség elválasztó */
main .section .number{
	color:#172945;
	border-radius:100px;
	border:2px solid #172945;
	clear:both;
	width:18px;
	height:18px;
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

main .section .line2{
	width:calc(100% - 22px);
	height:2px;
	background:#172945;
	float:left;
	margin:11px 0 40px 0;
}

main .section .line2 span {
	font-size:16px;
	color:#172945;
	float:left;
	background:#fff;
	padding:0 15px;
	margin:-12px 12px;
	font-weight:600;
}

main .section .content .placeholder{
	width:100%;
	height:10px;
	clear:both;
}

/* további helyiségek hozzáadása */
main .section .more{
	width:100%;
	height:20px;
	padding:10px 0;
	cursor:pointer;
}

main .section .more .line2{
	width:100%;
	margin:14px 0 40px 0;
	background:#fff;
	height:3px
}

main .section .more:hover .line2{background:#ea5555;}

main .section .more .line2 span{
	float:none;
	margin:0 auto;
	padding:0;
}

main .section .more .line2 .plus{
	background:#ea5555;
	display:block;
	text-align:center;
	margin:-15px auto 0 auto;
	color:#fff;
	border-radius:100px;
	border:2px solid #ea5555;
	width:23px;
	height:23px;
	font-size:25px;
	line-height:1;
	padding:2px;
	font-family:arial;
	font-weight:400;
}

main .section .more .line2 .moretext{
	font-size:14px;
	font-weight:700;
	text-align:center;
	margin:5px 0 0 0;
	color:#ea5555;
}

main .section .more:hover .plus{
	background:#ea5555;
	border-color:#ea5555;
	color:#fff;
}

main .section .more:hover .moretext{color:#ea5555;}

/* feltételes megjelenés */
.padlofutes{float:right;}
.javasolt{
	color:#172945;
	float:right;
	height:34px;
	width:358px;
	font-size:13px;
	padding:0px 0 0 0;
	margin:0 0 22px 0;
}

.clr{clear:both;}

/* megjegyzés */
main .section .full_line{
	width:100%;
	height:3px;
	background:#172945;
	float:left;
	margin:0 0 60px 0;
}

main .section .content textarea{
	float:left;
	height:118px;
	width:calc(100% - 180px);
	border-radius:4px;
	border:solid 1px #172945;
	color:#172945;
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	padding:10px 15px 10px 15px;
	margin:0 0 30px 0;
}

main .button{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:356px;
	/*display:block;*/
	background:#172945;
	border-radius:4px;
	color:#fff;
	font-size:15px;
	font-family:'Open Sans', sans-serif;
	border:solid 2px #172945;
	height:35px;
	padding:0px 15px 0px 15px;
	margin:35px 0 0 0;
	cursor:pointer;
}

main .button:hover{
	background:none;
	color:#172945;
}

/* FOOTER */
footer{
	position:absolute;
	bottom:0;
	height:35px;
	background:#efefef;
	width:100%;
	font-size:14px;
	text-align:center;
	padding-top:15px;
}

/* Köszönő oldal */
#thanks{
	width:100%;
	height:100%;
	background:#fff;
	position:fixed;
	margin-top:100px;
}

#thanks .center{
	position:relative;
	height:100%;
}

#thanks .balloon{
	position:absolute;
	height:70%;
	right:0;
	top:10%;
	z-index:1;
}

#thanks .info{
	position:absolute;
	z-index:2;
	top:18%;
	width:60%;
}

#thanks .info img{
	float:left;
	margin:8px 40px 0 0;
	width:70px;
	height:70px;
}

#thanks .info .text{
	float:left;
	width:80%;
}

#thanks .info .text p{
	vertical-align:middle;
	font-size:14px;
	color:#172945;
}

#thanks .info .buttons{
	float:left;
	margin-top:30px;
}

#thanks .info .buttons .button{
	float:left;
	padding:7px 15px 6px 15px;
	color:#fff;
	border-radius:6px;
	background:#172945;
	font-size:14px;
	margin:0 20px 0 0;
	cursor:pointer;
}

#thanks .info .buttons .button:last-child{margin:0 0 0 0;}
#thanks .info .buttons .button:hover{background:#172945;}
#thanks .info .buttons .button:hover a{color:#fff;}
#thanks .placeholder{width:0;height:0;}

/* FULLSCREEN */
/* The Modal (background) */
.fullscreen {
	display:none; 
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:#0000009a;
}

/* Modal Content */
.fullscreen-content {
	text-align:left;
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid #00000033;
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 9px #00000080;
	box-shadow:0 3px 9px #00000080;

	margin:10% auto;
	padding:0;
	width:60%;
	-webkit-animation-name:animatetop;
	-webkit-animation-duration:0.4s;
	animation-name:animatetop;
	animation-duration:0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.fullscreen-close {
	color:#d4d4d4;
	float:right;
	font-size:28px;
	font-weight:bold;
	margin-top:-5px;
}

.fullscreen-close:hover,
.fullscreen-close:focus {
	color:#172945;
	text-decoration:none;
	cursor:pointer;
}

.close{
	text-align:center;
	padding:10px 5px;
	background:#172945;
	width:120px;
	border-radius:6px;
	margin:10px auto 15px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	cursor:pointer;
}

.close:hover{background:#d4d4d4;}

.fullscreen-header {
	padding:20px 16px;
	color:#9a9a9a;
	font-size:25px;
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	border-bottom:solid 1px #d4d4d4
}

.fullscreen-body {
	font-size:16px;
	color:#9a9a9a;
	position:relative;
	padding:20px 16px;
}

.fullscreen-body p{
	font-size:16px;
	display:block;
	vertical-align:inherit;
	padding-bottom:7px;
}

.fullscreen-body h2{
	font-size:17px;
	font-weight:800;
	padding-top:10px;
	padding-bottom:3px;
}

.fullscreen .fullform{
	width:100%;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
}

.fullscreen .fullform input{
	width:90%;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	background:none;
	border:none;
	outline:0;
	color:#fff;
}

.fullscreen .fullform button{
	background:none;
	border:none;
	padding:0 0 0 10px ;
	float:right;
}

.fullscreen .fullform button i{
	color:#fff;
	font-size:2em;
}

.fullscreen .fullform button i:hover{color:#ffffff80;}

@media only screen and (max-width:800px), only screen and (max-device-width:800px) {
	.fullscreen-content{width:80%}
}

@media only screen and (max-width:680px), only screen and (max-device-width:680px) {
	.fullscreen-content{width:90%}
}

@media only screen and (max-width:450px), only screen and (max-device-width:450px) {
	.fullscreen .fullform input{width:80%}
}

/* ALERT */
#alert {
	display:none;
	padding:20px;
	color:white;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:calc(100% - 40px);
	background:#f44336;
}

@-webkit-keyframes opacity {
	0%{opacity:1}
	100%{opacity:0.6;}
}
@-moz-keyframes opacity {
	0%{opacity:1}
	100%{opacity:0.6;}
}
@-o-keyframes opacity {
	0%{opacity:1}
	100%{opacity:0.6;}
}
@keyframes opacity { 
	0%{opacity:1}
	100%{opacity:0.6;}
}

#alert:hover{
	opacity:1;
	animation-fill-mode:none;
	transition:ease 0.5s;
}

.closebtn {
	margin-left:15px;
	color:white;
	font-weight:bold;
	float:right;
	font-size:22px;
	line-height:20px;
	cursor:pointer;
	transition:0.3s;
}

.closebtn:hover {color:black;}

/* -------------------------- Reszponzív stílusok ------------------------ */
@media only screen and (max-width:1122px), only screen and (max-device-width:1122px) {
	main .section .content .text{width:13%;margin:0 1% 0 0;}
	main .section .content .text.margin1{margin:0 1% 0 2%}
	main .section .content .inputform{width:34%}
	main .section .content .inputform.full{width:84%}
	main .section .content select {width:34%}
	main .section .content .text.margin2{margin:0 1% 0 3%}
	main .section .content .inputform.medium{width:17%}
	main .section .content select.medium {width:17%}
	main .section .content .text.short{width:10%}
	.javasolt{width:35%}
	.padlofutes{width:51%}
	.padlofutes select{width:66% !important}
	.padlofutes .text{width:24% !important}
	.padlofutes .text.margin1{margin:0 4% 0 2% !important}

	main .section .content textarea{width:calc(100% - 179px)}
	main .section .content .text.long{width:calc(100% - 410px)}
}
 
@media only screen and (max-width:1096px), only screen and (max-device-width:1096px) {
	main .section .content .text.margin2{margin:0 1% 0 2%}
}

@media only screen and (max-width:1025px), only screen and (max-device-width:1025px) {
	main .section .content .text.margin1{margin:0 1% 0 2%}
}

@media only screen and (max-width:995px), only screen and (max-device-width:995px) {
	/* köszönő oldal */
	#thanks .info{width:80%}
}

@media only screen and (max-width:999px), only screen and (max-device-width:999px) {
	#loading #loadtext{ font-size:40px;}
	#loading #loadtext .loader {border:6px solid #fff; border-top:6px solid #172945; width:40px; height:40px; margin-top:40px;}

	#welcome img{float:none; display:block; margin:0 auto 25px auto; top:0}
	#welcome .speechbubble{float:none; display:block; margin:0 auto; top:0}
	#welcome .speechbubble:before{top:-17px; margin-left:auto;
margin-right:auto; left:0; right:0; border-width:0 14px 14px 15px; border-color:#172945 transparent;}
	#welcome .speechbubble:after{top:-12px; margin-left:auto; margin-right:auto; left:0; right:0; border-width:0 13px 13px 15px; border-color:#fff transparent;}

	main .section img{float:none; display:block; margin:0 auto;}
	main .section .line{width:100%; margin:34px 0px 50px 0; text-align:center}
	main .section .line span{float:none; display:block; width:236px; margin:-12px auto;}

	main .section .content .text{width:20%; height:34px}
	main .section .content .text.margin1{margin:0 1% 0 0}

	main .section .content .inputform{width:79%; height:34px; padding:1px 8px 2px 8px;}
	main .section .content .inputform.full{width:79%;}
	main .section .content select{width:79%; height:34px; padding:1px 0px 2px 8px;}
	main .section .content textarea{padding:10px 8px 10px 8px;}

	main .section .content .panel1{float:left;width:48%; margin-right:2%}
	main .section .content .panel1 .text{width:32%; margin:0 1% 0 0;}
	main .section .content .panel1 .text.margin1{margin:0}
	main .section .content .panel1 .inputform{width:65%;}
	main .section .content .panel2{float:left;width:48%; margin-left:2%}
	main .section .content .panel2 .text{width:32%; margin:0 1% 0 0;}
	main .section .content .panel2 .text.margin1{margin:0}
	main .section .content .panel2 .inputform{width:65%;}
	main .section .content .panel2 select.medium{width:65%; height:34px}

	.checkbox {width:34px;}
	.checkbox label {width:34px; height:34px;}
	.checkbox label:after {width:15px;	height:5px; top:10px; left:7px;}

	/* navigation*/
	main .section .navigation .next{margin-bottom:15px;}
	main .section .navigation .prev{margin-bottom:15px;}

	/*helyiség opciók*/
	.javasolt{width:79%}
	.padlofutes{width:100%}
	.padlofutes select{width:79% !important}
	.padlofutes .text{width:20% !important}
	.padlofutes .text.margin1{margin:0 1% 0 0 !important}

	main .section .content .panel3{float:left;width:48%; margin-right:2%}
	main .section .content .panel3 .text{width:42%; margin:0 1% 0 0;}
	main .section .content .panel3 .text.margin1{margin:0}
	main .section .content .panel3 .text.unit{width:7%; margin:0 0 0 1%;}
	main .section .content .panel3 .inputform{width:48%;}
	main .section .content .panel4{float:left;width:48%; margin-left:2%}
	main .section .content .panel4 .text{width:42%; margin:0 1% 0 0;}
	main .section .content .panel4 .text.margin1{margin:0}
	main .section .content .panel4 .text.unit{width:7%; margin:0 0 0 1%;}
	main .section .content .panel4 .inputform{width:48%;}

	main .section .content textarea{width:76%}

	.custom-file-input::-webkit-file-upload-button{height:34px;}

	/* SWAP */
	.swap{display:table; width:100%}
	.swap .swap_block1{display:table-row-group;}
	.swap .swap_block2{display:table-header-group;}
	.swap .swap_block3{display:table-footer-group;}

	/* swap email, város */
	.swap .swap_block4{display:table-footer-group;}
	.swap .swap_block5{display:table-header-group;}

	main .section .content .text.long{width:100%; margin-bottom:10px;}
	main .section .content.radiohead .text.short{width:100px;}
	main .section .content.radiohead .text.radiotxt{margin-left:35px;}
}

@media only screen and (max-width:790px), only screen and (max-device-width:790px) {
	main .section .line2{width:96%}
	main .section .more .line2{margin-bottom:50px;}

	/*köszönő oldal*/
	#thanks{position:absolute; height:83%}
	#thanks .balloon{position:static; display:block; margin:30px auto 0; min-height:250px; height:40%;}
	#thanks .info{position:static; display:table; width:100%; max-width:100%;}
	#thanks .info img{margin:10px auto 10px; width:70px; height:70px; position:absolute; right:0; left:0;}
	#thanks .info .text{float:left; width:100%;}
	#thanks .info .text p{width:100%; padding-top:105px; text-align:center; display:block;}
	/*#thanks .info .buttons{float:none; margin:30px auto; max-width:304px; display:block;}*/
	#thanks .info .buttons{float:none; margin:30px 0; text-align:center;}
	#thanks .info .buttons .button{float:none; display:inline-block}
	#thanks .placeholder{width:100%;height:20px;clear:both;float:left}

	#welcome .description .headcontent{width:100%; float:none; margin:0; padding:0; height:auto; display:block; border:none;}
	#welcome .headsection .title{display:block;}
	#welcome .description .tab .tabtext{display:none;}
	#welcome .tab{width:186px; height:30px; margin:35px auto 0 auto;float:none}
	#welcome .tab .tablinks{clear:none; margin:0;}
	#welcome .tab .tablinks.active{margin:-5px 0 0 0;}
	#welcome .tab .tabline{width:20px; height:2px; margin:14px 0 0 0;background:#172945;clear:none;}
}

@media only screen and (max-width:650px), only screen and (max-device-width:650px) {
	.alaprajzimg{display:none}

	header .separator{height:50px; margin-top:10px}									
	#welcome .description {margin-top:110px; padding:35px 40px}
	#welcome img{width:90px; height:90px;}

	main .section .content .text{width:100%; margin:0 0 0 0; height:30px;}
	main .section .content .text.margin1{margin:0 0 0 0;}
	main .section .content .inputform{width:100%}
	main .section .content .inputform.full{width:100%}
	main .section .content select{width:100%}
	main .section .content .text.check{width:45%;}

	.custom-file-input{width:100%}

	main .section .content .panel1{float:none; width:100%; margin:0}
	main .section .content .panel1 .text{width:100%; margin:0 0 0 0;}
	main .section .content .panel1 .inputform{width:100%}
	main .section .content .panel2{float:none; width:100%; margin:0}
	main .section .content .panel2 .text{width:100%; margin:0 0 0 0;}
	main .section .content .panel2 .inputform{width:100%}
	main .section .content .panel2 select.medium{width:100%; height:34px}
	main .section .content .panel3{float:none; width:100%; margin:0}
	main .section .content .panel3 .text{margin:6px 1% 0 0;}
	main .section .content .panel4{float:none; width:100%; margin:0}
	main .section .content .panel4 .text{margin:6px 1% 0 0;}

	.javasolt{width:100%}
	.padlofutes select{width:100% !important}
	.padlofutes .text{width:100% !important; margin:0 0 7px 0 !important;}
	.padlofutes .text.margin1{}

	main .section .content .text.long2{width:100%;margin-bottom:10px;}
	main .section .content .text.long2.accept{width:calc(100% - 45px); margin-bottom:20px}

	main .section .content textarea{width:95%}

	.hide{display:none;}
}

@media only screen and (max-width:600px), only screen and (max-device-width:600px) {
	main .section .line2{width:93%}
	main input.button{width:70%}

	header .separator{display:none;}
	header a{display:block;}
	header {height:auto; padding-bottom:15px; position:inherit;}
	#welcome .description{margin-top:50px;}
}

@media only screen and (max-width:450px), only screen and (max-device-width:450px) {
	/*header img{width:130px; margin-top:16px}*/
	header .separator{height:50px; margin:10px 15px}
	main .section .line2{width:90%}

	#loading #loadtext{ font-size:30px;}
	#loading #loadtext .loader {border:5px solid #fff; border-top:5px solid #172945; width:35px; height:35px; margin-top:35px;}

	main .section .content.radiohead .text.short{clear:both; margin-left:0px; width:190px; margin-right:0px;}
	main .section .content.radiohead .inputform{ margin-bottom:5px;}
	main .section .content.radiohead{margin-bottom:20px;}
	main .section .content.radiohead .text.radiotxt{margin-left:0; clear:both; margin-right:0px;}
	main .section .content.radiohead .text.margin2{margin-left:0;}
	.radio{margin-top:4px!important; }
}

@media only screen and (max-width:360px), only screen and (max-device-width:360px) {
	header .title {font-size:16px; margin-top:26px;}
	header img {margin-top:15px; height:38px;}

	#thanks .info .buttons{margin-top:20px;}
	#thanks .info .buttons .button{width:100%; margin:0; padding-left:0; padding-right:0;}
	#thanks .info .buttons .button:last-child{margin:10px 0 0 0}

	/* navigation*/
	main .section .navigation .label{display:none;}
	main .section .navigation .label.send{display:table;}
	main .section .navigation .num{font-size:20px;width:47px;height:47px;}
}