/* ==== Google font ==== 


/* === prettify === 
@import url('../js/google-code-prettify/prettify.css');*/
/* === fontawesome === */
@import url('font-awesome.css');
/* === custom icon === !!!!!!!toroltem*/
@import url('custom-fonts.css');

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');

/* ===================================
1. General

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
==================================== */
body{font-family: 'PT Sans Narrow', sans-serif;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	color: #242424;
	background-color:#f5f6f0;
	}
.szin1 {color: #78ab10}/*zöld*/
.zold{color: #78AB10!important;
font-size: 16px;}
.sine{color:#78ab10;}
.zold2{color: #78AB10!important;
font-size: 28px;}

.szin2{color: #242424}/*szurke 5a5a5a*/
.flip{color: #EA5D0D!important}
li.active a{color:#EA5D0D!important}

a, a:hover{text-decoration:none;
color:#262626}
.clear {
	clear: both;
}

.fejbalra {
	
	float:left;
	display: inline-block;
	
	
	
}
/*guru logó, guru domain*/
.logo {
	margin:5px;
	float:left;
	
	
}
h1, h2, h3, .domain, .nav, .focim{
	font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
color:#474747!important;
text-transform:uppercase}

/* ikonok - levél, galéria, feb*/
.f-kapcs {
	width: 220px;
	float: right;
	text-align: right;
	
	font-weight: bold;
	color: #5A5A5A;	
	display: inline-block;
	
}

.f-kapcs a {
color:#5b5a5e;
padding: 8px;
margin-bottom:10px;
/*text-transform:uppercase;*/
}
.f-kapcs .breadcrumb a:hover {
color:#2E2E2E!important;
}




@media (max-width:420px) {



.fejbalra {
	
	width: 300px;
	display: inline-block;
	
}
}


h1.cim1, .cim1, h1, h2, h3  {

	
	line-height:normal;
	
}

h1, h2, .cimnagy{	
	
	font-size: 26px;
	/*text-transform:uppercase;*/
}
h3{font-size: 18px;}
h4 {font-size: 16px;
}
h1.focim{ float:left;
font-size: 36px;
line-height:36px;
margin-top:10px!important;
margin-bottom:0;
}

.kis{ 
font-size: 14px!important;}

.sorki {
	text-align: justify;
}
.ok {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 100px;
}


/* ===================================
2. layout
==================================== */


#wrapper {
	
	width:100%;
	margin: 0;
	padding: 0;
	padding-bottom:25px;
	background-color:#FFF;
}


.row{
width:100%;
clear:both;
}

/* ===================================
3. Responsive media
==================================== */

.video-container, .map-container, .embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}
.embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe {
	border: none;
}

img.img-polaroid {
	margin: 0 0 20px 0;
}
.img-box {
	max-width: 100%;
}/**/
/* ===================================
4. Header
==================================== */

/* --- header -- */


header .navbar {
	margin-bottom: 0;
}



header .navbar-collapse ul.navbar-nav {
	float: right;
	margin-right: 0;
}

/* menü mozgása*/
header .nav li a:hover, header .nav li a:focus, header .nav li.active a, header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover, header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


header .navbar-nav > li > a {
	padding: 10px;
		-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

/*széles*/
@media (min-width:768px) {
	.navbar-nav>li>a {
	padding: 5px!important;
	margin:2px;
	color:#FFF;
	
}
.navbar-nav > li > ul{border: solid 1px #A5A5A5;}
.navbar-nav > li > ul > li a{
	color:#FFF;
	padding:10px;
	background-color:#97BE0C!important;
	}
	.navbar .nav a:hover {	
	color: #5A5A5A!important;
	background-color:#FFFFFF;
	}
	.navbar-nav > li >ul{background-color:#97BE0C}
	dropdown-menu{
	background-color:#97BE0C}	
	.navbar-nav > li > ul > li a:hover{
	background-color:#FFF!important;
	padding:10px;
	color:#5A5A5A!important;
	}
	
	}
	/*tel*/
@media (max-width:767px) {
	.navbar-nav > li > a{
	background-color:#FFF;
	color:#5A5A5A;}	
	.navbar .nav a:hover {	
	color: #748E1A!important;
	background-color:#E3E3E3
}
	.navbar-nav>li>a {
	padding: 10px;
	margin:0;
	
}
dropdown-menu{border: none!important}
	}
	



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*background-color: #9DC412; 
	color:#586F07!important;*/ 
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #FFF;/*  lenyíló háttérszín ha nyitva van* */
	color: #5A5A5A!important;
}
.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: none;
	white-space: nowrap;
}

header .nav li .dropdown-menu {
	padding: 0;
}
header .nav li .dropdown-menu li a {
	
	
	border-bottom: solid 1px #CBCBCB;
	background-color:#FFF
}
/* --- menu --- */


.navbar .nav > .active > a:active, .navbar .nav > .active > a:focus {
	outline: 0;
}
.navbar .nav li .dropdown-menu {
	z-index: 2000;
}


.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	
	padding-left: 20px;
}

ul.nav li.dropdown a {
	/*z-index: 1000;*/
	display: block;
}



/*  ===================================
5. Section: Featured slideshow háttér, keret
==================================== */

#featured {
	width: 100%;	
	position: relative;	
	
}
/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	
	
	position: relative;
	zoom: 1;
}
.flex-caption {
	background: none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	bottom: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	margin: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	width: 200px;
}/*
.flex-caption h3 {
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}*/
.flex-caption p {
	margin: 0 0 5px;
}
/* ===================================
7. Section: callaction - első szakasz háttere
==================================== */
section.callaction {
	background-color: #FFF;
	padding: 30px 0 20px 0;
}
/* ===================================
8. Section: Content hátterekszínátmenet h.szürkéből fehérbe
==================================== */

.content,   .content2 {
	position: relative;
	
	padding: 30px 0 20px 0;

}


#content img, .content img {
	max-width: 100%;
	height: auto;
}
/* --- box  szines boxok - főoldal--- */


.box {
	background-color: #FFF;
	
	margin: 10px;
	
	border: 1px solid #5A5A5A;
	
}

.box p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
.box h2 {
	margin-left: 10px;
	margin-top:5px;
	font-size: 24px;
	
	
}

.box-bottom {
	padding-top:10px;
	
	padding-bottom:10px;
	text-align: center;

	border-radius: 3px;
	background-color: #666!important;
	
}
.box-bottom a {
	color: #fff;
	
	
	
}
.box-bottom a:hover {
	color: #000;
	text-decoration: none;
}
/* 

===================================
10. Inner - aloldalak navigációs sor
==================================== */

#inner-headline {
	
	position: relative;
	
	padding: 0;
	
border-bottom: solid 1px #CBCBCB;
	border-top: solid 2px  #666;
	
}
/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	float: left;
	
}
#inner-headline ul.breadcrumb li {
	margin-bottom: 0;
	padding-bottom: 0;
}
#inner-headline ul.breadcrumb li {
	font-size: 18px;
	
}


