/* IMPORT RESET */
@import url("reset.css");

/* IMPORT GRID */
@import url("responsive.gs.24col.css");

/* IMPORT TYPO */
@import url("typo.css");


/* iCheck radio, checkbox */
@import url("../js/icheck/skins/square/grey.css");





/* `Basic
----------------------------------------------------------------------------------------------------*/




body{
	overflow-x:hidden;
}

*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}



img{
	vertical-align:top;
	max-width:100%;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

img.scale-with-grid {
	max-width: 100%;
	min-width:100%;
	height: auto; 
}


img.rounded{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.double-bottom { margin-bottom: 40px !important; }
.triple-bottom { margin-bottom: 60px !important; }





a{
 	-webkit-transition: color .5s ease, background-color .5s ease, border .5s ease; 
    -moz-transition: color .5s ease, background-color .5s ease, border .5s ease;
    -o-transition: color .5s ease, background-color .5s ease, border .5s ease;
    transition: color .5s ease, background-color .5s ease, border .5s ease;
}



a.grayscale img{
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
}

a.grayscale:hover img{
	    filter: none;
    -webkit-filter: grayscale(0%);
}





.hide, .show-tablet, .show-mobile{
	display:none;
}

.text-center{
	text-align:center;
}

.text-right{
	text-align:right;
}










.container{
	max-width:1120px;
	padding:0 20px;
	position:relative;
}

.container .row{
	margin-bottom:20px;
}





#header{
	
	width:100%;
	height:70px;
	line-height:70px;
	background:#002A42;
}



#header .logo{
	position:absolute;
	left:20px;
	top:0px;
	z-index:9999;
}



#header .logo img{
	vertical-align:top;
	
	max-width:135px;
	
}



























.content{
	color:#000;
	background:#fff;
	position:relative;
}












.content .inner{
	padding:50px 0 50px 50px;
}

.content .inner-main{

}

.content .page-title{
	padding:100px 0 0 0;
}

.content ul{
	margin:0 0 40px 15px;
	padding:0;
	list-style:circle;
}

.content ul li{
	margin:0;
	padding:5px 0;
}










.minh{
	min-height:550px;
}


















#kapcsolat,
#contact{
	color:#fff;
	background:#002A42;
	padding:30px 0;
	font-size:13px;
}

#kapcsolat h3, #kapcsolat h6,
#contact h3, #contact h6{
	color:#fff;
}


#kapcsolat h3,
#contact h3{
	margin-bottom:60px;
}

#kapcsolat .footer-logo,
#contact .footer-logo{
	float:right;
}

#kapcsolat a,
#contact a{
	color:#fff;
	text-decoration:none;
}

#kapcsolat a:hover,
#contact a:hover{
	color:#fff;
}

/* #Flexible iFrame
================================================== */

.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-height:350px;
    margin-bottom:20px;
}

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


iframe, object, embed{max-width: 100%;}


#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}



/* `Media queries
----------------------------------------------------------------------------------------------------*/


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	
	

}



/* Smaller than standard 1120 (devices and browsers) */
@media only screen and (max-width: 1119px) {

	.hide-small{
		display:none;
	}
	
	.show-small{
		display:block;
	}
	


}
		
		

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.hide-tablet{
		display:none;
	}
	
	.show-tablet{
		display:block;
	}
	
	html, body {
		font-size:14px;
		line-height:1.3em;
	}
	
	h1, h2, h3, h4{
		font-size:21px;
	}
	
	h5, h6{
		font-size:16px;
	}
	
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  padding: 0 10px;
	  font-size: 13px;
	}
	

	
	.content .inner{
		padding:90px 0 50px 50px;
	}
	
	
	.minh{
		min-height:450px;
	}
	

	


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	html, body {
		font-size:14px;
		line-height:1.3em;
	}
	
	h1, h2, h3{
		font-size:21px;
	}
	
	h4, h5, h6{
		font-size:16px;
	}
	
	.hide-mobile{
		display:none !important;
		visibility:hidden;
	}
	
	.show-mobile{
		display:block;
	}
	
	.mobile-remove-bottom{
		margin-bottom:0px !important;
	}
	
	
	

	
	
	

	
	.content .inner{
		padding:55px 0;
	}




	.content .inner-main p:last-child{
		margin: 0px;
	}
	

	.minh{
		min-height:350px;
	}
	
	
	
	
	
	#map-canvas {
	  height: 300px;
	}
	
	
	
	
}