nav#rwdmenu {display:none;position:absolute;top:0px;left:0;width:100%;text-align:center;z-index:3000;}
nav#rwdmenu ul {display:block;background-color:#F1A0A7;width:100%;height:auto;border-radius:5px;transition:all 0.3s ease;}
nav#rwdmenu.active {display:block;position:fixed;top:0;right:0;z-index:99999999;}
nav#rwdmenu.active ul {font-size:0;}
nav#rwdmenu.active ul li {width:100%;display:block;border-bottom:1px solid rgba(255,255,255,0.1);}
nav#rwdmenu.active ul li:last-child {border:0;}
nav#rwdmenu.active ul li a {font-family:'Poppins',sans-serif;color:#fff;font-weight:700;text-transform:uppercase;display:block;padding:10px 25px;font-size:18px;line-height:26px;text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
nav#rwdmenu.active ul li a:hover, nav#rwdmenu.active ul li a.active {background-color:#FD5E6C;text-decoration:none;}
nav#rwdmenu.active ul li:first-child a {text-align:right;}
nav#rwdmenu.active ul li:first-child a i {font-size:48px;}
nav#rwdmenu.active ul li:nth-child(2) a {text-shadow:none;}
nav#rwdmenu.active ul li:nth-child(2) a:hover {background-color:#fff;}
nav#rwdmenu.active ul li.lang a {width:32%;display:inline-block;}
nav#rwdmenu.active ul li a span {background-color:#fff;color:#da5a87;display:block;margin:1% auto;width:90%;text-align:center;border-radius:5px;padding:10px 0;text-shadow:none;transition:all 0.3s ease;}
nav#rwdmenu.active ul li a:hover span {background-color:#da5a87;color:#fff;}

@media all and (min-width: 1100px) {
	section#welcome.fixed .menu {top:35px;right:2%;}
	section#welcome.fixed .menu .submenu {background-color:#f59cae;padding:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);}
	section#welcome.fixed .justify {width:100%;height:100px;top:0;box-shadow:0 0 5px rgba(0,0,0,0.1);background-color:#f59cae;position:fixed;animate-name:menuAnimation;animate-duration:0.3s;}
}

@keyframes menuAnimation {from {top:-50px;opacity:0;} to {top:0;opacity:1;}}

@media all and (max-width: 1660px) {
	.justify {width:1440px;}
	#chooseFromMap .map-girl {max-width:55%;}
	#about3 .ribbon p {max-width:60%;}
	#about5 .justify {width:45%;}
	.button-nice.bigger {max-width:250px;}
	#pricing_birthday img.pricing-lollypop {bottom: -110px;left: -160px;}
	#offer_pricing .offer-camera {top:33%;}
	#cafe2 .shake-1 {left:-170px;}
	#cafe2 .shake-2 {left:250px;}
	#cafe3 .dessert-1 {left:-90px;}
	#cafe3 .dessert-2 {margin-left:-370px;}
	#cafe3 .dessert-3 {right:-70px;}
	#cafe4 .cafe-others-1 {left:35%;}
	#cafe5 .for-summer-1 {left: 20%;top: 140px;}
	#cafe5 .menu {left: calc(35% + 350px);}
	#chooseFromMap .location.city_01 {left:34px;}
	#chooseFromMap .location.city_02 {left:370px;}
	#chooseFromMap .location.city_04 {left:370px;}
	#chooseFromMap .location.city_05 {left:360px;}
}

