@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300italic,300,600,700,700italic,400);
 @media screen {
/* =========================================
@UNIVERSAL NORMALIZES
========================================= */
header, nav, section, article, aside, footer, hgroup { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; line-height: 1.25em;}
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, cite, blockquote, pre, form, fieldset, input, textarea, select, table, th, td { margin: 0; padding: 0; font-size: 100%; font-weight: 300; line-height: 1.25em;}
h1, h2, h3, h4, h5, h6, p, li { cursor: default;}
ol, ul { list-style-type: none;}
a, embed, object, .button { outline-style: none; outline-width: 0;}
a, a:hover { text-decoration: none; cursor: pointer; transition: all 0.5s ease 0s;}
hr { clear: both; display: block; height: 1px; border: none;}
fieldset, img { border: 0;}
mark { background: none;}
input, textarea, select { background-color:rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.1); padding: 4px; color: #000; transition: all 0.5s ease 0s;}
input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus { background: #FFF;}
input.button, input.submit, .button input { border: none; background: none; cursor: pointer;}
.error { border-color: #F00; color: #F00;}
.left {	float: left; display: inline; }
.right { float: right; display: inline;}
.center {text-align:center;}

/* BASIC FONT */
body, body * { font-family: 'Roboto', sans-serif; font-weight:300;}
h1, h2, h3, h4, h5 { font-weight: normal;}

/* @BASIC SIZE	*/
html {text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

body { background: #FFF; margin: 0 auto; width: 100%; line-height: 1.25em;}
body > iframe {display: none;}
.container { position: relative; margin: 0 auto; max-width: 1000px;}
/* @HEADER */
header { position: relative; overflow: visible; z-index: 3; }
header .container {background: url(../images/header.jpg) center bottom no-repeat; background-size:auto; max-width:1600px; overflow:hidden; padding:11em 0;}
.logo {position: absolute; top: 20px; left: 50%; margin-left: -67px; width: 134px; z-index: 99;}
.logo img {max-width:134px;}
header .box {position: relative; top: 0; left:55%; text-align:left;}
h1.title { font-size: 2.75em; line-height: 1.25em; text-transform: uppercase;}
p.subtitle { display:block; height:35px; background-color:#74c12e; color:#FFF; margin-top:13px; width:200px}
p.subtitle span { width:165px; padding-left:15px; font-size:1.5em; display:inline-block;}
p.subtitle:after {display:inline-block; content:url(../images/csillag.svg); background-color:#66a828; width:35px; height:35px; text-align:center; padding-top:7px; line-height: 1.5em;}

/* @NAV */
.nav_controler { display: none;}
header nav {/*position:absolute; bottom:0;*/ width:100%; min-height:55px; background-color:#74c12e; border-bottom:2px solid #599722;}
#mainnav { width: 100%; margin: 0;}
#mainnav li { display: inline-block; text-transform: uppercase; position:relative}
#mainnav li a { color: #FFF; white-space: nowrap; padding: 0 10px; font-weight:400; line-height: 55px; display: block;}
#mainnav li.selected a, #mainnav li a:hover, #mainnav li.selected a:hover  {background-color: #599722;}

#mainnav li ul {display:none; position:absolute; top:55px; left:0; background-color:#6eb52b; width:100%; min-width:220px;}
#mainnav li:hover ul {display:block;}
#mainnav li ul li {display:block; text-align:left;}

/* @CONTENT */
.content { z-index: 2; position: relative;}
.content .container { text-align: left;}
.content a {color: #74c12e; font-weight: 400;}
.content a:hover {color: #599722;}

/* SECTION */
section {padding:80px 0;}
section:nth-child(even) { background-color:#f1f1f1;}

.textcontent {}
.textcontent b, .textcontent strong{font-weight: 700;}
.textcontent h1, .textcontent h2, .textcontent h3, .textcontent h4, .textcontent h5, .textcontent h6 {line-height: 1.125em; font-weight:300;}
.textcontent p, .textcontent ul, .textcontent ol { margin: 15px 0px; line-height: 1.75em; }
.textcontent h1 { font-size: 3.25em; margin: 20px 0 15px 0; padding-bottom: 5px; color:#74c12e;}
.textcontent h2 { font-size: 2.75em; margin: 15px 0px;}
.textcontent h2 { color:#74c12e; text-align:center; text-transform:uppercase;}
.textcontent h3 { font-size: 2em; margin: 15px 0px;}
.textcontent h4 { font-size: 1.75em; margin: 15px 0px;}
.textcontent h5 { font-size: 1.5em; margin: 15px 0px;}
.textcontent h6 { font-size: 1.25em; margin: 15px 0px;}
.textcontent ul li { padding: 2px 0 2px 0px; list-style: disc; font-size: 1em; list-style-position: outside; margin-left: 20px;}
.textcontent ol li { padding: 2px 0 2px 0; list-style-type:decimal; font-size:1em; list-style-position: outside; margin: 0 0 0 20px;}
.textcontent h1 a, .textcontent h2 a, .textcontent h3 a, .textcontent h4 a, .textcontent h5 a { color: inherit; text-decoration: none;}
.textcontent img { display: inline; width:100%; max-width:1000px; height: auto;}
input[type="submit"].btn, a.btn {font-size:1.125em; line-height:50px; display:inline-block; margin:1em auto 0 auto; padding:0 20px; min-width:240px; width:auto; background-color:#74c12e; color:#FFF; text-align:center; text-transform:uppercase;}
input[type="submit"].btn { display:block;}
input[type="submit"].btn:hover, input[type="submit"].btn:focus, a.btn:hover, a.btn:focus {background-color:#599722; color:#FFF;}

section:nth-child(even) a.btn {background-color:#599722; color:#FFF;}
section:nth-child(even) a.btn:hover, section:nth-child(even) a.btn:focus {background-color:#74c12e; color:#FFF;}

img.team {max-width:300px; width:100%; border-radius:50%; border:5px solid #74c12e; margin-bottom:0.5em; transition: all 0.5s ease 0s;}
img.team:hover { border:10px solid #74c12e;}

/* FORM */
form {overflow: visible;}
input, textarea {width:100%; margin-bottom:20px;}
input{ height:50px;}
textarea {height:150px; resize:none;}
form .help-block {display: none!important;}
	.row {margin-left:0;}
	.row::after { content: ""; clear: both; display: table;}

	.col {margin-left:2%;}
	[class*="col-"] { float: left;}
	.row [class*="col-"]:first-child { margin-right: 2%;}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.row .col-4:first-child { margin-right: 0%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 49%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

/* @FOOTER */
footer { background-color: #e5e5e5; padding:20px;}
#footnav { width: 100%; margin: 0px auto;}
#footnav li { display: inline-block;}
#footnav li a { color: #000; white-space: nowrap; padding: 5px; font-size: 1em; font-weight:400;}
#footnav li.selected a, #footnav li a:hover, #footnav li.selected a:hover { color: #74c12e;}
footer p { color:#000; padding-top: 10px;}
footer a {color:#74c12e;}
	 
/* FIX */
.fix {position:fixed; top:40%; right:0; z-index:99; background-color:#599722; width:250px; padding:30px 20px;}
.fix:before { content:url(../images/kalkulator.svg); background-color:#599722; display:block; width:44px; height:44px; border-radius:50%; position:absolute; top:-22px; left:50%; margin-left:-22px; padding-top: 4px;}
.fix:after { content:url(../images/telefon.svg);  background-color:#599722; display:block; width:44px; height:44px; border-radius:50%; position:absolute; bottom:-22px; left:50%; margin-left:-22px; padding-top: 4px;}
.fix h3, .fix p, .fix a {color:#FFF;}
.fix h3 a {font-weight:600; font-size:1.5em;}
}


 @media all and (max-width: 1023px) {
header .container {background: url(../images/header.jpg) 40% bottom no-repeat; background-size: auto 470px; padding: 10em 0 6em 0;}
section {padding: 60px 2%;}
}

 @media all and (max-width: 979px) {
.fix {display:none;}
}

 @media all and (max-width: 640px) {
header { position: relative; overflow: visible;}
header .container {background: url(../images/header.jpg) 30% bottom no-repeat; background-size: auto 360px; padding: 10em 0 6em 0;}
header .box {left: 0; float: right;}
h1.title {font-size:1.75em;}

.nav_controler {  position: absolute; top: -75px; right: 20px; display: block; z-index: 99; font-size: 1px; text-indent: -5000px; text-align: center;}
header nav {background-color: transparent; border-bottom: none; position: absolute; bottom: auto; z-index: 9; top: 120px;}

.nav_controler a { display: block; background: url(../images/menu.svg); width: 35px; height: 25px;}
#mainnav { display: none; height: auto; padding-bottom: 0; background-color:#74c12e;}
#mainnav li { display: block; width: 100%; padding: 0; border-top: 1px solid rgba(255,255,255,0.1);}
#mainnav li:first-child { border: none;}
#mainnav li ul {display:block; position:relative; top:0;}
#mainnav li ul li {text-align:center; font-size:0.875em;}
	.col {margin-left:0%;}
	[class*="col-"] { float: left;}
	.row [class*="col-"]:first-child { margin-right: 0%;}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {width: 100%;}
}

.float-facebook {display:none;}
.egyedi01 {font-size: 0.75em;}
.egyedi01 th {}
.egyedi01 tr:nth-child(even){background-color: #fff;}
.egyedi01 tr:nth-child(odd){background-color: #f7f7f7;}
.egyedi01 th, .egyedi01 td { border:1px solid #e5e5e5; padding: 5px;}
.egyedi01 td {vertical-align:top;}
.egyedi01 th p, .egyedi01 td p {line-height: 1.125em; margin:5px 0;}

@media all and (min-width: 480px) {
.float-facebook {
	display:block;
    position: absolute;
    top: 180px;
    left: -40px;
	z-index:4;
    background: #3b5998;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-90deg);
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;}
}

@media all and (min-width: 641px) {
#mainnav {display: block!important;}
}

 @media all and (max-width: 480px) {
header .container {background: url(../images/header.jpg) 20% bottom no-repeat; background-size: auto 360px;
padding: 10em 0 6em 0;}
header .box {visibility:hidden;}
}