@charset "UTF-8";
/* SZÍNEK, FONT: 
		FONT: Lato: 400, 900 / Montserrat: 500 / Allura (400)
		Pink: #e32657 - rgba(227,38,87,0.1)
		Szürke: #737373
*/

body { background: #f2f4f5; text-rendering: optimizeLegibility }
.jumbotron { background: transparent }
.nopadding { padding: 0 !important } .nomargin { margin: 0 !important }
@media (min-width: 992px) and (max-width: 3000px){ .nodesktop { display: none !important } }

	/* FONTOK */
	body { font-family: 'Lato', sans-serif; font-weight: 400 }
	strong { font-weight: 700 }
	a { color: #e32657 }
	a:hover { color: #000; text-decoration: none }
	a:hover:after { display: inline-block; font-family: FontAwesome; content: "\f105"; width: 18px; height: 18px; border-radius: 9px; margin: -0.5em 0 0 0.5em; font-size: 0.85em; text-align: center }
	a.link:after { display: inline-block; font-family: FontAwesome; content: "\f105"; width: 18px; height: 18px; border-radius: 9px; margin: -0.5em 0 0 0.5em; font-size: 0.85em; text-align: center }
	a.link:hover:after { background: #e32657; border: 1px solid #e32657; color: #fff }

	/* HEADER */
	#menubox { float: right; padding: 0 0 0 2em }
		/* Navbar */
		#header .navbar { background: transparent; max-height: 10em; border: none; padding: 1em 0; margin-bottom: 0 }
		#header .navbar .navbar-brand .sticky { display: none }
		#header .navbar .navbar-nav { width: 100%; margin-top: 1.5em }
		#header .navbar .navbar-nav li { margin: 1em 0.1em }
		#header .navbar .navbar-nav li a { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 1em; text-transform: uppercase; color: #737373; padding: 0.5em }
		#header .navbar .navbar-nav li:hover a { color: #e32657 }
		#header .navbar .navbar-nav li:hover a:after { display: none }
		#header .navbar .navbar-nav li.menu-fb i { font-size: 1.2em; color: #e32657 }
			/* Sticky */
			@media (min-width: 992px) and (max-width: 3000px){
				body.sticky #header .navbar { margin-top: -2.75em; background: #f2f4f5; padding: 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.2) }
				body.sticky #header .navbar .navbar-nav { margin-top: 2.5em }
				body.sticky #header .navbar .navbar-brand img { zoom: 0.75; margin-top: 2em }
				body.sticky #header .navbar .navbar-brand .default { display: none }
				body.sticky #header .navbar .navbar-brand .sticky { display: block }
			}

	/* FOOTER */
	#footer { padding: 2em 3em; position: absolute; z-index: 1000; width: 100%; text-align: right; bottom: 0 }
	#footer * { color: rgba(255,255,255,0.75); font-size: 0.9em; font-weight: 400; text-shadow: 1px 1px #000 }
	#footer a:after { display: none }

/* ----- TARTALOM ----- */

h2 { font-size: 2em; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase }
h2:after { display: block; content: ""; width: 20%; height: 5px; background: linear-gradient(to right, #b71f46 0%,#e32657 100%); margin: 0.75em 0 }
	/* SLIDE 1 */
	#slide01 { overflow: hidden; background: linear-gradient(to right, #f2f4f5 57.49%, #e3e5e6 57.5%); padding: 0 }
		/* Info */
		#slide01 .info { margin-top: 15em; padding: 5em 0; animation: txtblur 1.5s }
		#slide01 .bemutatkozo { margin-bottom: 1em }
		#slide01 .bemutatkozo p { font-size: 1em; text-align: justify }
		#slide01 .bemutatkozo a#showmore { color: #737373 }
		#slide01 .bemutatkozo a#showmore:hover { color: #e32657 }
		#slide01 .bemutatkozo h5 { font-size: 2.5em; color: #e32657; font-family: 'Allura', cursive }
		#slide01 .kapcsolat { padding: 0 2em }
		#slide01 .kapcsolat p { font-size: 1em; text-align: left }
		#slide01 .kapcsolat .adatok { color: #e32657 }
		#slide01 .kapcsolat .nyitvatartas { color: #737373 }
		#slide01 .kapcsolat .nyitvatartas span { font-size: 0.7em }
		/* Kép */
		#animimage01 { padding: 0 }
		#animimage01 img { position: absolute; margin-top: 1em; opacity: 1; animation: img01in 1.5s ease }
		/* Modal */
		#RolamModal .modal-content * { border-radius: none !important; background: #f2f4f5 }
		#RolamModal .modal-header, #RolamModal .modal-header h4, #RolamModal .modal-header button { background: #e32657; color: #fff }
		#RolamModal .modal-body { text-align: justify }
		#RolamModal .modal-body span { font-style: italic; color: #737373; font-size: 1.2em }
		#RolamModal .modal-body i { color: #737373 }
		#RolamModal .modal-footer { display: none }
	/* SLIDE 2 */
	#slide02 { padding: 0; opacity: 0; margin-top: 4em; min-height: 780px; background: url(../images/slide02-bg.jpg) top center no-repeat }
	#slide02.show { opacity: 1; animation: fadein 0.5s }
		/* Info */
		#slide02 .info { padding: 0 2em; animation: txtblur 1.5s }
		#slide02 .info h2 { padding: 0; animation: txtblur 1.5s }
		#slide02 .leiras h3 { font-size: 1.1em; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; color: #fff; margin: 0 }
		#slide02 .leiras h3:first-letter { font-family: 'Allura', cursive; font-size: 3em }
		#slide02 .leiras p { font-size: 0.75em; text-align: justify; max-height: 13em; overflow: hidden; color: #fff }
		/* Kép */
		#animimage02 { padding: 0; background: #e3e5e6; height: 25em; overflow: hidden }
		#animimage02 img { position: absolute; margin-left: -5em; opacity: 0 }
		#slide02 #outsideimages img { position: absolute; opacity: 0 }
		#slide02.show #animimage02 img { margin-top: 1em; opacity: 1; animation: img02in 1.5s ease }
		#slide02.show #outsideimages #pont1 { margin: -1em 0 0 -5em; opacity: 1; animation: img0201 1.75s ease }
		#slide02.show #outsideimages #pont2 { margin: -10em 0 0 0; opacity: 1; animation: img0202 2s ease }
		#slide02.show #outsideimages #pont3 { margin: -15em 0 0 20em; opacity: 1; animation: img0203 2.5s ease }
	/* SLIDE 3 */
	#slide03 { padding: 0; margin: -15em 0 0 0; max-height: 700px; overflow: hidden; opacity: 0 }
	#slide03.show { opacity: 1 }
		/* Info */
		#slide03 .info { padding: 0; margin-bottom: 5em; animation: txtblur 1.5s }
		#slide03 .info p { font-size: 1em; text-align: justify }
		/* Kép */
		#animimage03 { padding: 0; background: #e3e5e6; height: 35em }
		#animimage03 img { position: absolute; margin-top: 7em; opacity: 0 }
		#slide03.show #animimage03 img { margin-top: 2em; opacity: 1; animation: img03in 2.5s ease }