@media all and (max-width: 1480px) {
	.justify {width:1200px;}
	.menu li a {padding:10px 15px;}
	section#welcome .left {width:70%;}
	section#donuts .donut-1 {left:-150px;}
	section#donuts .donut-1-shadow {left:-320px;}
	.index section#donuts .donut-2 {display:none;}
	section#donuts .donut-3 {left:20%;}
	section#welcome .welcome-girl {right:-260px;}
	#chooseFromMap .location.city_01 {top:20px;left:14px;}
	#chooseFromMap .location.city_02 {top:350px;left:300px;}
	#chooseFromMap .location.city_04 {top:130px;left:330px;}
	#chooseFromMap .location.city_05 {top:280px;left:290px;}
	#chooseFromMap p.bold {font-size:30px;}
	#whoWeAre .candy-1 {right:-20%;}
	#tripAdvisor .tripadvisor-girl {max-width:45%;}
	#tripAdvisor .donut-4 {left:-300px;}
	#buyTicket .donut-5 {left:-45%;}
	section#about .about .ribbon p {font-size:25px;}
	section#about .about-candies {right:-200px;}
	#about1 .donut-about-1 {right:-250px;}
	#about2 .left {width:40%;}
	#about2 .right {width:60%;}
	#about3 .candy-1 {right:-200px;}
	#about3 .ribbon p {font-size: 28px;line-height: 1.4em;}
	#about4 {background-position:center top;}
	#about4 .about-4 {left:-150px;}
	#about5 .about-5-cookies {left:-120px;}
	#cafe1 .ribbon {padding-top:80px;}
	#cafe1 .coffee-1 {width:500px;bottom:0;}
	#cafe1 .coffee-2 {width:500px;left: calc(35% + 270px);bottom: 90px;}
	#cafe1 .coffee-3 {width:500px;left: calc(35% + 520px);bottom: 0px;}
	#cafe2 .shake-1 {left:-230px;bottom:100px;}
	#cafe2 .shake-2 {left:170px;bottom:30px;}
	#cafe2 .ribbon {padding-top:80px;}
	#cafe3 .dessert-1 {width:600px;}
	#cafe3 .dessert-2 {width:600px;margin-left:-300px}
	#cafe3 .dessert-3 {width:600px;}
	#cafe4 .ribbon {top:90px;}
	#cafe4 .ribbon p {font-size:44px;}
	#cafe5 .for-summer-1 {left: 10%;top: 210px;}
	#cafe5 .menu {left: calc(35% + 200px);top:250px;}
	.button-nice.inline {margin:10px;}
	section#about .about .tags {max-width:100%;}
}

@media all and (max-width: 1280px) {
	.justify {width:1000px;}
	section#welcome {padding:250px 0 0;}
	section#welcome .welcome-girl {right:-360px;}
	#chooseFromMap p.bold,
	#chooseFromMap p.thin {display:none;}
	#chooseFromMap .location.city_01 {top:0;left:0;}
	#chooseFromMap .location.city_02 {top:280px;left:250px;}
	#chooseFromMap .location.city_04 {top:80px;left:270px;}
	#chooseFromMap .location.city_05 {top:240px;left:230px;}
	#instagram .box-4 {width:50%;}
	section#about .about .ribbon {padding-top:90px;}
	section#about .about .ribbon p {font-size:20px;}
	section#about .about p {max-width:100%;}
	#about1 .ribbon p {font-size:28px;}
	#about3 .ribbon {padding-top:90px;}
	#about3 .ribbon p {font-size:22px;}
	#about4 {padding:50px 0;}
	#about4 .about-4 {width:400px;left:-50px;}
	#about5 .photos .box-4 {width:48%;margin-bottom:20px;}
	section#pricingheader {padding:350px 0;}
	#pricing .ribbon {padding-top:83px;}
	.button-nice.bigger {max-width:200px;}
	section#offerheader .ribbon {background-size:contain;padding:115px 0 60px;}
	section#offerheader .ribbon p {font-size:26px;}
	.left {padding-right:1%;}
	.right {padding-left:1%;}
	#offer2 .left {width:30%;}
	#offer2 .right {width:70%;}
	#offer3 .left {width:100%;margin-bottom:60px}
	#offer3 .right {width:100%;}
	#offer4 .left, #offer4 .right {width:100%;}
	#offer5 .box-3 .offer-1 span {font-size:40px;}
	#offer5 .box-3 .offer-2 span {font-size:40px;}
	#offer5 .box-3 .offer-3 span {font-size:40px;}
	#offer_pricing .offer-camera {top:45%;}
	#offer6 .left, #offer6 .right {width:100%;}
	section#tickets .ticketsgirl {width:500px;}
	.justify, .justify.more {width:1000px;}
	#header .justify {width:96%;}
	section#about h3 {font-size:26px;line-height:48px;}
	header h3 span.green {padding:8px 10px;}
	footer#bottom a.facebook {width:90%;}
	article#content .box-laws div.thumb {max-height:160px;}
	.w70.left {width:60%;}
	#boxgrey {width:35%;}
	.box-5 {width:33%;}
	header h3.bigger, h3.bigger {font-size:50px;}
	.city-buttons .button {display:block;}
}

