@media only screen and (max-width: 768px) {
	
	#nomobile { display:none;}
	#mobile { display:block;}

	body { font-size: 3vw;}
	h1 { font-size: 9vw; margin:0; padding:0; }
	h2 { font-size: 6vw; margin:0; padding:0; }
	h3 { font-size: 5vw; margin:0; padding:0; }
	input, textarea, select {font-size: 5vw; padding:2vw; }

#loader {  background: url("loading.gif") no-repeat scroll center center #fff;  position: fixed;  height: 100%;   width: 100%; z-index:9999;}
	
#menu { position:fixed; top:0; right:0; width:100%; height:10vw; background:rgba(0,0,0,0.8); z-index:2000; }
#menu_container { position: relative; width:90%; max-width:1150px; margin:auto; z-index:1000;}
#menu_fogas1 { width:18%; left:-5%; top:-15%; position:absolute; animation: fogas3_anim 12s infinite linear;z-index:1000;}
#menu_fogas2 { width:12%; left:11%; top:-25%; position:absolute; animation: fogas4_anim 6s infinite linear;z-index:1000;}

.menu_drop { top: -130vw; position:fixed; transition-duration:0.5s; width:100%; text-align:center; z-index:900;}
.menu_drop.o {top: 10vw; position:fixed; transition-duration:0.5s; background:rgba(0,0,0,0.8); width:100%; text-align:center; z-index:900;}
.menuicon { height:8vw; margin:1vw 0 0 0; }


#menu h1 { display:block; margin:8vw 0; padding:0; line-height:2.5vw;}
#menu h1 a { border: none; color:#fff; font-size:6vw; margin:0; }
#menu h1 a:hover { text-shadow: 0 0 10px #edb13a; color:#edb13a; transform:scale(1.3,1.3);}

#menu h2 {margin:0; display:inline-block;  padding:0;}
#menu h2 a { border: none; margin:0; padding:0;}
#menu h2 a img { height:8vw;  padding:0 0 0 0; margin:0 2vw;}

#index_container {width:100%; position:relative;  overflow:hidden;}
#index_1bg { width:100%; height:100vh; background-image:url(bg.jpg); background-size:cover; overflow:hidden;}
#fogas1 { width:20%; left:15%; top:5%; position:absolute; animation: fogas1_anim 10s infinite linear;}
#fogas2 { width:16%; left:11%; top:16%; position:absolute; animation: fogas2_anim 5s infinite linear;}
#fogas3 { width:21%; right:1%; top:50%; position:absolute; animation: fogas3_anim 12s infinite linear;}
#fogas4 { width:12%; right:5%; top:63%; position:absolute; animation: fogas4_anim 6s infinite linear;}
#fogas5 { width:15%; left:12%; top:65%; position:absolute; animation: fogas5_anim 18s infinite linear;}
#fogas6 { width:14%; right:15%; bottom:5%; position:absolute; animation: fogas6_anim 15s infinite linear;}
#fogas7 { width:30%; left:32%; top:20%; position:absolute; animation: fogas7_anim 14s infinite linear;}

#ora { width:30%; right:5%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top;}
#kulcs { width:20%; left:10%; top:0; position:absolute; animation: kulcs_anim 2s infinite ease-in-out; transform-origin: center top;}

#logo { width:72%; position:absolute; bottom:15%; left:14%; animation: zoom 0.5s 2 ease-in-out; z-index:100;}

#logo_anim_1 { width:100%; position: absolute; top:30%; left:0; z-index:999; text-align:center; /*animation: logo_anim1_zoom 5s 1 ease-in-out;*/}
#logo_anim_2 { width:100%; position: absolute; top:45%; left:0; z-index:999; text-align:center; /*animation: logo_anim2_zoom 5s 1 ease-in-out;*/}
#logo_anim_3 { width:100%; position: absolute; top:58%; left:0; z-index:999; text-align:center; /*animation: logo_anim3_zoom 5s 1 ease-in-out;*/}
#logo_anim_1 h1 { color:#fff; font-size: 17vw; text-shadow: 0 0 20px #000;}
#logo_anim_2 h1 { color:#fff; font-size: 17vw; text-shadow: 0 0 20px #000;}
#logo_anim_3 h1 { color:#fff; font-size: 17vw; text-shadow: 0 0 20px #000; text-transform: capitalize;}


#about_container {width:100%; position:relative;  overflow:hidden;}
#birthday_container {width:100%; position:relative;  overflow:hidden;}
#teambuilding_container {width:100%; position:relative;  overflow:hidden;}
#about { position: relative; width:70%; max-width:1150px; margin:10vw auto 10vw auto;}
#about img { width:9%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#birthday { position: relative; width:70%; max-width:1150px; margin:10vw auto 10vw auto;}
#birthday img { }
#teambuilding { position: relative; width:70%; max-width:1150px; margin:10vw auto 10vw auto;}
#teambuilding img { width:9%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}


#fogas_about1 { width:40vw; right:-20%; top:15%; position:absolute; animation: fogas7_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#fogas_about2 { width:20vw; left:-5%; top:50%; position:absolute; animation: fogas6_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#about_more { max-height:0px; overflow:hidden; opacity:0;  transition-duration: 0.5s;}
#about_more.o {  max-height:500px; opacity:1;   transition-duration: 0.5s;}

#faq_container { width:100%; background:url(faq_bg.jpg); background-size:cover; background-attachment:fixed;}
#faq {width:70%; max-width:1150px; margin:auto; padding:10vw 0 10vw 0;}
#faq, #faq h1, #faq h2 { color:#fff!important;}
#faq img { width:9%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#faq hr { border:none;  background:url(g3.png); background-size: contain; height:5vw; background-repeat:no-repeat; background-position:center;}


#rooms_container { width:100%;position:relative;  overflow:hidden;}
#rooms {width:100%;  margin:auto; padding:10vw 0 5vw 0;}
#kulcs_rooms1 { width:22%; left:-3%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); opacity:1; z-index:100;}
#kulcs_rooms2 { width:40%; right:-20%; top:0; position:absolute; animation: kulcs_anim 2s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); opacity:1;z-index:100;}
#rooms_item_container { width:100%; background-size: cover!important; padding:10vw 0 10vw 0; margin:0 0 10vw 0;}
#rooms_item, #rooms_item h2, #rooms_item h3 { color:#fff;}
#rooms_item { width:90%; max-width:1150px; margin:auto; display:flex; flex-direction: column-reverse; }
#rooms_item_bal { width:70%;  margin:auto; }
#rooms_item_jobb { width:70%; margin: 0 auto 5vw auto; }
#rooms_skill { margin:0 0 1vw 0; border-bottom: 1px dotted #ccc;}
#rooms_skill h3 { display: inline-block; width:50%;}
#rooms_skill span { width:5vw; height:5vw; display:inline-block; margin:0 0 0 0.5vw; background:url(g5.png); background-size: contain; background-repeat:no-repeat; background-position:center; }


#room_container { width:100%; position: relative;  background:url(room_bg.jpg); background-size:cover; background-attachment:fixed; overflow-x: hidden!important;}
#room {width:80%; max-width:1150px; margin:auto; padding:10vw 0 10vw 0;}
#room, #room h1, #room h2, #room h3 { color:#fff!important;}
#room .imgrot { width:9%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#room hr { border:none;  background:url(g1.png); background-size: contain; height:5vw; background-repeat:no-repeat; background-position:center;}
#room_leadimg_pharaoh { background:url(promo_images/egypt_back.jpg); background-size: cover; background-attachment:fixed; background-position:center; width:100%; height:50vh;}
#room_leadimg_raid { background:url(promo_images/raid_back.jpg); background-size: cover; background-attachment:fixed; background-position:center; width:100%; height:50vh;}
#room_leadimg_alice { background:url(promo_images/alice_back.jpg); background-size: cover; background-attachment:fixed; background-position:center; width:100%; height:50vh;}
#room_img img { width:100%;}
#room_img img:hover {box-shadow: 0 0 10px 0 rgba(255,255,255,1);}
#room_img { width:100%; margin:5% 0; }
#room_pricetable td { color:#fff; border-bottom:1px dotted #fff; text-align:center; }
#room_toptable td { color:#fff; border-bottom:1px dotted #fff; }
#room_toptable .points { width:1px;}


#booking_container { width:100%; background:url(booking_bg.jpg); background-size:cover; background-attachment:fixed; position:relative;  overflow: hidden;}
#booking {width:70%; max-width:1150px; margin:auto; padding:10vw 0 10vw 0;}
#booking_ora1 { width:20%; left:-5%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); z-index:1;}
#booking input, #booking textarea, #booking select { background:none; border: 1px solid #fff; color:#fff; z-index:2; width:100%; margin:0 0 2% 0;}
#booking, #booking h1, #booking h2, #booking h3 { color:#fff!important;}
#booking_table td {border-bottom: 1px dotted #ccc; padding: 1vw 2vw 1vw 2vw; color:#fff;}
#booking_table_2 td {padding: 1vw 2vw 1vw 2vw; color:#fff;}

#booking_content { }
#booking_content_scroll { width: 100%; margin:0 0vw 0 0;}
#booking_content table { width:100%;}
#booking_content td { border-bottom: 1px dotted #fff; color:#fff; padding: 2vw 1vw; white-space:nowrap; text-align:center;}

.booking_select { width:5vw; border:1px solid #5ab844; background:#5ab844; color:#000;}
.booking_select50 { width:5vw; border:1px solid #d4df21; background:#d4df21; color:#000;}
.booking_select100 { width:5vw; border:1px solid #a61515; background:#a61515; color:#000;}
.booking_select200 { width:5vw; border:1px solid #aaaaaa; background:#aaaaaa; color:#000;}
.booking_select.o, .booking_select50.o { background:#edb13a; color:#fff; border:1px solid #fff; font-weight:700;}
.booking_select_time { width:30vw; border:1px solid #5ab844; background:#5ab844; color:#000; margin:0 0 2vw 0; display:block;}
.booking_select_time_off {width:30vw; border:1px solid #a61515; background:#a61515; color:#000; margin:0 0 2vw 0; display:block;}
.booking_select_time.o { background:#edb13a; color:#fff; border:1px solid #fff;}
.booking_time_popup { position:fixed; top:-200vw;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:25% 0 0 0; transition-duration:0.3s;}
.booking_time_popup.o { position:fixed; top:0;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:25% 0 0 0;  transition-duration:0.9s;}
.booking_time_popup_ccc { position:fixed; top:-600vw;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:5% 0 0 0; transition-duration:0.3s;}
.booking_time_popup_ccc.o { position:fixed; top:0;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:5% 0 0 0;  transition-duration:0.9s;}

.booking_ok_pop { top:-200%; left: 0; background-color:rgba(0,0,0,0.8); position: fixed;  transition-duration: 0.7s; z-index:999999; width:100%; height:100vh;  display:flex; justify-content: center; align-items: center;}
.booking_ok_pop.o { top:0; left: 0;  position: fixed; transition-duration: 0.4s;  z-index:999999; width:100%; height:100vh; display:flex; justify-content: center; align-items: center;}
.booking_ok_pop.o div, .booking_ok_pop div { text-align:center; padding:10vw 2vw; width:70%; background:rgba(255,255,255,1); color:#000!important; }
#booking_ok_pop.o h1, #booking_ok_pop h1 {color:#000!important; }
.booking_ok_pop.o img, .booking_ok_pop img { width:30%;}


#offer_container { width:100%; background:url(booking_bg.jpg); background-size:cover; background-attachment:fixed; position:relative;  overflow:hidden;}
#offer {width:70%; max-width:1150px; margin:auto; padding:10vw 0 10vw 0; text-align:center;}
#offer_kulcs1 { width:25%; right:-10%; top:0; position:absolute; animation: ora_anim 4s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); z-index:1;}
#offer, #offer h1, #offer h2, #offer h3 { color:#fff!important;}

#contact_container {width:100%; position:relative;  overflow:hidden;  }
#contact {  width:100%; margin:10vw auto 10vw auto;}
#contact_elements {    align-items: center;}
#contact_map { width:100%; height:450px; overflow:hidden; margin:0 0 5vw 0;}
#contact_data {  width:70%; margin: auto;  }
#fogas_contact1 { width:40vw; right:-10%; bottom:15%; position:absolute; animation: fogas7_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#fogas_contact2 { width:15vw; right:-5%; bottom:5%; position:absolute; animation: fogas6_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}

#footer	a {	padding:0; margin: 1vw 0; display:block; }
#footer_fogas { width:20%; animation: fogas1_anim 10s infinite linear;}

.scroll_a_tetore {width:30px; height:30px; padding:5px; text-align:center; color: #666;text-decoration: none;position:fixed; border:none;bottom:1%;right:1%;	display:none;background: url('totop.png') no-repeat; background-size:cover; opacity: 0.7;z-index:1000;}
.scroll_a_tetore:hover { filter: grayscale(100%); border:none;}

	
	.butt1 {padding: 3vw 8vw 3vw 8vw; margin:3vw 0 3vw 0; text-transform: uppercase; color:#fff; border:1px solid #edb13a; background-color:#edb13a; transition-duration: 0.5s; cursor:pointer; font-weight:300; font-size: 3.0vw; display: inline-block; }
	.butt1:hover {color:#edb13a; background:none; border:1px solid #edb13a; transition-duration: 0.5s;}
	.butt1.o { display:none; }

	
}

@media only screen and (min-width: 769px) {
	
	#mobile { display:none;}
	#nomobile { display:block;}

	body, td, th { font-size: 0.8vw;}
	body { }
	h1 { font-size: 4.0vw; margin:0; padding:0; }
	h2 { font-size: 1.9vw; margin:0; padding:0; }
	h3 { font-size: 1.6vw; margin:0; padding:0; }
	input, textarea, select {font-size: 1.0vw; padding:0.5vw 1vw 0.5vw 1vw; }
	

	
#loader {  background: url("loading.gif") no-repeat scroll center center #fff;  position: fixed;  height: 100%;   width: 100%; z-index:9999;}
	
#menu { position:fixed; top:0; right:0; width:100%; height:2.5vw; background:rgba(0,0,0,0.8); z-index:1000; }
#menu_container { position: relative; width:90%; max-width:1150px; margin:auto;}
#menu_fogas1 { width:5%; left:0%; top:-10%; position:absolute; animation: fogas3_anim 12s infinite linear;}
#menu_fogas2 { width:4%; left:4%; top:-25%; position:absolute; animation: fogas4_anim 6s infinite linear;}

#menu_menuk { float:left; margin:0 0 0 10%}
#menu_icons { float:right;}

#menu h1 { display:inline-block; margin:0; padding:0; line-height:2.5vw;}
#menu h1 a { border: none; color:#fff; font-size:0.8vw; margin:0; padding:0 0.9vw 0 0.9vw;}
#menu h1 a:hover { text-shadow: 0 0 10px #edb13a; color:#edb13a; transform:scale(1.3,1.3);}

#menu h2 {margin:0; display:inline-block;  padding:0;}
#menu h2 a { border: none; margin:0; padding:0;}
#menu h2 a img { height:1.5vw;  padding:0 0 0 0; margin:0.5vw 0 0 0.5vw;}
	
	
#index_container {width:100%; position:relative;  overflow:hidden;}
#index_1bg { width:100%; height:100vh; background-image:url(bg.jpg); background-size:cover; }
#fogas1 { width:10%; left:15%; top:5%; position:absolute; animation: fogas1_anim 10s infinite linear;}
#fogas2 { width:8%; left:11%; top:20%; position:absolute; animation: fogas2_anim 5s infinite linear;}
#fogas3 { width:13%; right:10%; top:70%; position:absolute; animation: fogas3_anim 12s infinite linear;}
#fogas4 { width:8%; right:21%; top:67%; position:absolute; animation: fogas4_anim 6s infinite linear;}
#fogas5 { width:15%; left:12%; top:65%; position:absolute; animation: fogas5_anim 18s infinite linear;}
#fogas6 { width:14%; right:6%; top:21%; position:absolute; animation: fogas6_anim 15s infinite linear;}
#fogas7 { width:9%; left:12%; top:50%; position:absolute; animation: fogas7_anim 14s infinite linear;}



#ora { width:20%; right:16%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top;}
#kulcs { height:95vh; left:25%; top:0; position:absolute; animation: kulcs_anim 2s infinite ease-in-out; transform-origin: center top;}

#logo { width:40%; position:absolute; top:18%; left:30%; animation: zoom 0.5s 2 ease-in-out;}

#logo_anim_1 { width:100%; position: absolute; top:24%; left:0; z-index:999; text-align:center; /*animation: logo_anim1_zoom 5s 1 ease-in-out;*/}
#logo_anim_2 { width:100%; position: absolute; top:40%; left:0; z-index:999; text-align:center; /*animation: logo_anim2_zoom 5s 1 ease-in-out;*/}
#logo_anim_3 { width:100%; position: absolute; top:56%; left:0; z-index:999; text-align:center; /*animation: logo_anim3_zoom 5s 1 ease-in-out;*/}
#logo_anim_1 h1 { color:#fff; font-size: 8vw; text-shadow: 0 0 20px #000;}
#logo_anim_2 h1 { color:#fff; font-size: 8vw; text-shadow: 0 0 20px #000;}
#logo_anim_3 h1 { color:#fff; font-size: 8vw; text-shadow: 0 0 20px #000; text-transform: capitalize;}


#about_container {width:100%; position:relative;  overflow:hidden;}
#birthday_container {width:100%; position:relative;  overflow:hidden;}
#teambuilding_container {width:100%; position:relative;  overflow:hidden;}
#about { position: relative; width:90%; max-width:1150px; margin:5vw auto 5vw auto;}
#about img { width:3%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#birthday { position: relative; width:90%; max-width:1150px; margin:5vw auto 5vw auto;}
#birthday img { }
#teambuilding { position: relative; width:90%; max-width:1150px; margin:5vw auto 5vw auto;}
#teambuilding img { width:3%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}

#fogas_about1 { width:20vw; right:-10%; top:15%; position:absolute; animation: fogas7_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#fogas_about2 { width:10vw; left:-5%; top:50%; position:absolute; animation: fogas6_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#about_more { max-height:0px; overflow:hidden; opacity:0;  transition-duration: 0.5s;}
#about_more.o {  max-height:500px; opacity:1;   transition-duration: 0.5s;}

#faq_container { width:100%; background:url(faq_bg.jpg); background-size:cover; background-attachment:fixed;}
#faq {width:90%; max-width:1150px; margin:auto; padding:5vw 0 5vw 0;}
#faq, #faq h1, #faq h2 { color:#fff!important;}
#faq img { width:3%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#faq hr { border:none;  background:url(g3.png); background-size: contain; height:2vw; background-repeat:no-repeat; background-position:center;}

#rooms_container { width:100%;position:relative;  overflow:hidden; }
#rooms {width:100%;  margin:auto; padding:5vw 0 5vw 0;}
#kulcs_rooms1 { width:10%; left:-2%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); opacity:1.0; z-index:100;}
#kulcs_rooms2 { width:18%; right:-8%; top:0; position:absolute; animation: kulcs_anim 2s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); opacity:1;z-index:100;}
#rooms_item_container { width:100%; background-size: cover!important; padding:5vw 0 5vw 0; margin:0 0 2vw 0;}
#rooms_item, #rooms_item h2, #rooms_item h3 { color:#fff;}
#rooms_item { width:90%; max-width:1150px; margin:auto; }
#rooms_item_bal { width:30%; float:left;}
#rooms_item_jobb { width:40%; float:right;}
#rooms_skill { margin:0 0 1vw 0; border-bottom: 1px dotted #ccc;}
#rooms_skill h3 { display: inline-block; width:50%;}
#rooms_skill span { width:1.5vw; height:1.5vw; display:inline-block; margin:0 0 0 0.5vw; background:url(g5.png); background-size: contain; background-repeat:no-repeat; background-position:center; }



#room_container { width:100%; background:url(room_bg.jpg); background-size:cover; background-attachment:fixed; position:relative; overflow-x: hidden!important;}
#room {width:90%; max-width:1150px; margin:auto; padding:5vw 0 0vw 0;}
#room, #room h1, #room h2, #room h3 { color:#fff!important;}
#room .imgrot { width:3%; filter: grayscale(100%); animation: fogas4_anim 6s infinite linear;}
#room hr { border:none;  background:url(g1.png); background-size: contain; height:2vw; background-repeat:no-repeat; background-position:center;}
#room_leadimg_pharaoh { background:url(promo_images/egypt_back.jpg); background-size: contain; background-attachment:fixed; background-position:center; width:100%; height:40vh;}
#room_leadimg_raid { background:url(promo_images/raid_back.jpg); background-size: cover; background-attachment:fixed; background-position:center; width:100%; height:40vh;}
#room_leadimg_alice { background:url(promo_images/alice_back.jpg); background-size: cover; background-attachment:fixed; background-position:center; width:100%; height:40vh;}
#room_img img { width:100%;}
#room_img img:hover {box-shadow: 0 0 10px 0 rgba(255,255,255,1);}
#room_img { float:left; width:23%; margin:1%; }
#room_pricetable td { color:#fff; border-bottom:1px dotted #fff; text-align:center; }
#room_toptable td { color:#fff; border-bottom:1px dotted #fff; }
#room_toptable .points {white-space:nowrap; width:1px;}


#contact_container {width:100%; position:relative;  overflow:hidden;  }
#contact {  width:100%; margin:5vw auto 5vw auto;}
#contact_elements {  display: flex;  align-items: center;}
#contact_map { width:50%; height:450px; overflow:hidden; float:left;}
#contact_data { float:left; width:48%; margin:0 0 0 2%;  }
#fogas_contact1 { width:20vw; right:-10%; top:45%; position:absolute; animation: fogas7_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}
#fogas_contact2 { width:10vw; right:-5%; top:20%; position:absolute; animation: fogas6_anim 14s infinite linear; filter: grayscale(100%); opacity:0.5; z-index:-1;}


#booking_container { width:100%; background:url(booking_bg.jpg); background-size:cover; background-attachment:fixed; position:relative;  overflow:hidden;}
#booking {width:90%; max-width:1150px; margin:auto; padding:5vw 0 5vw 0; z-index:10; position:relative;}
#booking_ora1 { width:23%; left:-10%; top:0; position:absolute; animation: ora_anim 3s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); z-index:1; opacity:0.7;}
#booking input, #booking textarea { background:none; border: 1px solid #fff; color:#fff; z-index:2; width:100%; margin:0 0 1vw 0;}
#booking, #booking h1, #booking h2, #booking h3 { color:#fff!important;}
#booking_table td {border-bottom: 1px dotted #ccc; padding: 0.5vw 2vw 0.5vw 2vw; color:#fff;}
#booking_table_2 td {padding: 0.5vw 2vw 0.5vw 2vw; color:#fff;}

#booking_content table { width:100%;}
#booking_content td { border-bottom: 1px dotted #fff; color:#fff; padding: 0.5vw 1vw 0.5vw 1vw; white-space:nowrap; text-align:center;}
.booking_select { width:2vw; padding:1vw; border:1px solid #5ab844; background:#5ab844; color:#000;}
.booking_select50 { width:2vw; padding:1vw; border:1px solid #d4df21; background:#d4df21; color:#000;}
.booking_select100 { width:2vw; padding:1vw; border:1px solid #a61515; background:#a61515; color:#000;}
.booking_select200 { width:2vw; padding:1vw; border:1px solid #aaaaaa; background:#aaaaaa; color:#000;}
.booking_select.o, .booking_select50.o { background:#edb13a; color:#fff; border:1px solid #fff; font-weight:700;}
.booking_select_time { width:6vw; padding:1vw; border:1px solid #5ab844; background:#5ab844; color:#000;}
.booking_select_time_off { width:6vw; padding:1vw; border:1px solid #a61515; background:#a61515; color:#000;}
.booking_select_time.o { background:#edb13a; color:#fff; border:1px solid #fff;}
#booking_content table input { width:90%;}
#booking_content table textarea { width:95%;}
.booking_time_popup { position:fixed; top:-200%;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:25% 0 0 0; transition-duration:0.3s;}
.booking_time_popup.o { position:fixed; top:0;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:25% 0 0 0;  transition-duration:0.9s;}
.booking_time_popup_ccc { position:fixed; top:-600%;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:5% 0 0 0; transition-duration:0.3s;}
.booking_time_popup_ccc.o { position:fixed; top:0;width: 100%; height:100%; left:0; background:rgba(0,0,0,0.8); z-index:10000; padding:5% 0 0 0;  transition-duration:0.9s;}

.booking_ok_pop { top:-100%; left: 0; background-color:rgba(0,0,0,0.8); position: fixed;  transition-duration: 0.7s; z-index:999999; width:100%; height:100vh;  display:flex; justify-content: center; align-items: center;}
.booking_ok_pop.o { top:0; left: 0;  position: fixed; transition-duration: 0.4s;  z-index:999999; width:100%; height:100vh; display:flex; justify-content: center; align-items: center;}p
.booking_ok_pop.o div, .booking_ok_pop div { text-align:center; padding:2vw; background:rgba(255,255,255,1); color:#000!important; }
#booking_ok_pop.o h1, #booking_ok_pop h1 {color:#000!important; }
.booking_ok_pop.o img, .booking_ok_pop img { width:18%;}

#offer_container { width:100%; background:url(booking_bg.jpg); background-size:cover; background-attachment:fixed; position:relative;  overflow:hidden;}
#offer {width:90%; max-width:1150px; margin:auto; padding:5vw 0 5vw 0;}
#offer_kulcs1 { width:15%; right:-5%; top:0; position:absolute; animation: ora_anim 4s infinite ease-in-out; transform-origin: center top; filter: grayscale(100%); z-index:1;}
#offer, #offer h1, #offer h2, #offer h3 { color:#fff!important;}


#footer	a {	padding:0.5vw 1vw; margin: 1vw 0; }
#footer_fogas { width:5%; animation: fogas1_anim 10s infinite linear;}

.scroll_a_tetore {width:70px; height:70px; padding:5px; text-align:center; color: #666;text-decoration: none;position:fixed; border:none;bottom:0%;right:0%;	display:none;background: url('totop.png') no-repeat; background-size:cover; opacity: 0.7;z-index:1000;}
.scroll_a_tetore:hover { filter: grayscale(100%); border:none;}

	
	.butt1 {padding: 1vw 3.5vw 1vw 3.5vw; margin:1vw 0 1vw 0; text-transform: uppercase; color:#fff; border:1px solid #edb13a; background-color:#edb13a; transition-duration: 0.5s; cursor:pointer; font-weight:300; font-size: 1.0vw; display: inline-block; }
	.butt1:hover {color:#edb13a; background:none; border:1px solid #edb13a; transition-duration: 0.5s;}
	.butt1.o { display:none; }


}


@keyframes fogas1_anim { from {transform: rotate(0deg);} to {transform: rotate(359deg);}}
@keyframes fogas2_anim { from {transform: rotate(359deg);} to {transform: rotate(0deg);}}
@keyframes fogas3_anim { from {transform: rotate(0deg);} to {transform: rotate(359deg);}}
@keyframes fogas4_anim { from {transform: rotate(359deg);} to {transform: rotate(0deg);}}
@keyframes fogas5_anim { from {transform: rotate(0deg);} to {transform: rotate(359deg);}}
@keyframes fogas6_anim { from {transform: rotate(0deg);} to {transform: rotate(359deg);}}
@keyframes fogas7_anim { from {transform: rotate(359deg);} to {transform: rotate(0deg);}}
@keyframes ora_anim { 0% {transform: rotate(-3deg);} 50% {transform: rotate(3deg);} 100% {transform: rotate(-3deg);}}
@keyframes kulcs_anim { 0% {transform: rotate(-2deg);} 50% {transform: rotate(2deg);} 100% {transform: rotate(-2deg);}}
@keyframes zoom {  0% {transform:scale(1,1); } 50% {transform:scale(1.1,1.1);}	100% {transform:scale(1,1); }}
@keyframes logo_anim1_zoom {  0% {transform:scale(10,10); opacity:0; }  50%, 100% {transform:scale(1,1); opacity:1; }}
@keyframes logo_anim2_zoom {  0%, 25% {transform:scale(10,10); opacity:0; }  75%, 100% {transform:scale(1,1); opacity:1; }}
@keyframes logo_anim3_zoom {  0%, 50% {transform:scale(10,10); opacity:0; }  100% {transform:scale(1,1); opacity:1; }}

* {	outline: none;}
body  {	margin:0;	padding:0; background-color: #fff; tap-highlight-color:transparent; tap-highlight-color:transparent;}
a {	text-decoration: none;	color:#edb13a;	outline: none; display:inline-block;	transition-duration: 0.9s; font-weight:400; }
a:hover {	color: #fff;	transition-duration: 0.3s; }
#speclink a:hover {	color: #000;	transition-duration: 0.3s; }
a img {	transition-duration: 0.9s; }
a img:hover {	color: #fff;	transition-duration: 0.3s; opacity:0.7;}
b, strong { font-weight:600;}