/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
#tel, #mail, form#contactform input[type="text"] {
	width: 100%;
	border: 1px solid #CCC;
	min-height: 40px;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
form#contactform textarea {
	border: 1px solid #CCC;
	width: 100%;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#thumbs {
	margin: 0;
	padding: 0;
}
#thumbs li {
	list-style-type: none;
	
}
.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}
.nobot{margin-bottom:2px;}
.item-thumbs a + img {
	width: 100%;
}
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;
	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}
.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}
.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}
/* + beállítása - top-left!!!!!!!!!!!!!!*/
.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}



/* --- Heading style --- */


.heading {
	margin-bottom: 30px;
	position: relative;
}
.widgetheading {
	width: 100%;
	padding: 0;
}
#bottom .widgetheading {
	position: relative;
	border-bottom: #CCC 1px solid;
	padding-bottom: 9px;
}
/*
aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}*/
footer .widgetheading {
	position: relative;
}
#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right: 0;
}
/* --- Map --- */
.map {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.map iframe {
	width: 100%;
	height: 450px;
	border: none;
}
/* ===============================
16. Footer
================================ */



footer {
	padding: 40px 0 0 0;
	border-top: solid 1px #EAECDF;
	
	
}
footer address {
	line-height: 1.6em;
}

#sub-footer {
	text-shadow: none;
	padding: 0;
	padding-top: 30px;
	margin: 20px 0 0 0;
}
.hon {
	margin-top: 20px;
	text-align: left;
	font-size: 11px;
}

footer a:hover {
	text-decoration: underline;
}

/* scroll to top  kék*/
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background: #1C70C8;
}
a.scrollup {
	outline: 0;
	text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration: none;
}
/* =============================
18. Position & alignment
============================= */


.floatright {
	float: right;
}
.floatleft {
	float: left;
}

/* =============================
21. Media queries -flex slider
============================= */



@media (max-width: 767px) {
body {
	padding-right: 0;
	padding-left: 0;
}
.navbar-header {
	
	border-bottom: none;
}
.navbar-nav {
	border-top: none;
	float: none;
	width: 100%;
	
}
header .navbar-nav > li {
	padding-bottom: 0;
	padding-top: 0;
}
header .nav li .dropdown-menu {
	margin-top: 0;
}
.dropdown-menu {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 180px;
	/*padding: 5px 0;*/
	
	
	list-style: none;
	
	background-clip: padding-box;
	
	border-bottom: solid 1px #CBCBCB;
	
	
}
.navbar-collapse.collapse {
	border: none;
	overflow: hidden;
}
/*
.box {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 20px;
}*/
#featured .flexslider .slide-caption {
	width: 90%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: -40px;
}
#inner-headline .breadcrumb {
	float: left;
	clear: both;/*width: 100%;*/
}
.breadcrumb > li {
	font-size: 16px;
}

footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12 {
	margin-bottom: 20px;
}
#sub-footer ul.social-network {
	float: left;
}
[class*="span"] {
	margin-bottom: 20px;
}
}

@media (max-width: 480px) {
.bottom-article a.pull-right {
	float: left;
	margin-top: 20px;
}
.flexslider .flex-caption {
	display: none;
}


}

@media (max-width: 480px) {
	h1, h2, h3, .cimnagy{font-size: 16px;}
	
	h1.focim{ 
font-size: 18px;
line-height:18px;
margin-top:10px!important;
margin-bottom:0;
margin-left:5px;}
.logo{width: 80px;
height:auto;}

}

.alsomenu{
	font-size: 14px;
	line-height: 22px;
	list-style-type: none;
}
.alsomenu li {padding-bottom: 15px;}
.alsomenu a{color: #5D5D5D;}
.alsomenu a:hover, .alsomenu a:focus{ color: #FE5E00;}
strong{font-weight:400;
}
#grillosszes h4{margin:0;
padding:0;}
#sorozat img{margin-bottom: 10px;}
.viszont{width: 100%;

background-color:#97BE0C;
color: #FFF;
text-align:center;
font-size: 18px;}
.viszont .pad{padding:20px!important}