@media all and (max-width: 1100px) {
	.justify, .justify.more, .justify.small {width:760px;}
	ul.rwd-menu {display:block;}
	ul.language,
	.menu {display:none;}
	#buyticket {top:35px;right:80px;}
	section#welcome .left h2 {font-size:90px;}
	#whoWeAre .candy-1 {right: -50%;}
	#whoWeAre .box-4 {width:50%;}
	#tripAdvisor .box-4 {width:48%;margin-bottom:10px;}
	#buyTicket .left, #buyTicket .right {width:100%;margin-bottom:50px;}
	#newsshop .box-3 {width:76%;margin:10px 12% !important;}
	section#about .about {max-width:100%;}
	section#aboutheader {padding:300px 0;}
	#about1 .ribbon p {font-size:26px;}
	#about2 .left {width:100%;margin-bottom:50px;}
	#about2 .right {width:100%;}
	#about3 .ribbon {width:100%;margin-left:0;margin-right:0;}
	#about5 .about-5-cookies {left:-200px;}
	#about4 .justify {max-width:600px;}
	#pricing .ribbon {width:100%;margin-left:0;margin-right:0;}
	.button-nice.bigger {max-width:170px;}
	#pricing .ticket-box {width:50%;}
	#gallery .box-3 {width:100%;max-width:600px;}
	#contact .left, #contact .right {width:100%;margin-bottom:50px;}
	footer .w10 {display:none;}
	footer .menu {width:33%;}
	footer .w30 {width:100%;}	
}

