/*
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.navbar-brand img {
	height: 3rem;
	width: auto;
}

.dropdown-item {
	color: rgb(47, 36, 49);
}

.dropdown-menu a {
	border: 0;
	border-radius: 0;
}

.dropdown-menu a:hover {
	color: rgb(7, 7, 7);
	background-color: #eeeef0;
}

.dropdown-menu a:hover .text-muted {
	color: #969da5 !important;
}

.dropdown-menu a:first-child {
	border-top-right-radius: 0.625rem;
	border-top-left-radius: 0.625rem;
}

.dropdown-menu a:last-child {
	border-bottom-left-radius: 0.625rem;
	border-bottom-right-radius: 0.625rem;
}

@media (max-width: 991px) {
	.dropdown-menu .col-auto {
		padding: 0;
	}
}

.fb-comments {
	width: calc(100% + 16px) !important;
	position: relative !important;
	margin-left: -8px;
	max-width: initial !important;
	display: inline-block !important;
}

section.contact-form .bg-secondary {
	background-color: #e9ecef !important
}

section.contact-form .bg-secondary h2 {
	font-size: 2rem;
}

section.contact-form .bg-secondary .lead {
	font-size: 1rem;
}

.card.rounded {
	border-radius: 0.3125rem !important;
}

.card.row {
	margin-left: 0;
	margin-right: 0;
}

.section.contact-form .col-md-7 {
	border-top-left-radius: 0.3125rem !important;
	border-bottom-left-radius: 0.3125rem !important;
}

.section.contact-form .col-md-5 {
	border-top-right-radius: 0.3125rem !important;
	border-bottom-right-radius: 0.3125rem !important;
}

@media (max-width: 767px) {
	.section.contact-form .col-md-7 {
		border-top-left-radius: 0.3125rem !important;
		border-top-right-radius: 0.3125rem !important;
		border-bottom-left-radius: 0rem !important;
		border-bottom-right-radius: 0rem !important;
	}

	.section.contact-form .col-md-5 {
		border-top-left-radius: 0rem !important;
		border-top-right-radius: 0rem !important;
		border-bottom-right-radius: 0.3125rem !important;
		border-bottom-left-radius: 0.3125rem !important;
	}

}

#voucher-form label.error {
	color: #fff;
	line-height: 0;
	display: inline-block;
	font-size: .75rem;
	font-weight: 400;
	margin: 0 0 -4px;
	width: 100%;
	text-align: left;
}

#voucher-form .form-control:focus,
#voucher-form .form-control {
	border: 2px solid #fff;
	box-shadow: none;
}

#voucher-form select.form-control.error:focus {
	border-color: #fd2d55;
	box-shadow: none;
}

@media (max-width: 768px) {
	#voucher-form .form-control {
		font-size: 14px;
	}
}

#voucher-form input.error,
#voucher-form select.error {
	border-color: #fd2d55;
}

.agree-checkbox label.custom-control-label {
	color: #fff;
}

.agree-checkbox label.custom-control-label:before {
	border: 1px solid #ced4da;
	background-color: #ffffff;
	top: 2px !important;
}

.agree-checkbox label.custom-control-label:after {
	top: 2px !important;
}

.agree-checkbox input:checked+label+label.custom-control-label:before,
.agree-checkbox input:checked+label.custom-control-label:before {
	background-color: #d9534f !important;
}

.agree-checkbox .error {
	top: 36px;
	position: absolute;
	left: 0;
}

.agree-checkbox a {
	color: #c9302c !important;
}

.agree-checkbox * {
	outline: none !important;
}

body.fade-page {
	opacity: 1 !important;
}

.fullwidth-split {
	padding: 0;
}

.fullwidth-split .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.fullwidth-split-text {
	display: flex;
	justify-content: center;
	padding: 6rem 0;
}

@media (max-width: 575.98px) {
	.fullwidth-split-text {
		padding: 3rem 0;
	}

	.fullwidth-split-image .bg-image {
		position: relative;
	}
}

.form-group .custom-select {
	background: #fff;
}

.list-unstyled,
.feature-list {
	padding-left: 0;
	list-style: none;
}

.feature-list {
	margin-bottom: 0;
}

.feature-list {
	margin-bottom: 0;
}

.feature-list>li {
	margin-bottom: 3rem;
}

.feature-list.feature-list-sm>li {
	margin-bottom: 1.5rem;
}

.feature-list:not(:last-child):not(.row) {
	margin-bottom: 1.5rem;
}

.feature-list>li[class*='col'] {
	display: flex;
	flex-direction: column;
}

.feature-list>li[class*='col'] .card {
	flex-grow: 1;
}

@media (min-width: 576px) {
	.feature-list.feature-list-lg>li {
		margin-bottom: 4.5rem;
	}
}

@media (min-width: 992px) {
	.feature-list.feature-list-xlg>li {
		margin-bottom: 7.5rem;
	}

	.feature-list.feature-list-xlg>li:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 767.98px) {
	.feature-list>li {
		margin-bottom: 1.5rem;
	}

	.feature-list>li .img-fluid {
		margin-bottom: 1.5rem;
	}
}

.feature-list>li>.card:only-child {
	margin-bottom: 0;
}

.logo.logo-lg {
	height: 3rem;
}

.logo {
	height: 2.25rem;
	width: auto;
}

.media>.avatar:first-child {
	margin-right: 1.5rem;
}

.media .avatar {
	border-radius: 50%;
	width: 4.5rem;
	height: 4.5rem;
}

@media (max-width: 991px) {
	#voucher-form .step-content .card-body {
		padding: 0;
	}

	#voucher-form .step-content .card {
		border: 0;
	}

	.sw-container {
		min-height: auto !important;
	}
}

.navbar {
	padding: 0.4rem 0 !important;
}
@media (max-width: 991px) {
	.navbar.navbar-toggled-show {
		padding-bottom: 0.8rem !important;
	}
}

@media (max-width: 991.98px) {
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}
}

footer {
	padding: 4rem 0;
}

#await-coupon {
	position: fixed;
	right: 2rem;
	left: auto;
	bottom: 0 !important;
	width: 23rem;
	z-index: 1000;
	display: none;
}

.countdown {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	display: none;
	border: 1px solid #e9ecef;
	height: 70px;
	line-height: 68px;
}

#reveal-code {
	display: none;
	border: 1px solid #e9ecef;
}

.coupon-code {
	font-size: 1.5rem;
	letter-spacing: 3px;
	cursor: text;
}

#await-coupon .card-await-coupon {
	border-radius: 0px;
	border: 0;
}

#await-coupon .btn-await-coupon {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	outline: none;
	box-shadow: none;
}

@media screen and (max-width: 500px) {
	#await-coupon {
		right: 0;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}

	#await-coupon .btn-await-coupon {
		font-size: 1rem;
		padding: 9px 0 5px;
	}
}

.btn-await-coupon .icon-cake {
	position: relative;
	top: -2px;
}

#await-coupon .icon-fire {
	position: relative;
	top: -3px;
	margin: 0;
}

#await-coupon .icon-up {
	display: none;
}

#await-coupon .icon-down {
	display: inline-block;
}

#await-coupon.closed .icon-up {
	display: inline-block;
}

#await-coupon.closed .icon-down {
	display: none;
}

.dropdown-item {
	padding: 0.25rem 0;
}

.dropdown-menu {
	padding: 0 0 !important;
}

.dropdown-item:first-child {
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}

.dropdown-item:last-child {
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

.dropdown-header {
	padding: 0 0 !important;
}

.dropdown-item-text {
	padding: 0.25rem 0 !important;
}

.badge-primary-2 {
	background-color: #FD2D55 !important;
}

.bg-primary-3 {
	background-color: #020122 !important;
}

.dropdown-content {
	padding: 1.5rem;
}

.dropdown-content.dropdown-content-sm {
	padding: 0.75rem 1.5rem;
}

svg.bg-primary-alt * {
	fill: #f3f5fb !important;
}

svg.bg-primary-3 * {
	fill: #020122 !important;
}

.bg-primary-alt {
	background: #f3f5fb !important;
}

@media screen and (max-width: 380px) {
	.booking-panel .card-title {
		height: 60px;
	}
}

@media screen and (max-width: 500px) {
	.btn-timeslot {
		padding-left: 0;
		padding-right: 0;
	}
}

h1, h2, h3 {
	word-break: break-word;
}


@media (max-width: 360px) {
	.card-wizard>.card-body {
		padding: 1rem;
	}
}

.voucher-wizard .step-circles .nav-item:not(.active) .nav-link {
	color: #fff !important;
}

.voucher-wizard .step-circles .nav-link {
	background: rgba(253, 45, 85, 0.5);
}

.voucher-wizard .step-circles .nav-item:not(:last-child) .nav-link:after {
	background: rgba(208, 84, 108, 0.81) !important;
}

@media (max-width: 991px) {
	#reveal-code p {
		margin-bottom: 0.5rem;
	}
}

@media only screen and (max-width: 767px) and (min-width: 520px)  {
	.booking-panel .card-title {
		min-height: 56px;
	}
}

.StripeElement {
	box-sizing: border-box;

	height: 40px;

	padding: 10px 12px;

	border: 1px solid transparent;
	border-radius: 4px;
	background-color: white;

	box-shadow: 0 1px 3px 0 #c8c2e2;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}

.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}

input,
.StripeElement {
	height: 40px;
	padding: 10px 12px;

	color: #32325d;
	background-color: white;
	border: 1px solid #978cc9;
	border-radius: 4px;

	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}

input:focus,
.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}

.wizard-nav {
	text-align: center;
}

.wizard-nav svg.icon * {
	fill: #ffffff;
}

.wizard-nav button, .wizard-nav a{
	background: transparent;
	border: 0;
	outline: none;
	height: 48px;
	width: 48px;
	padding: 0;
}

.wizard-nav h4{
	margin: 0.58rem 0 0 0 !important;
}


#stripe-iban-form #iban-errors, #stripe-iban-form #bank-name {
	display: none;
}

#stripe-iban-form #iban-errors.visible, #stripe-iban-form #bank-name.visible {
	display: block;
}

#stripe-card-form #card-errors,#stripe-card-form-new #card-errors-new, #stripe-iban-form #iban-errors, #stripe-iban-form #bank-name {
	color: #212529;
	font-size: .75rem;
	font-weight: 400;
}

.voucher-wizard #second .list-unstyled .icon {
	position: relative;
	top: 2px;
	height: 1.35rem;
	margin-left: 0.4rem;
}

#voucher-form .accordion-panel-title[aria-expanded="true"] > * path, #voucher-form .accordion-panel-title:hover > * path {
	fill: inherit;
}

.table-voucher-invoice.table th, .table-voucher-invoice.table td {
	border-top: 0;
}

.loading-animation {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	animation: typing 1s linear infinite alternate;
	position: relative;
	left: -12px;
}

@keyframes typing {
	0% {
		background-color: rgb(255, 255, 255);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}

	25% {
		background-color: rgba(255, 254, 254, 0.4);
		box-shadow: 12px 0px 0px 0px rgb(255, 255, 255), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
	}
	75% {
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgb(255, 255, 255);
	}
}

#voucher-form .form-group small {
	margin-top: 3px;
	display: block;
}

#await-coupon .btn-await-coupon{
	background-color: #f502319c;
	border-color: #e8022e4a;
}

#await-coupon.open .btn-await-coupon{
	background-color: #f50231;
	border-color: #e8022e;
}

.btn-group-cabinet-hero a.btn {
	padding: 0.6rem 2rem !important;
}
.btn-group-cabinet-hero .dropdown-menu {
	font-size: 0.9rem;
}

img[data-inject-svg]{
	opacity: 0;
}

.btn-group-cabinet-hero .dropdown-toggle.btn > .icon:last-child {
	transform: rotateZ(0deg) !important;
}

.left-100{
	left: 100% !important;
}

#booking-form input:focus{
	border: 1px solid #c773e2 !important;
}

[data-toggle="dropdown-grid"] + .dropdown-menu.show {
	width: 90vw !important;
}

@media (min-width: 769px) {
	.prevNextWidget {
		position: relative
	}

	.prevNextWidget .prevNext-arrows {
		width: 100%;
		top: 41%
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev {
		z-index: 10;
		opacity: .99;
		position: fixed;
		top: 36.5%;
		left: 0;
		width: 0;
		height: 100px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
		transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev:hover {
		width: 340px;
		background-color: #fff
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev:hover .prev-item {
		left: 50px
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev:hover .prevNext-prev-arrow {
		background-color: #fd2d55;
		left: 0
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev:hover svg.icon * {
		fill: #fff;
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prevNext-prev-arrow {
		width: 50px;
		height: 100px;
		display: block;
		background-color: #eee;
		margin-right: 10px;
		position: absolute;
		padding: 5px;
		left: -10px;
		z-index: 11;
		transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prevNext-prev-arrow a {
		width: 100%;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prevNext-prev-arrow a img {
		transform: rotate(180deg)
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prev-item {
		left: -400px;
		position: absolute;
		transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prevNext-item-block a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		width: 290px
	}

	.prevNextWidget .prevNext-arrows .prevNext-prev .prevNext-item-block a .prevNext-item-block-title {
		-ms-flex: 2;
		flex: 2;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 0 20px;
		font-size: 14px;
		display: block;
		overflow: hidden;
		line-height: 1.4em;
		max-height: 5.6em;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
	}

	.prevNextWidget .prevNext-arrows .prevNext-next {
		z-index: 10;
		opacity: .99;
		position: fixed;
		top: 36.5%;
		right: 0;
		width: 0;
		height: 100px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
		transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-next:hover {
		width: 340px;
		background-color: #fff
	}

	.prevNextWidget .prevNext-arrows .prevNext-next:hover .next-item {
		right: 50px
	}

	.prevNextWidget .prevNext-arrows .prevNext-next:hover .prevNext-next-arrow {
		background-color: #fd2d55;
		right: 0
	}

	.prevNextWidget .prevNext-arrows .prevNext-next:hover svg.icon * {
		fill: #fff;
	}

	.prevNextWidget .prevNext-arrows .prevNext-next .prevNext-next-arrow {
		width: 50px;
		height: 100px;
		display: block;
		background-color: #eee;
		margin-left: 10px;
		position: absolute;
		right: -10px;
		z-index: 11;
		transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-next .prevNext-next-arrow a {
		width: 100%;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.prevNextWidget .prevNext-arrows .prevNext-next .next-item {
		right: -400px;
		position: absolute;
		transition: all .5s cubic-bezier(0.25, 0.1, 0.25, 1)
	}

	.prevNextWidget .prevNext-arrows .prevNext-next .prevNext-item-block a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		width: 290px
	}

	.prevNextWidget .prevNext-arrows .prevNext-next .prevNext-item-block a .prevNext-item-block-title {
		-ms-flex: 2;
		flex: 2;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 0 20px;
		font-size: 14px;
		display: block;
		overflow: hidden;
		line-height: 1.4em;
		max-height: 5.6em;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical
	}
}

@media (max-width: 768px) {
	.prevNextWidget {
		position: relative;
		background: #000
	}

	.prevNextWidget .associated-articles-bannerBox .associated-article-banner-arrow i {
		line-height: 30px;
		font-size: 26px;
		color: #fff
	}
}

.prevNextWidget .prevNext-prev-arrow .icon {
	height: 4rem;
}

.prevNext-item-block img{
	height: 100px;
}

#gender-error{
	margin: 20px 0 0 0 !important;
}

.form-group-gender .custom-control {
	padding-left: 2.1rem;
}


#booking-form label.error#agree-error {
	display: block;
	height: 24px;
	margin-left: -31px;
	margin-top: 21px;
	font-style: italic;
	color: #dc3545;
}

#cookiescript_copyright {
	display:none;
	visibility:hidden;
}