html, body						{ font-family: 'Playfair Display', serif; font-size: 18px; background-color: white; line-height: 26px; height:100%; font-weight: 500;}

h1,h2,h3,h4                     { font-weight:500;}

h1                              { font-size: 90px; line-height: 100px; }
h2                              { font-size: 32px; line-height: 40px; }
h3                              { font-size: 32px; line-height: 40px; }
h4 								{ font-size: 150px; line-height: 175px;}

a:link                          { text-decoration: none; color: inherit;}
a:visited                       { text-decoration: none; color: inherit;}
a:hover                         { text-decoration: none; color: inherit;}
a:active                        { text-decoration: none; color: inherit;}

.input                          { width:100%; padding:15px; background-color:#f6f6f6; border:1px solid rgba(0, 0, 0, .1);}
.input_full						{ border: 1px solid #C8BFC4; padding:10px; font-size:16px; width:100%; }

.button 						{ display:inline-block; padding: 20px; transition: all 0.3s ease 0s; text-transform: uppercase; font-size: 16px; cursor: pointer;}
.button.black					{ border: 1px solid black; color: black; }
.button.white					{ border: 1px solid white; color: white; }
.button.black:hover 			{ background-color: black; color:white; }
.button.white:hover 			{ background-color: white; color:black; }

.full_width_holder              { width:100%; }
.full_width_img 				{ vertical-align: top; width: 100%; height: auto; }
.full_height_img 				{ vertical-align: top; height: 100%; width: auto; }

*:focus                         { outline: none;}
.mobile                         { display: none !important;}
.desktop                        { display: inherit !important;}

#header_180_figyelmeztetes 		{ position: fixed; width: 100%; padding: 25px; background-color: white; color: black; left: 0; top: 0; z-index: 100000; text-align: center; }

#index_logo_holder					{ width: 100%; height: 100%; text-align: center; }
#index_logo_holder .logo_holder		{ width: 100%; height: 75%; display: flex; align-items: center; justify-content: center; }
#index_logo_holder .button_holder	{ width: 100%; height: 25%; display: flex; align-items: center; justify-content: center; }

#index_chooser_holder						{ width: 100%; height: 100%; background-size: cover; background-position: center; }
#index_chooser_holder .col					{ position: relative; float: left; width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; }
#index_chooser_holder .underline			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
#index_chooser_holder .col:hover .underline { opacity: 1; }	

#page_logo						{ position: absolute; left: 7%; top: 0; width: 15%; height: auto; background-color: white; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); z-index: 10000; }
#page_logo_small				{ position: fixed; left: 8%; top: -80px; width: 13%; height: auto; background-color: white; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); transition: .5s; z-index: 10000;}
#page_logo_small.active			{ top: 0px; }
#menu_btn						{ position: fixed; right: 0; top: 0; width: 74px; height: 68px; z-index: 10000; background-color: white; text-align: right; transition: .3s; }
#menu_btn:hover					{ width: 80px; height: 74px; }

#menu 							{ width: 100%; height: 70%; display: flex; align-items: center; justify-content: center; padding: 100px; }
#menu .center					{ width: 80%; text-align: center; }
#menu .center .item				{ display: inline-block; font-size: 32px; margin-left: 12px; margin-right: 12px; margin-bottom: 20px; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
#menu .center .item:hover		{ opacity: .5;}

#menu_choose					{ width: 100%; height: 30%; display: flex; align-items: center; justify-content: center; }
#menu_choose .items				{  }
#menu_choose .items .item		{ float: left; width: 256px; margin-left:10px; margin-right:10px; opacity: .4; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
#menu_choose .items .item:hover	{ opacity: 1; }
#menu_choose .items .item.active{ opacity: 1; }
#menu_choose .items .choose-separator { float: left; width: 48px; opacity: .5; }

#footer_menu 						{ position: relative; width: 100%; display: flex; align-items: center; justify-content: center; padding: 50px; background-color: white; }
#footer_menu .center				{ width: 80%; text-align: center; }
#footer_menu .center .item			{ display: inline-block; font-size: 18px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
#footer_menu .center .item:hover	{ opacity: .5;}

#footer_menu_choose						{ position: relative; width: 100%; display: flex; align-items: center; justify-content: center; background-color: white;}
#footer_menu_choose .items				{ }
#footer_menu_choose .items .item		{ float: left; width: 256px; margin-left:10px; margin-right:10px; opacity: .4; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
#footer_menu_choose .items .item:hover	{ opacity: 1; }
#footer_menu_choose .items .item.active	{ opacity: 1; }
#footer_menu_choose .items .choose-separator { float: left; width: 48px; opacity: .5; }

.carousel_holder				{ position:relative; width:100%; height:100%; color:white; overflow: hidden;}
.carousel_holder .item 			{ position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden; opacity: 0;}
.carousel_holder .item .image	{ position:absolute; display: block; width:100%; height:100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.carousel_holder .item .image img { display: none; }
.carousel_holder .text 			{ position: absolute; width: 100%; height: 100%; text-align:center; padding-left: 15%; padding-right: 15%; left: 0; top: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; }
.carousel_holder .button_holder	{ position: absolute; width: 100%; height: 25%; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 10000; }

.mask							{ position: absolute; width: 100%; height: 100%; background-color: white; }
.mask.lefttoright				{ top: 0; right: 0; }
.mask.righttoleft				{ top: 0; left: 0; }
.mask.toptobottom				{ bottom: 0; left: 0; }
.mask.bottomtotop				{ top: 0; left: 0; }

.youtube_holder					{ position: relative; background-color: white; }
.youtube_holder	h1				{ text-align: center; padding-left: 20px; padding-right: 20px;}
.youtube_holder	h3				{ text-align: center; padding-left: 20px; padding-right: 20px;}
.youtube_holder	.video_wrapper	{ position: relative; width: 70%; margin-left: 15%; }
.youtube_holder	.video_wrapper .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.holder_type_1 					{ position: relative; background-color: white; }
.holder_type_1.padding 			{ padding: 40px; }
.holder_type_1 .image			{ position: relative; width: 100%; height: 100%; }
.holder_type_1 .text_holder		{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; padding-left: 20%; padding-right: 20%; text-align: center; color: white; opacity: 0;}

.holder_type_2					{ text-align: center; padding: 50px; padding-bottom: 125px; padding-left: 20%; padding-right: 20%;}

.holder_type_3					{ position: relative; margin-top: 75px; margin-bottom: 75px; }
.holder_type_3 .image			{ position: relative; width: 50%; }
.holder_type_3 .text_holder		{ position: absolute; width: 50%; height: 100%; right: 0; top: 0; display: flex; align-items: center; justify-content: center; padding-left: 5%; padding-right: 5%; text-align: center; }

.holder_type_4					{ position: relative; color: white; width: 60%; margin-left: 20%;}
.holder_type_4 .image			{ position: relative; width: 100%; }
.holder_type_4 .text_holder		{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; padding-left: 10%; padding-right: 10%; text-align: center; }

.fixed_image_half 				{ position: fixed; left: 0; top: 0; width: 50%; height: 100%; background-size: cover; background-position: center; }
.fixed_image_half_text 			{ position: relative; width: 50%; min-height: 100%; margin-left: 50%; padding:50px; }

.parallax_holder_1				{ position: relative; }
.parallax_holder_1 .image		{ width: 100%; }
.parallax_holder_1 .text_holder	{ position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; padding-left: 10%; padding-right: 10%; text-align: center; }
.parallax_holder_1 .text_holder.left	{ width: 70%; left: 0; }
.parallax_holder_1 .text_holder.right	{ width: 70%; right: 0; }


.slick-slider .image							{ position: relative; width:100%;}
.slick-slider .image .prod						{ position: absolute; left:0; top:0; width: 100%; height: 100%; }
.slick-slider .image .prod img					{ height: 100%; width: auto; vertical-align: top;}
.slick-slider .image .prod .item				{ position: relative; width: 100%; }
.slick-slider .image .prod .item img			{ width:100%; height:auto; vertical-align: top;}
.custom_dots 									{ position: absolute; bottom:70px; left:0; width:100%; }

#etlap_itallap_holder				{ text-align: center; }
#etlap_itallap_holder .unit .text	{ padding-top: 20px; padding-left: 25%; padding-right: 25%; padding-bottom: 40px; display: none;}

#kapcsolat_holder 					{ text-align: center; padding: 20px; padding-left: 25%; padding-right: 25%; }

#partnereink								{ text-align: center; }
#partnereink .item_wrapper					{ width: 100%; }
#partnereink .item_wrapper .item			{ float: left; width: 33%; opacity: .9; transition: all .3s ease-in-out;}
#partnereink .item_wrapper .item:hover		{ opacity: 1; }
#partnereink .item_wrapper .item .image img	{ transition: all .3s ease-in-out; }
#partnereink .item_wrapper .item:hover .image img	{ transform: scale(1.05); }
#partnereink .item_wrapper .item .namedesc	{ padding: 25px; }
#partnereink .item_wrapper .item .image		{ position: relative; overflow: hidden;}

#partnereink .partnereink_category			{ padding: 75px; }

#reservation 						{ width: 50%; margin-left: 25%; text-align: center; padding-top:30px;}
#ajanlatkeres_btn					{ position: fixed; top: 6px; right: 90px; background-color: #b5541f; color:white; z-index: 50000; padding: 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12);}
#exkluziv_ajanlatkeres_btn			{ display: inline; background-color: #b5541f; color:white; padding: 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.12);}

@media only screen and (max-width : 1300px) {

	h1                          { font-size: 72px; line-height: 80px; }
	h2                          { font-size: 26px; line-height: 32px; }
	h3                          { font-size: 26px; line-height: 32px; }
	h4 							{ font-size: 150px; line-height: 175px;}

	#page_logo					{ width: 18%; }
	#menu .center .item			{ font-size: 26px;}
	#menu 						{ padding: 50px; }
	#menu_choose .items .item 				{ width: 180px; }
	#menu_choose .items .choose-separator 	{ width: 35px; }

}



@media only screen and (max-width : 1040px) {

	.mobile                         { display: inherit !important;}
	.desktop                        { display: none !important; }

	#index_chooser_holder .col		{ width: 100%; height: 50%; }

	.fixed_image_half 				{ position: relative; width: 100%; height: auto; }
	.fixed_image_half_text 			{ width: 100%; min-height: auto; margin-left: 0%; padding: 30px; }


}


@media only screen and (max-width : 900px) {

	#page_logo					{ width: 35%; }
	#page_logo_small			{ width: 35%; }

	
	.holder_type_1 .image			{ position: relative; width: 100%; height: 100%; }
	.holder_type_1 .text_holder		{ position: relative; width: 100%; height: auto; padding-left: 10%; padding-right: 10%; color: black; opacity: 0; padding-top: 20px;}
	.holder_type_1.padding 			{ padding: 0; }
	.holder_type_3 .image			{ position: relative; width: 100%; }
	.holder_type_3 .text_holder		{ position: relative; width: 100%; height: auto; padding-top: 20px;}
	.holder_type_4					{ width: 100%; margin-left: 0;}
	.holder_type_4 .text_holder		{ position: relative; width: 100%; height: auto; padding-left: 10%; padding-right: 10%; padding-top: 35px; color: black;}
	.youtube_holder 				{ padding-bottom: 20px; }
	.youtube_holder	.video_wrapper	{ position: relative; width: 90%; margin-left: 5%; }


	#footer_menu 					{ display: none; }


	.parallax_holder_1 .text_holder			{ position: relative; width: 100%; height: auto; padding-left: 10%; padding-right: 10%; text-align: center; }
	.parallax_holder_1 .text_holder.left	{ width: 100%; left: 0; }
	.parallax_holder_1 .text_holder.right	{ width: 100%; right: 0; }

	.slick-slider .image .prod		{ position:relative; width: 100%; height:auto; text-align: center; }
	.custom_dots 					{ bottom:75px;  }

	#partnereink							{ margin-top: 150px; }
	#partnereink .item_wrapper .item		{ width: 100%; }

	#kapcsolat_holder 					{ padding-left: 15%; padding-right: 15%; }

}


@media only screen and (max-width : 600px) {

	h1                              { font-size: 42px; line-height: 48px; }
	h2                              { font-size: 26px; line-height: 32px; }
	h3                              { font-size: 26px; line-height: 32px; }
	h4 								{ font-size: 120px; line-height: 135px;}

	.holder_type_1.padding 			{ padding: 0; }
	.holder_type_2					{ padding: 20px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px;}
	.holder_type_3 .image			{ position: relative; width: 100%; }
	.holder_type_3 .text_holder		{ position: relative; width: 100%; height: auto; padding-top: 20px;}

	#footer_menu_choose .items .item { width: 130px; }
	#footer_menu_choose .items .choose-separator { width: 25px; }

	#menu 							{ height: auto; padding: 20px; }
	#menu_choose					{ height: auto; padding-bottom: 50px;}
	#menu_choose .items .item 				{ width: 130px; }
	#menu_choose .items .choose-separator 	{ width: 25px; }

	#etlap_itallap_holder .unit .text	{ padding-left: 10%; padding-right: 10%; }

	#partnereink						{ margin-top: 100px; }

	#kapcsolat_holder 					{ padding-left: 5%; padding-right: 5%; }

	#reservation 						{ width: 90%; margin-left: 5%; }
	
}



#footer             { position:relative; padding:30px; font-size:16px; text-align: center; background-color: white; }
#siteby				{ position:absolute; width:205px; height:45px; background-color:black; opacity:0.9; right:5%; bottom:0; cursor:pointer; background-image:url(../img/siteby.png); }