@media all and (max-width: 800px) {
	#ticketpopup {display:none;}
	.justify, .justify.more, .justify.small {width:600px;}
	section#welcome .left h2 {font-size:60px;margin-top:10px;}
	section#donuts .donut-1 {max-width:200px;left:-50px;}
	section#donuts .donut-3 {max-width:150px;}
	section#welcome .social li a img {max-width:30px;}
	section#welcome .left span.slogan {font-size:16px;}
	#chooseFromMap .ribbon {width:100%;height:70px;background-size:contain;}
	#chooseFromMap .ribbon p {font-size:26px;padding-top:50px;}
	#whoWeAre .candy-1 {right:-80%;}
	#whoWeAre h3 {font-size:40px;}
	#whoWeAre .box-4 {width:100%;}
	.button-nice.bigger {max-width:300px;}
	#tripAdvisor {padding-bottom:220px;}
	#tripAdvisor .left, #tripAdvisor .right {width:100%;margin-bottom:50px;}
	#newsshop .candy-cane {right:-35%;}
	#news h3 {font-size:36px;}
	#newsshop .box-3 {width:100%;margin:10px 0 !important;}
	#instagram .box-4 {width:100%;}
	section#about .justify {width:96%;}
	section#aboutheader {padding:200px 0;}
	section#aboutheader h2 {font-size:90px;}
	#about1 .donut-about-1 {right: -120px;max-width:300px;top:-150px;}
	#about1 .ribbon {width:100%;margin-left:0;}
	#about1 .ribbon p {font-size:24px;}
	p.header {font-size:24px !important;}
	#about2 h3 {font-size:36px;}
	#about3 .justify {width:96%;}
	#about3 .ribbon p {font-size:20px;}
	#about4 {background-position:right top;}
	#about4 .about-4 {display:none;}
	#about5 .about-5-cookies {left:-300px;}
	#about5 .photos .box-4 {width:98%;}
	section#pricingheader {padding:200px 0;}
	section#pricingheader h2 {font-size:90px;}
	#pricing .justify {width:96%;}
	#pricing .ribbon p {font-size:27px;}
	.city-buttons .button-nice, 
	.city-buttons .button-nice.bigger {max-width:100%;margin:10px 0;}
	#pricing .ticket-box {width:80%;}
	#pricing_birthday img.pricing-lollypop {display:none;}
	section#faqheader,
	section#contactheader,
	section#galleryheader {padding:200px 0 100px 0;text-align:center;}
	section#contactheader h2,
	section#faqheader h2,
	section#galleryheader h2,
	section#newsheader h2 {font-size:90px;}
	#gallery p.header {width:96%;}
	#faq .accordion .accordion-section .accordion-section-title {font-size:20px;}
	.left, .right {width:100%;padding:0;}
	section#donuts {displaY:none;}
	footer .menu {width:100% !important;text-align:center;}
	footer .menu li a {padding:20px 0 !important;text-transform:uppercase;}
	section#header {z-index:1000;}
	#offer1 {padding:40px 0 0 0;}
	#offer1 .left, 
	#offer1 .right {width:100%;padding:3% 0 0 0;}
	#offer1 .offer-girl {position:relative;bottom:auto;}
	#offer_pricing .pricing-box {min-height:inherit;}
	#offer_pricing .offer-camera {left:-320px;}
	#offer2 .left, #offer2 .right {width:100%;}
	section#offerheader h2 span {font-size:44px;line-height:1.2em;}
	section#offerheader .ribbon p {font-size:19px;}
	section#offerheader .ribbon {padding-top:100px;}
	#offer6 {padding:80px 0;}
	section#offerheader h2 {font-size:80px;}
	#newsshop.inside .photo {width:100%;margin:0 0 50px 0;}
	#newsshop.inside .content {width:100%;}
	section#subsiteheader {padding:200px 0 100px;}
	section#subsiteheader h2.small {font-size:40px;}
	#cafe1 .coffee-1 {left:-15%;}
	#cafe1 .coffee-2 {left: calc(35% + -130px);}
	#cafe1 .coffee-3 {left: calc(35% + 60px);}
	#cafe2 {padding:150px 0 0 0;}
	#cafe2 .shake-1,
	#cafe2 .shake-2 {bottom:auto;top:0;}
	#cafe3 .dessert-1 {left:-120px;bottom:150px;}
	#cafe3 .dessert-2 {bottom:-20px;z-index:12;}
	#cafe3 .dessert-3 {right:-150px;bottom:60px;}
	#cafe4 .cafe-others-1 {left:-35%;}
	#cafe4 .cafe-others-2 {left:20%;}
	#cafe5 .menu {display:block !important;left:32%;top:80px;right:auto;}
	#cafe5 .for-summer-1 {top:280px;right:-60px;left:auto;}
	#cafe5 .for-summer-2 {max-width:300px;bottom:120px;right:auto;left:0;}
	#cafe6 {padding-top:360px;}
	#cafe6 .for-summer-3 {left:0;}
	footer .w30 {text-align:center;margin-top:40px;}
	
	table.tickets th.left, table.tickets td.left,
	table.tickets th, table.tickets td {font-size:11px !important;line-height:1.1em;}
	table.tickets td strong {font-weight:400;}
	table.tickets th.right, table.tickets td.right {white-space:nowrap;}
	form.form input[type="number"] {width:60px !important;padding:5px 5px !important;}
	table.tickets th, table.tickets td {padding:10px 5px !important;}
	
	#ticketform #summary p {font-size:14px;font-weight:400;}
	#ticketform #summary span.item, #ticketform #summary span.quantity, #ticketform #summary span.sumprice {min-width:auto;width:49%;}
	#ticketform .sale p.title,
	hgroup.ticket h4 {font-size:24px;}
	
	#ticketform .justify {width:100%;}
	#ticketform #summary {margin: 0 15px;width: calc(100% - 30px);}
	#ticketform #summary .button-nice.bigger {margin-right:0;}
	#ticketform #summary .book .button-nice.bigger {max-width:none;}
	#ticketform .sale p.title, hgroup.ticket h4 {font-size:14px;}

@media all and (max-width: 600px) {
	.buyticket {display:none;}
	section#welcome {padding-bottom:0;}
	section#welcome .social {display:none;}
	section#welcome .da-slider {height:660px;}
	#chooseFromMap .ribbon p {font-size:16px;padding-top:20px;}
	#whoWeAre h3 {font-size:22px;}
	#buyTicket p.bold {font-size:20px;}
	section#about .about .ribbon p {font-size:13px;}
	section#about .about .ribbon {padding-top:93px;}
	section#about .about .tags p {display:block;width:100%;margin:1% 0;}
	.da-slide .da-img img {display:none;}
	.da-slide .da-img img.rwdsrc {display:block;}
	
	section#offerheader {padding:200px 0;}
	
	section#aboutheader,
	section#pricingheader
	{padding:160px 0;min-height:320px;}
	
	section#aboutheader .about-girl,
	section#pricingheader .girls
	{right:-60px;height:320px;max-width:none;}
	
	section#aboutheader .justify,
	section#pricingheader .justify,
	section#offerheader .justify
	{max-width:90%;width:auto;}
	
	#terms .cake {display:none;}
	table.tickets th,
	table.tickets td {padding:3px;}
	table.tickets td,
	table.tickets th.left, table.tickets td.left {font-size:16px;}
	
	.ui-widget-content {padding:5px;}
	
	section#aboutheader h2,
	section#pricingheader h2 {font-size:50px;}
	
	#about1 .justify {width:90%;}
	#about1 .ribbon {padding-top:93px;}
	#about1 .ribbon p {font-size:13px;}
	#about3 .ribbon {padding-top:93px;}
	#about3 .ribbon p {max-width:70%;font-size:12px;}
	#about5 .justify {width:90%;}
	
	#pricing {padding-top:0;}
	#pricing .ribbon p {font-size:14px;}
	#pricing .ribbon {padding-top:90px;margin-bottom:0;}
	
	#pricing_birthday h4 {font-size:42px;}
	#pricing_birthday a.ticket {margin-left:-200px}
	
	#pricing .cities h2 {font-size:32px;}
	#pricing .cities h2 span {font-size:24px;}
	#pricing .ticket-box p.price {font-size:24px;}
	
	section#offerheader .ribbon p {font-size:17px;}
	#offer1 h3,
	#offer2 h3 {font-size:34px;}
	#offer_pricing .pricing-box p.price {font-size:26px;}
	#offer3 #video iframe {max-width:100% !important;}
	
	#offer5 .box-3 {width:100%;}
	#offer_pricing .pricing-box p {font-size:14px;}
	#offer_pricing .pricing-box h4 {font-size:28px;}
	section#offerheader h2 {font-size:50px;}
	
	#cafe1 .justify,
	#cafe2 .justify,
	#cafe3 .justify,
	#cafe4 .justify,
	#cafe5 .justify,
	#cafe6 .justify {width:100%;}
	
	#cafe1 .ribbon p,
	#cafe2 .ribbon p,
	#cafe3 .ribbon p {font-size:54px;}
	
	#cafe4 .ribbon {padding-top:94px;}
	#cafe4 .ribbon p {font-size:34px;}
	
	#faq .justify {width:96%;} 
	#contact .data {padding-left:0 !important;}
	
	section#subsiteheader h2,
	section#subsiteheader h2.small {font-size:30px;}
	
	section#ticketheader {padding:200px 0 100px;}
	section#ticketheader h2 {font-size:30px;}
	section#ticketheader h2 span {font-size:24px;}
	
	hgroup.ticket h4 {font-size:24px;}
	
	.ui-datepicker .ui-datepicker-title {font-size:16px;}
	.ui-datepicker td span, .ui-datepicker td a {padding:10px;}
	
	a.ui-state-default,
	.ui-state-disabled span {font-size:20px;}
	
	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-top:-23px;background-size:50%;}
	#ticketform .hours-box a.button {width:98%;font-size:20px;}
	
	/*nav#rwdmenu.active ul {width:350px;}*/
	.city-buttons {padding:0 2%;}
	hgroup.ticket {margin-bottom:0;}
	#ticketform #summary input[type="text"], #ticketform #summary input[type="email"] {font-size:14px;}
	#ticketform .hours-box h3 {font-size:16px;}
	#ticketform .sale .data p {font-size:14px;margin-bottom:10px;}
	section#ticketheader {padding:120px 0 30px;}
	hgroup.ticket h3 {font-size:22px;}
	#ticketform aside.clear {display:none;}
	
}

