body{
	margin:0;
	padding:0;
	background-color: #16151a;
}

#logo{
	font-family: 'Playball', cursive;
	color: #777777;
	font-size: 2em;
	padding: 0.55em;
	cursor: pointer;
	transition-duration: 0.15s;
}

#logo_mobile{
	font-family: 'Playball', cursive;
	color: #212529;
	font-size: 1.7em;
	padding: 0.55em;
	cursor: pointer;
	transition-duration: 0.15s;
}

#logo:hover{
	color: #222222;
}

#nagymenu{
	padding: 1em;
}

#menu{
	float: right;
}

.menupont{
	color: #777777;
	float: left;
	margin: 0.8em;
	margin-top: 1.2em;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	transition-duration: 0.15s;
}

.menupont:hover{
	text-decoration: none;
	color: #8DBC21;
}

section#navigation{
	background-color: #FFFFFF;
	border-bottom: 2px solid #8DBC21;
}

section#banner{
	background-image: url('../images/home-bg.jpg');
	background-color: #16151A;
	background-position: top;
	background-size: cover;
	height: 600px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}

section#banner_2{
	background-image: url('../images/banner_2.jpg');
	background-color: #16151A;
	background-position: bottom;
	background-size: cover;
	height: 600px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}

section#banner_3{
	background-image: url('../images/banner_3.jpg');
	background-color: #16151A;
	background-position: bottom;
	background-size: cover;
	height: 600px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}

#promo{
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 1.7em auto;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.96);
}

green{color: #61DC0E;}
normal{font-family: 'Quicksand', sans-serif; font-size: 0.5em; text-transform: none; font-weight: 100;}

#gomb{
	background-color: #8DBC21;
	font-size: 0.9em;
	border-radius: 200px;
	cursor: pointer;
	margin: 0.3em;
	transition-duration: 0.15s;
	text-shadow: none;
	width: 2em;
	height: 2em;
	padding-top: 0.45em;
}

#gomb:hover{
	background-color: #9BCE24;
}

div#content{
    background-color: transparent;
    background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
	height:100%;
	background-size:50px 50px;
}

section#bemutatkozas{
	background-color: #F4F4F4;
	padding-bottom: 2em;
}

h2#cim{
	text-align: center;
	font-size: 2.4em;
	color: #8DBC21;
	margin: 1em auto;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

.kep{
	width: 16em;
	height: 16em;
	border-radius: 200px;
	background-image: url('../profile.jpg');
	background-size: cover;
}

.kep_irodai{
	width: 16em;
	height: 16em;
	border-radius: 200px;
	background-image: url('../profile.jpg');
	background-size: cover;
}


#bem_szoveg{
	padding-left: 0.5em;
	border-left: 4px solid #DBDBDB;
	text-align: justify;
}

#szek_szoveg{
	padding-right: 0.5em;
	border-right: 4px solid #DBDBDB;
	text-align: right;
}

kiscim{font-size: 1.3em; font-style: italic;}

#zoom{
	background-color: rgba(0,0,0,0.6);
	color: #FFFFFF;
	width: 16em;
	height: 16em;
	border-radius: 200px;
	transition-duration: 0.17s;
	opacity: 0;
	text-align: center;
	padding-top:6em;
}

#zoom:hover{
	opacity: 1;
	cursor: pointer;
}

section#masszazs{
	background-color: #F4F4F4;
	border-top: 1px solid #DBDBDB;
	padding-bottom: 2em;
}

#masszazs_tipus{
	background-color: #8DBC21;
	width: 90%;
	border-radius: 5px;
	text-align: center;
	padding: 0.5em;
	color: #FFFFFF;
}

#kiskep{width: 100%; border-radius: 5px;}

#masszazs_cim{
	color: #FFFFFF;
	padding: 0.5em;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: 0px;
}


.top{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.bottom{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#kapcsolo{
	font-size: 1em;
	padding: 0.4em;
	background-color: #A8DB31;
	color: #FFFFFF;
	border-radius: 5px;
	transition-duration: 0.14s;
	cursor: pointer;
}

#kapcsolo:hover{
	background-color: #B7E155;
}

.fade{
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}

section#arlista{
	border-top: 1px solid #DBDBDB;
	padding-bottom: 2em;
	background-color: #F4F4F4;
	background-size: cover;
	padding-bottom: 1em;
}

#arlista_container{
	background-color: #8DBC21;
	margin: 0;
	padding: 1em;
	width: 100%;
	margin: 0em auto;
	color: #FFFFFF;
	border-radius: 5px;
}

