@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400");
/*COLOR*/
/*USE: @include breakpoint(max_md){}*/
.spacer { clear: both; display: block; height: 30px; }

.btn { border-radius: 60px; }

.btn-sm, .btn-group-sm > .btn { padding: 5px 15px; }

body, html { height: 100%; }

body { background: #000 url(../img/bg.jpg) no-repeat fixed center/cover; color: #fff; font-family: 'Roboto Condensed', sans-serif; margin: 0px !important; padding: 0px !important; }
body:before { content: ''; display: block; background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }

.navbar-inverse { background: transparent none; border: none; }

.navbar-header { float: none; }

.navbar-brand { background: url(../img/logo-pudamuri.png) no-repeat center/100%; width: 339px; height: 200px; display: block; margin: 0 auto !important; text-align: left; text-indent: -5000px; overflow: hidden; float: none; position: relative; transform: translateX(-30px); }
@media (max-width: 767px) { .navbar-brand { -moz-transform: scale(0.7) translateX(-30px); -webkit-transform: scale(0.7) translateX(-30px); -o-transform: scale(0.7) translateX(-30px); -ms-transform: scale(0.7) translateX(-30px); transform: scale(0.7) translateX(-30px); } }

.min-h-100vh { min-height: calc( 100vh - 30px); }

h1.valign-title { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }
@media (max-width: 767px) { h1.valign-title { position: relative; top: auto; transform: translateY(0); } }
@media (max-height: 740px) { h1.valign-title { padding: 40px 0; transform: translateY(0%); position: static; } }

.border { display: block; margin: 40px auto 0; padding: 15px; position: absolute; right: 0; bottom: 70px; /*border: 1px solid rgba($green,0.5);*/ max-width: 480px; background-color: rgba(0, 0, 0, 0.5); line-height: 200%; }
.border .btn-link { color: #fff; }
.border big { display: block; font-size: 48px; color: #fff; margin-bottom: 10px; }
.border small { display: block; font-size: 20px; color: #fff; line-height: 110%; }
.border small small { padding-top: 20px; font-size: 20px; }
@media (max-width: 767px) { .border { bottom: 70px; text-align: center; position: static; text-align: center; }
  .border span { display: block; font-size: 20px; }
  .border big { font-size: 38px; } }
@media (max-height: 740px) { .border { position: static; left: 0; text-align: center; } }
@media (max-height: 480px) { .border { position: static; text-align: center; } }

.ibooking { width: 100%; height: 320px; }

#map { display: none; position: relative; position: fixed; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 400px; z-index: 900; }

.close { position: absolute; left: 50%; margin-left: -25px; width: 50px; height: 50px; top: -25px; border-radius: 100%; background: #000 !important; color: #fff; opacity: 1 !important; font-size: 18px; line-height: 50px; text-align: center; z-index: 100; background: #000; }

.overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 890; background: rgba(0, 0, 0, 0.8); }

#mapCanvas { width: 100%; height: 400px; }
#mapCanvas img { max-width: inherit !important; }

footer { text-align: center; padding: 20px 0; color: #fff; font-size: 16px; position: fixed; left: 0; bottom: 0; right: 0; background-color: black; /*
@include breakpoint(max_xs){
	text-align: left;
	transform: translateY(0);
	background-color: $black;
	position: static;
}
@include breakpoint(max_xxxxs){
	
}
@include breakpoint(max_h_740){
	position: static;
}
*/ }
footer p { margin: 0; }
@media (max-width: 767px) { footer span { white-space: nowrap; } }
footer a { color: #fff; }

.btn-link { padding: 10px 0px !important; }

.headline { position: relative; z-index: 100; top: 0; left: 0; width: 100%; padding: 15px 30px; text-align: center; font-size: 30px; }
@media (min-width: 768px) { .headline { position: relative; text-shadow: 0 4px 3px rgba(0, 0, 0, 0.1); padding: 60px 15px; font-size: 40px; background-color: transparent; } }

.wrap-columns { display: flex; flex-wrap: wrap; width: 100%; margin: auto; padding: 30px 0px; }
@media (min-width: 768px) { .wrap-columns { padding: 0 15px; } }
@media (max-width: 767px) { .wrap-columns p.h-adjust { padding-bottom: 25px; } }

.modal-dialog { margin: 30px auto .5rem; }
.modal-dialog .modal-body { padding: 30px 1rem 1rem; }

.quandoo-widget-builder .quandoo-multi-container { margin: 15px auto; }
.quandoo-widget-builder .quandoo-multi-container .quandoo-round-border { border-radius: 50px; }

.quandoo-venues {
	display:none;
	position:absolute;
	width:100%;
	z-index:999;
	max-height: 420px;
	overflow: auto;
	border-radius: 8px;
	background: #212529 !important;
	box-shadow: 1px 1px 15px rgba(51, 51, 51, 0.15);
}

.quandoo-venues-item:hover {
	background-color: #f1f1f175 !important;
}

.popup-center { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.9); z-index: 9999; }
.popup-center .close { position: absolute; right: 15px; top: 15px; z-index: 100; }
.popup-center .close:hover { color: #a2185b; }

/*# sourceMappingURL=main.css.map */