@media all and (max-width: 540px) {
	section#welcome {overflow:hidden;}
	section#donuts .donut-3 {display:none;}
	section#newsheader h2,
	section#contactheader h2,
	section#faqheader h2,
	section#subsiteheader h2,
	section#galleryheader h2 {font-size:40px;}
	.justify, .justify.more, .justify.small {width:320px;}
	
	/*section#welcome .da-slider {height:580px;}*/
	
	section#about .about .ribbon p {max-width:70%;}
	
	#tripAdvisor {padding-bottom:60px;}	
	#tripAdvisor .box-4 {width:98%;}
	
	.padding {padding:30px 0;}
	
	section#header {height:100px;}
	header#logo img {height:90px;}
	.rwd-menu {top:25px;}
	
	#whoWeAre {padding:30px 0;}
	#whoWeAre .candy-1 {display:none;}
	footer .w30 p {margin-top:30px;}
	footer .social img {max-width:25px;}
	footer .w30 {padding:0;}
	
	#whoWeAre .social li {width:23%;text-align:center;margin:30px 0;}
	#whoWeAre .social li img {display:inline-block;}
	
	#chooseFromMap .map-girl {left:-70px;}
	#buyTicket {padding:30px 0;}
	#buyTicket .justify {width:96%;}
	#buyTicket .left, #buyTicket .right {margin-bottom:10px;}
	#newsshop .candy-cane {display:none;}
	#buyTicket .donut-5 {bottom:-190px;}
	#newsshop,
	#instagram,
	section#about {padding:30px 0;}
	#instagram {padding-bottom:60px;}
	#buyTicket .left {display:none;}
	section#about .about .ribbon {margin-bottom:0;}
	#chooseFromMap .location {background:none;padding-top:20px;}
	#chooseFromMap .location.city_01 {top:30px;left:0;}
	#chooseFromMap .location.city_02 {top:215px;left:150px;}
	#chooseFromMap .location.city_05 {top:190px;left:130px;}
	#chooseFromMap .location.city_04 {top: 90px;left: 160px;}
	#instagram h3 {font-size:42px;}
	#news .clear {display:none;}
	
	#about1 .donut-about-1 {display:none;}
	#about1 {padding:30px 0;}
	#about1 .ribbon {height:90px;padding-top:37px;}
	#about2 {padding:30px 0;}
	#about2 .justify {width:96%;}
	#about2 .right {text-align:center;}
	#about3 .candy-1 {display:none;}
	#about3 {padding:30px 0;}
	#about3 .ribbon {margin-bottom:0;}
	#about4 .justify {padding:15px;border-radius:10px;background-color:rgba(241,160,167,0.7);}
	#about4 h3 {font-size:42px;}
}

@media all and (max-width: 400px) {
	#instagram h3 {font-size:44px;}
	section#welcome .da-slider {height:520px;}
}