section#kapcsolat{
	border-top: 1px solid #DBDBDB;
	padding-bottom: 2em;
	color: #232323;
}

.uzenet_bevitel{
	width: 100%;
	padding: 1em;
	border: 2px solid #8DBC21;
	background-color: #F4F4F4;
	color: #333333;
	margin-top: 1em;
	min-height: 13em;
	border-radius: none !important;
}

.uzenet_bevitel::placeholder, .bevitel::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555555 !important;
    opacity: 1 !important; /* Firefox */
}

.kuldes{color: #FFFFFF !important; background-color: #8DBC21 !important; cursor: pointer; font-weight: bold;}

#elerhetoseg{
	font-size: 1.4em;
	color: #232323;
	margin: 0em;
	font-weight: bold;
}

#adoszam{
	color: #232323;
	font-size: 1em;
}

#cube{
	border: 1px solid #8DBC21;
	padding: 1em;
	color: #333333;
	font-size: 0.9em;
}

.bevitel{
	width: 100%;
	padding: 1em;
	border: 2px solid #8DBC21;
	background-color: #F4F4F4;
	color: #333333;
	margin-top: 1em;
	border-radius: none !important;
}


img#bottom{
	position: absolute;
	bottom: 2em;
	z-index: 900;
	width: 15em;
	right: 2em;
}

#menu_icon{
	color: #212529;
	float: right;
	text-align: right;
	margin: 1.1em;
	font-size: 1.5em;
	margin-right: 0.5em;
}

#kismenu{
	
}

#mobile_menu{
	background-color: #212529;
	
	position: absolute;
	right: 0.8em;
	margin-top: 5em;
	z-index: 990;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version */
	border-radius: 5px;
	font-size: 0.8em;
	width: 17em;
}

.menupont_mobil{
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.7em;
	border-bottom: 1px solid #31373E;
	width: 100%;
	font-weight: bold;
	transition-duration: 0.12s;
	display: block;
	font-size: 1.4em;
}

.menupont_mobil:hover{
	text-decoration: none;
	color: #F4F4F4;
}

.active{color: #DDDDDD;}

#close{
	color: #FFFFFF;
	float: right;
	cursor: pointer;
	font-size: 2.5em;
	margin: 1em;
	z-index: 750;
}

#nagykep_in{
	width: 90%;
	margin: 2em auto;
	text-align: center;
	z-index: 970;
}

section#slider{
	background-color: #F4F4F4;
	padding-bottom: 2em;
	border-top: 1px solid #DBDBDB;
}

.kissebb_cim{
	text-align: center;
	font-size: 1.7em;
	color: #8DBC21;
	margin: 1em auto;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

.hatasok{
	font-size: 1em;
	padding: 0em;
}

.koltsegek{
	text-align: center;
}

@media screen and (max-width: 900px) {
	.kep{margin: 0px auto; margin-bottom: 1em;}
	.kep_irodai{margin: 0px auto; margin-bottom: 1em; width: 14em; height: 14em;}
	#bem_szoveg{border: none; padding: none;}
	#szek_szoveg{border: none; padding: none;}
	#masszazs_tipus{margin: 0.5em auto;}
	img#bottom{display: none;}
	#nagymenu{display: none;}
	#logo{display: none;}
	section#navigation{position: fixed; width: 100%; z-index: 600;}
	section#banner{padding-top: 4.5em;}
	section#banner_2{padding-top: 4.5em;}
	section#banner_3{padding-top: 4.5em;}
	section#arlista{background-color: #F4F4F4 !important;}
	.slider{width: 90% !important;}
	.kissebb_szoveg, .szek{font-size: 0.8em; padding: 0.7em; text-align: justify !important;}
	.szek_kep{margin-top: 1em;}
	.irodai_banner{height: 10em !important;}
	.elso_kiscim{margin-top: -3em;}
	.mene{font-size: 0.7em;}
	.menedzsment{font-size: 0.8em !important;}
	#kiszallas{font-size: 0.4em !important;}
	.price{text-align: right;}
}

#kiszallas{font-size: 0.65em; color: #61DC0E; margin-top: 1em; margin-bottom: 0em;}

@media screen and (min-width: 900px) {
	#promo{font-size: 3.5em;}
	.kep{float: right;}
	.kep_irodai{float: right;}
	#arlista_container{width: 60%;}
	#kismenu{display: none;}
	#logo_mobile{display: none;}
	.kep{margin-top: 2em;}
	.szek{margin-top: 2em;}
	.szek_kep{float: left !important;}
	.kissebb_cim{}
}

div.mySlides{
	
}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}