/*
++ Main: #4a8fd8
++ Main Hover/Focus: #336497
*/

* {
  margin: 0;
  padding: 0;
}
jstitle {
	display:none;
}
body {
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  line-height: 1.9em;
  color: #b5bec4;
}
.itemprophide {
	display:none;
	width: 0px;
	height: 0px;
}
body.dark {
  background: #232628;
}

body.has-vertical-header {
  overflow-x: hidden;
}

body.has-vertical-header .wrapper {
  margin-left: 100px;
}

body.has-vertical-header-open .wrapper {
  margin-left: 280px;
}

body.has-vertical-header .wrapper {
  -webkit-transition: .4s;
  transition: .4s;
}

::-moz-selection {
  background: #f5f5f5;
}

::selection {
  background: #f5f5f5;
}

*::-moz-selection {
  background: #f5f5f5;
}

figure {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
}

main {
  padding: 100px 0;
}
.with-errors {
	color: #FF0000;
	font-size: 11px;
	text-align: right;
}
.text-primary {
	color: #bead8e !important;
}
.tab-border {
	border-left: 1px solid #dee2e6;
}
/* 
++ HEADER
*/
:root{--primary-font: "Archivo", sans-serif;}
:root {
	--color-1st: #4a8fd8;
	--primary-font: 'Archivo', sans-serif;
	--secondary-font: 'Old Standard TT', sans-serif;
	--tertiary-font: 'Roboto', sans-serif;
}
body {
	background-color: #f8f8f8;
	color: #777;
	font-family: var(--primary-font), sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	overflow-x: hidden
}

@media (max-width:399px) {
	body {
		font-size: 14px
	}
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

.btn:focus,
.slick-initialized .slick-slide:focus,
a:focus,
button:focus,
input:focus,
textarea:focus {
	box-shadow: none;
	outline: none;
	text-decoration: none
}

a:focus,
a:hover {
	text-decoration: none
}

a,
i,
span {
	display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--secondary-font), serif;
	font-weight: 400;
	margin: 0
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
	color: #222
}

h1 {
	font-size: 48px
}

h2 {
	font-size: 36px
}

h3 {
	font-size: 28px
}

h4 {
	font-size: 22px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

ul {
	list-style-type: none;
	padding: 0
}

p,
ul {
	margin: 0
}

a {
	transition: all .3s ease-out 0s
}

a,
a:hover {
	color: var(--color-1st)
}

input,
select,
textarea {
	background-color: #f8f8f8;
	border: none;
	height: 70px;
	padding: 0 40px;
	width: 100%
}

textarea {
	height: 250px;
	padding-top: 25px
}

::-moz-placeholder {
	color: #777;
	font-family: var(--tertiary-font), sans-serif
}

::placeholder,
input,
select,
textarea {
	color: #777;
	font-family: var(--tertiary-font), sans-serif
}

.nice-select {
	background-color: transparent;
	border: none;
	border-radius: 0;
	height: 70px;
	line-height: 70px;
	padding-left: 50px;
	position: relative;
	width: 100%
}

.nice-select:after {
	display: none
}

.nice-select:before {
	color: var(--color-1st);
	content: "\f063";
	font-family: Font Awesome\ 5 Pro;
	font-weight: 300;
	left: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.input-group input,
.input-group select,
.input-group textarea {
	padding-left: 80px
}

.input-group label {
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px
}

.input-group .icon {
	bottom: 35px;
	color: var(--color-1st);
	left: 40px;
	position: absolute;
	transform: translateY(50%)
}

.input-group.textarea .icon {
	bottom: auto;
	top: 25px;
	transform: translateY(0)
}

.input-group .nice-select {
	padding-left: 80px
}

.input-group .nice-select:before {
	left: 40px
}

.input-group.input-group-two input,
.input-group.input-group-two select,
.input-group.input-group-two textarea {
	background-color: #fff;
	color: #777;
	height: 60px;
	padding: 0 50px 0 30px
}

.input-group.input-group-two ::-moz-placeholder {
	color: #777;
	opacity: 1
}

.input-group.input-group-two ::placeholder {
	color: #777;
	opacity: 1
}

.input-group.input-group-two .icon {
	bottom: 30px;
	left: auto;
	right: 30px
}

.input-group.input-group-two .nice-select {
	background-color: #fff;
	height: 60px;
	line-height: 60px;
	padding: 0 50px 0 30px
}

.input-group.input-group-two .nice-select:before {
	left: auto;
	right: 30px
}
.main-btn,
.slick-slide img {
	display: inline-block
}
.mt-10 {
	margin-top: 10px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-80 {
	margin-top: 80px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-80 {
	margin-bottom: 80px
}

.pt-10 {
	padding-top: 10px
}

.pt-20 {
	padding-top: 20px
}

.pt-30 {
	padding-top: 30px
}

.pt-40 {
	padding-top: 40px
}

.pt-80 {
	padding-top: 80px
}

.pt-100 {
	padding-top: 100px
}

.pt-115 {
	padding-top: 115px
}

.pt-120 {
	padding-top: 120px
}

.pb-10 {
	padding-bottom: 10px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-115 {
	padding-bottom: 115px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-160 {
	padding-bottom: 160px
}
.main-btn {
	border: 2px solid var(--color-1st);
	border-radius: 0;
	color: #777;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 60px;
	padding: 0 48px;
	text-align: center;
	transition: all .4s ease-out 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}
.small-btn {
	border: 2px solid var(--color-1st);
	border-radius: 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 30px;
	padding: 0 5px;
	text-align: center;
	transition: all .4s ease-out 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}
.main-btn.btn-filled {
	background-color: var(--color-1st);
	box-shadow: 0 10px 24px 0 hsla(39, 27%, 65%, .4);
	color: #fff
}

.main-btn.btn-border {
	border-color: var(--color-1st)
}

.main-btn.btn-border:hover {
	background-color: var(--color-1st);
	box-shadow: 0 14px 24px 0 hsla(39, 27%, 65%, .4);
	color: #fff
}

.main-btn.btn-round {
	background-color: var(--color-1st);
	box-shadow: 0 14px 24px 0 hsla(39, 27%, 65%, .4);
	color: #fff;
	border-radius: 12px;
}

.section-title span.title-tag {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	padding-bottom: 20px;
	text-transform: uppercase
}

@media (max-width:767px) {
	.section-title span.title-tag {
		letter-spacing: 2px
	}
}

@media (max-width:399px) {
	.section-title span.title-tag {
		font-size: 12px
	}
}

.section-title h2 {
	font-size: 80px;
	letter-spacing: -1px;
	line-height: 1.125
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.section-title h2 {
		font-size: 62px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.section-title h2 {
		font-size: 52px
	}
}

@media (max-width:767px) {
	.section-title h2 {
		font-size: 42px
	}
}

@media (max-width:399px) {
	.section-title h2 {
		font-size: 32px
	}
}

.arrow-style {
	display: flex;
	justify-content: flex-end
}

.arrow-style .slick-arrow {
	background: #fff;
	color: #111;
	cursor: pointer;
	font-size: 18px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	transition: all .3s ease-out 0s;
	width: 70px
}

.arrow-style .slick-arrow:hover {
	background-color: var(--color-1st);
	box-shadow: 0 14px 24px 0 hsla(39, 27%, 65%, .3);
	color: #fff
}
.preloader {
	background-color: var(--color-1st);
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999
}

.preloader .cssload-container {
	display: block;
	width: 97px
}

.preloader .cssload-loading i {
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 19px;
	width: 19px
}

.preloader .cssload-loading i:first-child {
	animation: cssload-loading-ani2 .58s linear infinite;
	opacity: 0;
	transform: translate(-19px)
}

.preloader .cssload-loading i:nth-child(2),
.preloader .cssload-loading i:nth-child(3) {
	animation: cssload-loading-ani3 .58s linear infinite
}

.preloader .cssload-loading i:last-child {
	animation: cssload-loading-ani1 .58s linear infinite
}

@keyframes sticky {
	0% {
		top: -200px
	}

	to {
		top: 0
	}
}

@keyframes pulse-border {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(1.3)
	}
}

@keyframes pulse-border-2 {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(1.5)
	}
}

@keyframes cssload-loading-ani1 {
	to {
		opacity: 0;
		transform: translate(39px)
	}
}

@keyframes cssload-loading-ani2 {
	to {
		opacity: 1;
		transform: translate(19px)
	}
}

@keyframes cssload-loading-ani3 {
	to {
		transform: translate(19px)
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.2)
	}

	to {
		transform: scale(1)
	}
}

@keyframes hvr-buzz-out {
	10% {
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		transform: translateX(1px) rotate(0)
	}

	to {
		transform: translateX(-1px) rotate(0)
	}
}
#alert-container {
	position: fixed;
	right: 5px;
	top: 150px;
	z-index: 9999999
}

#alert-container .alert {
	box-shadow: 0 4px 10px 0 rgba(3, 3, 3, .1);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	max-width: 450px !important;
	min-height: 45px !important;
	padding: 15px 40px 15px 60px;
	position: relative
}

#alert-container .alert.alert-success {
	background-color: #bff9d0;
	color: #299c77
}

#alert-container .alert .message-icon {
	fill: #299c77;
	stroke: #299c77;
	font-size: 20px;
	left: 5%;
	position: absolute;
	top: 30%
}

#alert-container .alert.alert-dismissible .close {
	font-size: 12px;
	padding: .75rem;
	position: absolute
}
header.header-absolute {
	background-color: transparent;
	left: 0;
	position: absolute;
	top: 35px;
	width: 100%;
	z-index: 1020
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
	header .container.container-custom-one {
		max-width: 100%
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .container.container-custom-one {
		max-width: 100%
	}
}

header .nav-container .toggle {
	margin-right: 50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .nav-container .toggle {
		margin-right: 20px;
		margin-right: 15px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header .nav-container .toggle {
		display: none
	}
}

@media (max-width:767px) {
	header .nav-container .toggle {
		display: none
	}
}

header .nav-container .toggle a {
	color: #222;
	font-size: 24px;
	padding: 10px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .nav-container .site-logo img {
		max-width: 200px
	}
}

@media (max-width:575px) {
	header .nav-container .site-logo img {
		max-width: 180px
	}
}

header .nav-container .sticky-logo {
	display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header .nav-container .header-info {
		padding: 40px 20px 0
	}
}

@media (max-width:767px) {
	header .nav-container .header-info {
		padding: 40px 20px 0
	}
}

header .nav-container .header-info .item {
	padding-left: 50px;
	position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header .nav-container .header-info .item {
		color: #fff
	}
}

@media (max-width:767px) {
	header .nav-container .header-info .item {
		color: #fff
	}
}

header .nav-container .header-info .item i {
	background: #111;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	height: 30px;
	left: 0;
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: 6px;
	width: 30px
}

header .nav-container .header-info .item span {
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 4px
}

header .nav-container .header-info .item a {
	display: block
}

header .nav-container .header-info .item .title {
	font-size: 24px;
	font-weight: 400
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
	header .nav-container .header-info .item .title {
		font-size: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .nav-container .header-info .item .title {
		font-size: 16px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header .nav-container .header-info .item .title {
		//color: #fff;
		font-size: 22px
	}
}

@media (max-width:767px) {
	header .nav-container .header-info .item .title {
		//color: #fff;
		font-size: 22px
	}
}

header .nav-container .header-info .item:not(:last-child) {
	margin-right: 45px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
	header .nav-container .header-info .item:not(:last-child) {
		margin-right: 15px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .nav-container .header-info .item:not(:last-child) {
		margin-right: 15px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header .nav-container .header-info .item:not(:last-child) {
		margin-bottom: 30px;
		margin-right: 0
	}
}

@media (max-width:767px) {
	header .nav-container .header-info .item:not(:last-child) {
		margin-bottom: 30px;
		margin-right: 0
	}
}

header .nav-container .menu-items ul li {
	display: inline-block;
	position: relative
}

header .nav-container .menu-items ul li a {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 80px;
	padding: 0 20px;
	text-transform: capitalize
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
	header .nav-container .menu-items ul li a {
		font-size: 14px;
		padding: 0 15px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header .nav-container .menu-items ul li a {
		font-size: 10px;
		padding: 0 15px
	}
}

header .nav-container .menu-items ul li .submenu {
	background-color: #fff;
	height: auto;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 110%;
	transition: all .3s ease-out 0s;
	visibility: hidden;
	width: 200px;
	z-index: 99
}

header .nav-container .menu-items ul li .submenu li {
	display: block
}

header .nav-container .menu-items ul li .submenu li a {
	border-bottom: 1px solid rgba(242, 244, 248, .7);
	border-radius: 0;
	color: #777;
	display: block;
	line-height: 30px !important;
	margin: 0;
	padding: 8px 24px;
	position: relative;
	transition: all .3s ease-out 0s
}

header .nav-container .menu-items ul li .submenu li a:hover {
	background-color: var(--color-1st);
	border-color: var(--color-1st);
	color: #fff !important
}

header .nav-container .menu-items ul li .submenu li .submenu {
	left: 100%;
	top: 50%
}

header .nav-container .menu-items ul li .submenu li:hover .submenu {
	top: 0
}

header .nav-container .menu-items ul li:hover>.submenu {
	opacity: 1;
	top: 100%;
	visibility: visible
}

header .nav-container .menu-items ul li .dd-trigger,
header .nav-container .nav-pushed-item,
header .nav-container .nav-pushed-logo {
	display: none
}

header .nav-container .navbar-toggler {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: none
}

header .nav-container .navbar-toggler span {
	background-color: #222;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	height: 3px;
	margin-top: 5px;
	padding: 0;
	position: relative;
	transition-duration: .3s;
	width: 30px
}

header .nav-container .navbar-toggler.active span:first-of-type {
	top: 8px;
	transform: rotate(45deg)
}

header .nav-container .navbar-toggler.active span:nth-of-type(2) {
	opacity: 0
}

header .nav-container .navbar-toggler.active span:nth-of-type(3) {
	top: -8px;
	transform: rotate(-45deg)
}

header .nav-container .nav-pushed-logo {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 12
}

header .nav-container .navbar-close {
	display: none;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 12
}

header .nav-container .navbar-close .cross-wrap {
	cursor: pointer;
	height: 26px;
	position: relative;
	width: 26px
}

header .nav-container .navbar-close .cross-wrap span {
	background: #000;
	border-radius: 6px;
	display: block;
	height: 2px;
	position: absolute;
	width: 100%
}

header .nav-container .navbar-close .cross-wrap span.top {
	left: 0;
	top: 12px;
	transform: rotate(45deg)
}

header .nav-container .navbar-close .cross-wrap span.bottom {
	bottom: 12px;
	left: 0;
	transform: rotate(-45deg)
}

header .nav-container.breakpoint-on .nav-menu {
	background-color: var(--color-1st);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	display: block;
	height: 100%;
	left: -300px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 70px 0 0;
	position: fixed;
	top: 0;
	transition-duration: .5s;
	width: 300px;
	z-index: 9999
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li {
	display: block
}

header .nav-container.breakpoint-on .nav-menu .menu-items.side-menu {
	margin-top: 50px;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li a {
	border-bottom: 1px solid hsla(0, 0%, 100%, .5);
	display: block;
	line-height: 45px !important
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu {
	background-color: transparent;
	box-shadow: none;
	display: none;
	left: 0;
	opacity: 1;
	position: relative;
	top: 0;
	transition: none;
	visibility: visible;
	width: 100%
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
	color: #000;
	line-height: 45px !important;
	padding: 0 20px 0 40px
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
	border-color: hsla(0, 0%, 100%, .5)
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
	background: transparent;
	border-left: 1px solid hsla(0, 0%, 100%, .5);
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 45px;
	z-index: 2
}

header .nav-container.breakpoint-on .nav-menu.menu-on {
	left: 0;
	background-color: #FFF;
}

header .nav-container.breakpoint-on .nav-pushed-item,
header .nav-container.breakpoint-on .nav-pushed-logo,
header .nav-container.breakpoint-on .navbar-close,
header .nav-container.breakpoint-on .navbar-toggler {
	display: block
}

header.header-two .nav-container .menu-items ul li a,
header.header-two .nav-container .toggle a {
	color: #fff
}

header.header-control .nav-container .menu-items ul li a,
header.header-control .nav-container .toggle a {
	color: #000
}

header.header-two .nav-container .side-menu ul li a {
	color: #b5bec4
}

header.header-two .nav-container .side-menu ul li.active a {
	color: var(--color-1st);
}

header.header-two.scroll-header .nav-container .menu-items ul li a,
header.header-two.scroll-header .nav-container .toggle a {
	color: #b5bec4;
}


header.header-two.scroll-header .nav-container .menu-items ul li.active a {
	color: var(--color-1st);
}

header.header-two .nav-container .navbar-toggler span {
	background-color: #fff
}

header.scroll-header .nav-container .navbar-toggler span {
	background-color: #000
}

header.config-header .nav-container .navbar-toggler span {
	background-color: #000
}

header.header-two .header-info .item i {
	background: var(--color-1st)
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header.header-two .header-info .item i {
		background: #111
	}
}

@media (max-width:767px) {
	header.header-two .header-info .item i {
		color: #111
	}
}

header.header-two .header-info .item,
header.header-two .header-info .item .title,
header.header-two .header-info .item a {
	color: #b5bec4
}

header.header-two.scroll-header .header-info .item,
header.header-two.scroll-header .header-info .item .title,
header.header-two.scroll-header .header-info .item a {
	color: #b5bec4;
}

header.header-three {
	background-color: transparent;
	position: relative
}

header.header-three .main-menu-area {
	bottom: -60px;
	height: auto;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 99
}

@media (max-width:399px) {
	header.header-three .main-menu-area {
		bottom: 0;
		position: relative;
		top: 0
	}
}

header.header-three .main-menu-area.sticky-header.sticky-active {
	animation: sticky 1.2s;
	bottom: auto;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999
}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container {
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .04)
}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container .menu-items ul li a {
	line-height: 100px
}

header.header-three .header-top {
	background-color: #222;
	font-family: var(--tertiary-font), sans-serif;
	padding-bottom: 75px;
	padding-top: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header.header-three .header-top {
		padding-bottom: 60px
	}
}

@media (max-width:767px) {
	header.header-three .header-top {
		padding-bottom: 50px;
		text-align: center
	}
}

@media (max-width:399px) {
	header.header-three .header-top {
		display: none
	}
}

header.header-three .header-top,
header.header-three .header-top a {
	color: #fff
}

@media (max-width:767px) {
	header.header-three .header-top ul.header-top-info {
		margin-top: 10px
	}
}

header.header-three .header-top ul.header-top-info li {
	display: inline-block;
	margin-left: 15px
}

@media (max-width:575px) {
	header.header-three .header-top ul.header-top-info li {
		margin-left: 5px
	}
}

header.header-three .header-top ul.header-top-info li i {
	color: var(--color-1st);
	margin-right: 10px
}

header.header-three .nav-container {
	background-color: #fff;
	padding: 0 40px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header.header-three .nav-container {
		padding: 0 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header.header-three .nav-container {
		padding: 10px
	}
}

@media (max-width:767px) {
	header.header-three .nav-container {
		padding: 10px
	}
}

@media (max-width:399px) {
	header.header-three .nav-container {
		margin-left: -15px;
		margin-right: -15px;
		padding: 10px 5px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	header.header-three .nav-container .site-logo img {
		max-width: 200px
	}
}

@media (max-width:399px) {
	header.header-three .nav-container .site-logo img {
		max-width: 150px
	}
}

header.header-three .nav-container .menu-items ul li a {
	line-height: 120px
}

header.header-three .nav-container .menu-items ul li .submenu li a {
	line-height: 30px
}

header.header-three .nav-container .menu-right-buttons {
	display: flex
}

header.header-three .nav-container .menu-right-buttons .toggle {
	margin-right: 0
}

header.header-three .nav-container .menu-right-buttons>div {
	margin-left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	header.header-three .nav-container .menu-right-buttons>div {
		margin-left: 5px
	}
}

@media (max-width:767px) {
	header.header-three .nav-container .menu-right-buttons>div {
		margin-left: 5px
	}
}

header.header-three .nav-container .menu-right-buttons .navbar-toggler {
	border: 2px solid hsla(0, 0%, 52%, .2);
	padding: 15px
}

@media (max-width:575px) {
	header.header-three .nav-container .menu-right-buttons .navbar-toggler {
		padding: 5px 10px
	}

	header.header-three .nav-container .menu-right-buttons .navbar-toggler span {
		width: 20px
	}
}

header.header-three .nav-container .menu-right-buttons a {
	border: 2px solid hsla(0, 0%, 52%, .2);
	color: #111;
	height: 65px;
	line-height: 65px;
	padding: 0;
	text-align: center;
	width: 65px
}

@media (max-width:575px) {
	header.header-three .nav-container .menu-right-buttons a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		width: 40px
	}
}

header.header-three .nav-container .menu-right-buttons a:hover {
	background-color: var(--color-1st);
	color: #fff
}

header.inner-page.header-absolute {
	background-color: #fff;
	top: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header.inner-page.header-absolute .nav-container {
		padding: 10px 0
	}
}

@media (max-width:767px) {
	header.inner-page.header-absolute .nav-container {
		padding: 10px 0
	}
}

header.inner-page.header-absolute .nav-container .menu-items ul li a {
	line-height: 130px
}

header.sticky-header.sticky-active {
	animation: sticky 1.2s;
	background-color: #fff;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .04);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999
}

@media only screen and (min-width:768px) and (max-width:991px) {
	header.sticky-header.sticky-active .nav-container {
		padding: 10px 0
	}
	header.sticky-header.sticky-active .nav-container .site-logo img {
		max-width: 200px
	}
}

@media (max-width:767px) {
	header.sticky-header.sticky-active .nav-container {
		padding: 10px 0
	}
}

header.sticky-header.sticky-active .nav-container .menu-items ul li a {
	line-height: 100px
}

header.sticky-header.sticky-active .nav-container .site-logo .main-logo {
	display: none
}

header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo {
	display: block
}

header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a,
header.sticky-header.sticky-active.header-two .nav-container .toggle a {
	color: #111
}

header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span {
	background-color: #111
}

header.sticky-header.sticky-active.header-two .header-info .item,
header.sticky-header.sticky-active.header-two .header-info .item .title,
header.sticky-header.sticky-active.header-two .header-info .item a {
	color: #111
}

@media only screen and (min-width:768px) and (max-width:991px) {

	header.sticky-header.sticky-active.header-two .header-info .item,
	header.sticky-header.sticky-active.header-two .header-info .item .title,
	header.sticky-header.sticky-active.header-two .header-info .item a {
		color: #fff
	}
}

@media (max-width:767px) {

	header.sticky-header.sticky-active.header-two .header-info .item,
	header.sticky-header.sticky-active.header-two .header-info .item .title,
	header.sticky-header.sticky-active.header-two .header-info .item a {
		color: #fff
	}
}

body header .nav-container .menu-items ul li.active>a,
body header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li.active>a {
	color: var(--color-1st)
}

@media (min-width:1600px) {
	.container-custom-one {
		max-width: 1600px
	}

	.container-custom-three {
		max-width: 1420px
	}
}

body header .nav-container .menu-items ul li.active>a,
body header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li.active>a {
	color: var(--color-1st)
}

header .nav-container .header-info .item a {
	word-break: break-all
}

@media (max-width:767px) {
	header.header-two .nav-pushed-item .header-info .item i {
		background: #111;
		color: #fff
	}

	header .nav-container .header-info .item .title {
		font-size: 18px
	}
}

header .nav-container .site-logo img {
	max-height: 100px;
	max-width: 250px
}

@media (max-width:991px) {
	.nav-menu,
	.nav-push-item {
		display: none
	}
}

.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li .submenu {
	padding-left: 10px
}

header .nav-container .header-info .item .title {
	font-family: var(--secondary-font), Arial, Helvetica, sans-serif
}

.booking-form {
	margin-top: -70px;
	position: relative;
	z-index: 2
}

.booking-form .booking-form-inner {
	background-color: #fff;
	padding: 10px 40px 40px
}

.booking-form form .nice-select,
.booking-form form input,
.booking-form form select {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid var(--color-1st);
	color: hsla(0, 0%, 47%, .5);
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	width: 100%
}

.booking-form form .nice-select {
	border-color: #e9e9e9;
	padding-left: 0
}

.booking-form form .nice-select:after {
	display: none
}

.booking-form form .nice-select:before {
	left: 0
}

.booking-form form label {
	color: #222;
	display: block;
	font-family: var(--tertiary-font), sans-serif;
	font-weight: 700;
	margin: 0
}

.booking-form form .inputs-filed {
	position: relative
}

.booking-form form .inputs-filed .nice-select,
.booking-form form .inputs-filed input {
	padding: 0 20px
}

.booking-form form .inputs-filed .icon {
	bottom: 15px;
	color: var(--color-1st);
	font-size: 14px;
	left: 0;
	position: absolute
}

.booking-form form button {
	background-color: var(--color-1st);
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all .3s ease-out 0s;
	width: 100%
}

.booking-form form button:hover {
	background-color: #111
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.booking-form form button {
		font-size: 12px;
		letter-spacing: 1px
	}
}

.booking-form.boxed-layout {
	margin-top: -40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.booking-form.boxed-layout {
		margin-top: 0
	}
}

@media (max-width:767px) {
	.booking-form.boxed-layout {
		margin-top: 0
	}
}

.booking-form.boxed-layout form button {
	font-size: 12px;
	letter-spacing: 1
}

.justify-content-between {
	justify-content: space-between !important
}

.input-quantity {
	align-items: end;
	display: flex;
	width: 100%
}

.input-quantity button {
	color: var(--color-1st);
	font-size: 18px;
	max-width: 70px
}

.input-quantity input {
	text-align: center
}

.input-quantity input::-webkit-inner-spin-button,
.input-quantity input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.input-quantity input[type=number] {
	-moz-appearance: textfield
}

[data-bb-toggle=toggle-guests] {
	align-items: center;
	background-color: transparent !important;
	border-bottom: 2px solid var(--color-1st) !important;
	color: hsla(0, 0%, 47%, .5) !important;
	display: flex;
	font-size: 14px !important;
	font-weight: inherit !important;
	height: 50px !important;
	letter-spacing: normal !important;
	padding: 0 20px !important;
	text-align: start;
	text-transform: none !important
}

.custom-dropdown {
	width: 18rem
}

@media (max-width:767px) {
	.custom-dropdown {
		width: 100%
	}
}

.custom-dropdown .inputs-filed {
	align-items: center;
	display: flex;
	gap: 2rem;
	justify-content: space-between
}

.custom-dropdown .inputs-filed .input-quantity {
	max-width: 10rem
}

.custom-dropdown .inputs-filed .main-btn {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px
}

footer .footer-subscibe-area {
	background-color: #fff
}

footer .footer-subscibe-area .subscribe-text .subscribe-form {
	position: relative
}

footer .footer-subscibe-area .subscribe-text .subscribe-form input {
	background-color: #f8f8f8;
	border: none;
	color: #aeaeae;
	font-size: 16px;
	height: 90px;
	letter-spacing: 3px;
	padding-left: 50px;
	padding-right: 230px;
	width: 100%
}

@media only screen and (min-width:576px) and (max-width:767px) {
	footer .footer-subscibe-area .subscribe-text .subscribe-form input {
		padding-left: 20px;
		padding-right: 200px
	}
}

@media (max-width:575px) {
	footer .footer-subscibe-area .subscribe-text .subscribe-form input {
		height: 70px;
		padding-left: 20px;
		padding-right: 20px
	}
}

footer .footer-subscibe-area .subscribe-text .subscribe-form button {
	background-color: var(--color-1st);
	border: none;
	bottom: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	position: absolute;
	right: 15px;
	text-transform: uppercase;
	top: 15px;
	transition: all .3s ease-out 0s;
	width: 200px
}

@media only screen and (min-width:576px) and (max-width:767px) {
	footer .footer-subscibe-area .subscribe-text .subscribe-form button {
		width: 180px
	}
}

@media (max-width:575px) {
	footer .footer-subscibe-area .subscribe-text .subscribe-form button {
		height: 60px;
		position: unset;
		width: 100%
	}
}

footer .footer-subscibe-area .subscribe-text .subscribe-form button:hover {
	background-color: #111
}

footer .copyright-area {
	background-color: #111;
	color: #fff
}

footer .copyright-area .social-links {
	text-align: right
}

@media (max-width:767px) {
	footer .copyright-area .social-links {
		margin-bottom: 10px;
		text-align: center
	}
}

footer .copyright-area .social-links a {
	background-color: #212121;
	color: #fff;
	height: 60px;
	line-height: 60px;
	margin-left: 10px;
	text-align: center;
	width: 60px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	footer .copyright-area .social-links a {
		height: 50px;
		line-height: 50px;
		margin-left: 5px;
		width: 50px
	}
}

@media (max-width:767px) {
	footer .copyright-area .social-links a {
		height: 50px;
		line-height: 50px;
		margin: 0 5px;
		width: 50px
	}
}

@media (max-width:575px) {
	footer .copyright-area .social-links a {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
		margin: 0 2px;
		width: 40px
	}
}

footer .copyright-area .social-links a:hover {
	background-color: var(--color-1st)
}

footer .copyright-area .copyright-text {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase
}

@media (max-width:575px) {
	footer .copyright-area .copyright-text {
		letter-spacing: 0
	}
}

footer .copyright-area .copyright-text a {
	color: #fff;
	text-decoration: underline
}

footer .copyright-area .copyright-text.copyright-two {
	font-family: var(--tertiary-font), sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none
}

@media (max-width:767px) {
	footer .copyright-area .copyright-text {
		margin-top: 10px;
		text-align: center
	}
}

footer .copyright-area .footer-menu ul li {
	display: inline-block;
	margin-right: 15px;
	padding-left: 15px;
	position: relative
}

@media (max-width:399px) {
	footer .copyright-area .footer-menu ul li {
		margin-right: 0;
		padding-left: 0
	}
}

footer .copyright-area .footer-menu ul li:before {
	background-color: #fff;
	content: "";
	height: 12px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3px
}

@media (max-width:399px) {
	footer .copyright-area .footer-menu ul li:before {
		display: none
	}
}

footer .copyright-area .footer-menu ul li:first-child {
	margin-left: 0;
	padding-left: 0
}

footer .copyright-area .footer-menu ul li:first-child:before {
	display: none
}

footer .copyright-area .footer-menu ul li a {
	color: #fff;
	font-family: var(--tertiary-font), sans-serif;
	font-weight: 700
}

footer .copyright-area .footer-menu ul li a:hover {
	color: var(--color-1st)
}

footer .copyright-area.light-theme {
	background-color: #f8f8f8
}

footer .copyright-area.light-theme,
footer .copyright-area.light-theme .copyright-text,
footer .copyright-area.light-theme .footer-menu ul li a,
footer .copyright-area.light-theme a {
	color: #222
}

footer .copyright-area.light-theme .footer-menu ul li:before {
	background-color: #737373
}

.back-to-top {
	background-color: var(--color-1st);
	bottom: 40px;
	color: #fff;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	position: fixed;
	right: 0;
	text-align: center;
	visibility: hidden;
	width: 40px;
	z-index: 99
}

.back-to-top.active {
	opacity: 1;
	right: 40px;
	visibility: visible
}

.back-to-top:hover {
	background-color: #222
}

footer .copyright-area .footer-menu .language-wrapper,
footer .copyright-area .footer-menu ul {
	display: inline-block;
	font-size: 14px
}

footer .copyright-area .footer-menu .language-wrapper .dropdown-menu li {
	padding-left: 0
}
/*
++ TYPOGRAPHY
*/
h1, h2, h3, h4, h5, h6, button {
  font-weight: 600;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  line-height: 28px;
}

a {
  color: #b5bec4;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover, a:focus, a:active {
  color: #afafaf;
  text-decoration: none;
  outline: none;
  background: none;
}
/*
++ GENERAL
*/
.mt0 {
  margin-top: 0px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

.mt50 {
  margin-top: 50px
}

.mt55 {
  margin-top: 55px
}

.mt60 {
  margin-top: 60px
}

.mt65 {
  margin-top: 65px
}

.mt70 {
  margin-top: 70px
}

.mt75 {
  margin-top: 75px
}

.mt80 {
  margin-top: 80px
}

.mt85 {
  margin-top: 85px
}

.mt90 {
  margin-top: 90px
}

.mt95 {
  margin-top: 95px
}

.mt100 {
  margin-top: 100px
}

.mt-5 {
  margin-top: -5px
}

.mt-10 {
  margin-top: -10px
}

.mt-15 {
  margin-top: -15px
}

.mt-20 {
  margin-top: -20px
}

.mt-25 {
  margin-top: -25px
}

.mt-30 {
  margin-top: -30px
}

.mt-35 {
  margin-top: -35px
}

.mt-40 {
  margin-top: -40px
}

.mt-45 {
  margin-top: -45px
}

.mt-50 {
  margin-top: -50px
}

.mb0 {
  margin-bottom: 0px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb45 {
  margin-bottom: 45px
}

.mb50 {
  margin-bottom: 50px
}

.mb55 {
  margin-bottom: 55px
}

.mb60 {
  margin-bottom: 60px
}

.mb65 {
  margin-bottom: 65px
}

.mb70 {
  margin-bottom: 70px
}

.mb75 {
  margin-bottom: 75px
}

.mb80 {
  margin-bottom: 80px
}

.mb85 {
  margin-bottom: 85px
}

.mb90 {
  margin-bottom: 90px
}

.mb95 {
  margin-bottom: 95px
}

.mb100 {
  margin-bottom: 100px
}

.mb-5 {
  margin-bottom: -5px
}

.mb-10 {
  margin-bottom: -10px
}

.mb-15 {
  margin-bottom: -15px
}

.mb-20 {
  margin-bottom: -20px
}

.mb-25 {
  margin-bottom: -25px
}

.mb-30 {
  margin-bottom: -30px
}

.mb-35 {
  margin-bottom: -35px
}

.mb-40 {
  margin-bottom: -40px
}

.mb-45 {
  margin-bottom: -45px
}

.mb-50 {
  margin-bottom: -50px
}

.pt0 {
  padding-top: 0px
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt35 {
  padding-top: 35px
}

.pt40 {
  padding-top: 40px
}

.pt45 {
  padding-top: 45px
}

.pt50 {
  padding-top: 50px
}

.pt55 {
  padding-top: 55px
}

.pt60 {
  padding-top: 60px
}

.pt65 {
  padding-top: 65px
}

.pt70 {
  padding-top: 70px
}

.pt75 {
  padding-top: 75px
}

.pt80 {
  padding-top: 80px
}

.mt85 {
  padding-top: 85px
}

.pt90 {
  padding-top: 90px
}

.pt95 {
  padding-top: 95px
}

.pt100 {
  padding-top: 100px
}

.pb0 {
  padding-bottom: 0px
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.mb35 {
  padding-bottom: 35px
}

.pb40 {
  padding-bottom: 40px
}

.pb45 {
  padding-bottom: 45px
}

.pb50 {
  padding-bottom: 50px
}

.pb55 {
  padding-bottom: 55px
}

.pb60 {
  padding-bottom: 60px
}

.pb65 {
  padding-bottom: 65px
}

.pb70 {
  padding-bottom: 70px
}

.pb75 {
  padding-bottom: 75px
}

.pb80 {
  padding-bottom: 80px
}

.pb85 {
  padding-bottom: 85px
}

.pb90 {
  padding-bottom: 90px
}

.pb95 {
  padding-bottom: 95px
}

.pb100 {
  padding-bottom: 100px
}

.nop {
  padding: 0 !important;
}

.nopr {
  padding-right: 0 !important;
}

.nopl {
  padding-left: 0 !important;
}

.nom {
  margin: 0 !important
}

.nomr {
  margin-right: 0 !important;
}

.noml {
  margin-left: 0 !important;
}

.uppercase {
  text-transform: uppercase;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.box-shadow-001 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .01);
}

.box-shadow-002 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .02);
}

.box-shadow-003 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .03);
}

.box-shadow-004 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .04);
}

.box-shadow-005 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .05);
}

.box-shadow-006 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .06);
}

.box-shadow-007 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .07);
}

.box-shadow-008 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .08);
}

.box-shadow-009 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .09);
}

.box-shadow-01 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
}

.box-shadow-011 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .11);
}

.box-shadow-012 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .12);
}

.box-shadow-013 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .13);
}

.box-shadow-014 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .14);
}

.box-shadow-015 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .15);
}

.box-shadow-016 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .16);
}

.box-shadow-017 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .17);
}

.box-shadow-018 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .18);
}

.box-shadow-019 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .19);
}

.box-shadow-20 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .2);
}

.box-shadow-021 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .21);
}

.box-shadow-022 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .22);
}

.box-shadow-023 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .23);
}

.box-shadow-024 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .24);
}

.box-shadow-025 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .25);
}

.box-shadow-026 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .26);
}

.box-shadow-027 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .27);
}

.box-shadow-028 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .28);
}

.box-shadow-029 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .29);
}

.box-shadow-30 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .3);
}

.box-shadow-031 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .31);
}

.box-shadow-032 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .32);
}

.box-shadow-033 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .33);
}

.box-shadow-034 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .34);
}

.box-shadow-035 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .35);
}

.box-shadow-036 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .36);
}

.box-shadow-037 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .37);
}

.box-shadow-038 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .38);
}

.box-shadow-039 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .39);
}

.box-shadow-04 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .4);
}

.box-shadow-041 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .41);
}

.box-shadow-042 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-043 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .42);
}

.box-shadow-044 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .44);
}

.box-shadow-045 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .45);
}

.box-shadow-046 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .46);
}

.box-shadow-047 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .47);
}

.box-shadow-048 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .48);
}

.box-shadow-049 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .49);
}

.box-shadow-05 {
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .5);
}

.box-rounded-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.color-overlay, .color-overlay-hover, .gradient-overlay, .gradient-overlay-hover, .dotted-overlay {
  position: relative;
}

.color-overlay *, .color-overlay-hover *, .gradient-overlay *, .gradient-overlay-hover *, .dotted-overlay-hover * {
  z-index: 99;
}

.color-overlay:after, .color-overlay-hover:after, .color-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: #333333;
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.color-overlay:after, .color-overlay-hover:hover:after, .color-slider .slotholder:after {
  opacity: .3;
}

.gradient-overlay:after, .gradient-overlay-hover:after, .gradient-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208));
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.gradient-slider .slotholder:after {
  z-index: 99;
}

.gradient-overlay:after, .gradient-overlay-hover:hover:after, .gradient-slider .slotholder:after {
  opacity: .3;
}

.dotted-overlay:after, .dotted-overlay-hover:after, .dotted-slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: url("../images/icons/gridtile.png");
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.dotted-overlay:after, .dotted-overlay-hover:hover:after, .dotted-slider .slotholder:after {
  opacity: .3;
}

.op1:after, .op1 .slotholder:after {
  opacity: .1;
}

.op2:after, .op2 .slotholder:after {
  opacity: .2;
}

.op3:after, .op3 .slotholder:after {
  opacity: .3;
}

.op4:after, .op4 .slotholder:after {
  opacity: .4;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op5:after, .op5 .slotholder:after {
  opacity: .5;
}

.op6:after, .op6 .slotholder:after {
  opacity: .6;
}

.op7:after, .op7 .slotholder:after {
  opacity: .7;
}

.op8:after, .op8 .slotholder:after {
  opacity: .8;
}

.op9:after, .op9 .slotholder:after {
  opacity: .9;
}

.link-icon, .image-icon, .instagram-icon {
  position: relative;
}

.link-icon:before, .image-icon:before {
  font-family: Flaticon;
  position: absolute;
  top: calc(50% - 18px);
  right: calc(50% - 18px);
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 36px;
  color: #a4a4a4;
  z-index: 99;
  font-size: 18px;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  pointer-events: none;
}

.link-icon.sm:before, .image-icon.sm:before {
  top: calc(50% - 13px);
  right: calc(50% - 13px);
  width: 26px;
  height: 26px;
  border-radius: 2px;
  line-height: 26px;
  font-size: 12px;
}

.link-icon:before {
  content: "\f13b";
}

.image-icon:before {
  content: "\f100";
}

.link-icon:hover:before, .image-icon:hover:before {
  opacity: .8;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #8e0222;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: .7;
  z-index: 1;
}

.overlay.o10 {
  opacity: .1;
}

.overlay.o20 {
  opacity: .2;
}

.overlay.o30 {
  opacity: .3;
}

.overlay.o40 {
  opacity: .4;
}

.overlay.o50 {
  opacity: .5;
}

.overlay.o60 {
  opacity: .6;
}

.overlay.o70 {
  opacity: .7;
}

.overlay.o80 {
  opacity: .8;
}

.overlay.o90 {
  opacity: .9;
}

.award-item {
  text-align: center;
  border: 1px solid #efefef;
  border-radius: 2px;
}

.award-item img {
  max-height: 200px;
}
/*
++ FORMS
*/
.form-group {
  margin-bottom: 30px;
}

label {
  color: #b5bec4;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

label a {
  margin-left: 5px;
  color: #b5bec4;
}

.form-control, .form-control[readonly] {
  background: #f7f8f9;
  border: 1px solid #efefef;
  height: 45px;
  border-radius: 0;
  padding: 10px;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-style: normal;
}

.form-control:focus {
  background: #efefef;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #e3e3e3;
}
/* 
++ BOOTSTRAP SELECT
*/
.bootstrap-select {
  display: block !important;
}

.form-control.bootstrap-select button, .form-control.bootstrap-select button.dropdown-toggle {
  background: #f7f8f9;
  border: 1px solid #efefef;
  height: 45px;
  border-radius: 0;
  padding: 10px 10px;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
}

.form-control.bootstrap-select button .bs-caret {
  margin-right: -20px;
}

.form-control.bootstrap-select button:hover, .form-control.bootstrap-select button:active, .form-control.bootstrap-select button:focus {
  outline: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

.form-control.bootstrap-select .popover-title {
  background: #f7f8f9;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #afafaf;
  text-transform: uppercase;
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;
}

.form-control.bootstrap-select .dropdown-menu {
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 2px;
  padding-bottom: 0;
  margin-top: 15px;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item, .form-control.bootstrap-select .btn-info:not(:disabled):not(.disabled):active {
  color: #afafaf;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item:active, .form-control.bootstrap-select .dropdown-menu a.dropdown-item.active {
  background: #efefef;
  color: #afafaf;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner {
  outline: none;
}

.form-control.bootstrap-select .dropdown-menu .dropdown-header {
  text-transform: uppercase;
  font-weight: 700;
  color: #a4a4a4;
}

.form-control.bootstrap-select .dropdown-menu a.dropdown-item span.dropdown-item-inner.opt {
  padding-left: 0;
}

.form-control.bootstrap-select.btn-group.show-tick .dropdown-menu a.selected span.dropdown-item-inner span.check-mark {
  right: 0;
}

.form-control.bootstrap-select button.close {
  margin-top: -10px;
  background: transparent !important;
  border: none;
}

.form-control.guestspicker {
  text-transform: uppercase;
  cursor: pointer;
}

.form-control.animalspicker {
  text-transform: uppercase;
  cursor: pointer;
}

textarea {
  max-width: 100%;
  min-height: 150px;
}

::-webkit-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

::-moz-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  color: #afafaf !important;
  font-weight: 400;
  text-transform: uppercase;
}

.tp-bullet {
  position: relative;
  opacity: 0.6;
  background: transparent;
}

.tp-bullet:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  margin-right: 20px;
  width: 30px;
  height: 1px;
  background: #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.tp-bullet.selected:before {
  width: 60px;
}

.tp-bullet.selected, .tp-bullet:hover {
  opacity: 1;
  background: transparent;
}

.tp-bullets {
  counter-reset: item;
}

.tp-bullets .tp-bullet:after {
  content: "0" counters( item, ".");
  counter-increment: item;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 15px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}

.back-to-top {
  visibility: hidden;
  height: 50px;
  width: 50px;
  background: #4a8fd8;
  border-radius: 4px;
  right: 60px;
  bottom: 20px;
  position: fixed;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  z-index: 999;
}

.menu-pushed .back-to-top {
  right: 320px;
}

.back-to-top i {
  color: #fff;
  line-height: 50px;
  font-size: 22px;
}

.back-to-top:hover, .back-to-top:focus {
  background: #336497;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
}

.back-to-top:hover {
  cursor: pointer;
}

.back-to-top.active {
  visibility: visible;
  bottom: 60px;
  opacity: 1;
}

.popover {
  color: #e3e3e3;
  border: none;
  -webkit-box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 15px 75px 0 rgba(0, 0, 0, .1);
  border-radius: 2px;
}

.popover-header {
  background: #fff;
  text-align: center;
  font-weight: 500;
  color: #afafaf;
  padding: 8px 10px;
  border-bottom: 1px solid #efefef;
}

.popover-body {
  color: #b5bec4;
  padding: 8px 10px;
}

.popover.bs-popover-auto[x-placement^=top] .arrow::before, .popover.bs-popover-top .arrow::before {
  border-top-color: #fff;
}

.popover.bs-popover-top {
  left: 7px !important;
}

.popover.bs-popover-right {
  left: 7px !important;
}

.tooltip-inner {
  background: #4a8fd8;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #4a8fd8;
  bottom: 1px;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #4a8fd8;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #4a8fd8;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #4a8fd8;
}

.load-more {
  width: 250px;
  margin: 0 auto;
  margin-top: 80px;
  background: #f7f8f9;
  ;
  border: 1px solid #f2f2f2;
  ;
  border-radius: 50px;
  padding: 8px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}

.load-more:hover {
  background: #f2f2f2;
}

/*
++ BUTTONS
*/
.btn {
  background: #4a8fd8;
  color: #fff;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 10px 20px;
  -webkit-appearance: none;
  -webkit-transition: .5s;
  transition: .5s;
}

.btn:hover, .btn:focus, .btn:active {
  background: #336497;
  cursor: pointer;
  color: #fff;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-fw {
  width: 100%;
}

.btn i {
  margin-right: 10px;
}

.btn.btn-gray {
  background: #d7d8d9;
  color: #fff;
}

.btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active {
  background: #d7d8d9;
}

.btn.btn-dark {
  background: #444;
}

.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {
  background: #222;
  border-color: #222;
}

.btn.btn-blue {
  background: #1dc1f8;
  color: #fff;
}

.colored-blue {
 color:  #1dc1f8;
}

.colored-black {
 color:  #000;
}

.colored-gray {
 color:  #d7d8d9;
}

.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active {
  background: #1aadde;
}

.btn.btn-lg {
  padding: 14px 22px;
  font-size: 22px;
}

.btn.btn-sm {
  padding: 7px 18px;
  font-size: 14px;
}

.btn.btn-xs {
  padding: 5px 10px;
  font-size: 10px;
}

.btn.btn-rounded {
  border-radius: 50px;
}
/*
++ HEADER
*/
header {
  background: #fff;
  width: 100%;
  z-index: 1020;
  position: relative;
  height: 84px;
}

header.sticky-header {
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.boxed header.sticky-header {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

header.mm-slideout {
  z-index: 1020;
}

.boxed header {
  margin: 0 auto;
  width: 1250px;
}

.mfp-zoom-out-cur header.header-fixed-top {
  right: 8px;
}

header.transparent-header {
  position: absolute;
  top: 70px;
  background: transparent;
}

header.header-fixed-top {
  position: fixed;
  top: 0;
}

header.border-header, header.header-fixed-top.scroll-header {
  border-bottom: 1px solid #efefef;
  background: #fff;
  z-index: 1020;
}

header .brand {
  display: inline-block;
  padding: 28px 0;
}

header .brand .logo {
  display: inline-block;
}

header .brand .logo .second-logo,
header .brand .logo .mobile-logo {
  display: none;
}

header .brand .big-logo {
  position: absolute;
  top: 0;
}

.toggle-menu-button {
  display: none;
  cursor: pointer;
}

.mobile-header .toggle-menu-button {
  display: inline-block;
  float: right;
  margin-top: 32px;
}

.toggle-menu-button .line {
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  background: #4a8fd8;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-menu-button.open .line:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(-135deg);
  transform: translateY(9px) rotate(-135deg);
}

.toggle-menu-button.open .line:nth-child(2) {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.toggle-menu-button.open .line:nth-child(3) {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.mobile-header .copyright {
  display: none;
} 

header.horizontal-header .main-menu {
  float: right;
}

header.horizontal-header:not(.loaded-header) .main-menu {
  display: none;
}

header.horizontal-header .main-menu .menu {
  float: right;
  list-style: none;
}

header.horizontal-header .main-menu .menu .menu-title {
  display: none;
}

header.horizontal-header .main-menu .goback {
  display: none;
}

header.horizontal-header .main-menu .menu .menu-item {
  display: block;
  float: left;
  position: relative;
}

header.horizontal-header.transparent-header .main-menu .menu .menu-item a {
  color: #fff;
}

header.horizontal-header .main-menu .menu .menu-item a, header.horizontal-header.scroll-header .main-menu .menu .menu-item a {
  position: relative;
  display: block;
  padding: 28px 20px;
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: .4s;
  transition: .4s;
  letter-spacing: 1px;
}

header.horizontal-header .main-menu .menu .menu-item a:hover, header.horizontal .main-menu .menu .menu-item a:focus, header.horizontal-header .main-menu .menu .menu-item.open a, header.horizontal-header .main-menu .menu .menu-item.active a {
  color: #336497;
}

header.horizontal-header .main-menu .menu .menu-item:last-child a {
  padding-right: 0;
}

header.horizontal-header .main-menu .menu .menu-item.menu-btn .btn {
  margin-top: 20px;
  padding: 10px 20px;
  color: #fff;
}

header.horizontal-header .main-menu .menu .dropdown .submenu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  float: left;
  margin-top: 8px;
  left: 5px;
  border-radius: 2px;
  background: #fff;
  border: 0;
  padding: 0;
  min-width: 200px;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
}

header.horizontal-header .main-menu .menu .dropdown .submenu:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 12px;
}

header.horizontal-header .main-menu .menu .dropdown .submenu:after {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 14px;
  border: 6px solid transparent;
  border-bottom-width: 5px;
  border-bottom-color: #fff;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu {
  display: block;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu .menu-item {
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  -webkit-transition: .4s;
  transition: .4s;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu .menu-item.dropdown:after {
  content: "\f141";
  font-family: FontAwesome;
  position: absolute;
  z-index: 999;
  right: 10px;
  bottom: 7px;
  color: #e3e3e3;
  font-size: 12px;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu .menu-item:last-child {
  border-bottom: 0;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu .menu-item:hover, header.horizontal-header .main-menu .menu .dropdown.open .submenu .dropdown.open {
  color: #a4a4a4;
  background: #efefef;
}

header.horizontal-header .main-menu .menu .dropdown.open .submenu .menu-item a {
  padding: 8px 20px;
  font-size: 12px;
  color: #b5bec4;
  font-weight: 600;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown .submenu {
  display: none;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown.open .submenu {
  display: block;
  position: absolute;
  left: 100%;
  top: -5px;
  margin-left: 8px;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown.open .submenu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: -12px;
  width: 12px;
  height: 100%;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown.open .submenu:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: -11px;
  border: 6px solid transparent;
  border-right-width: 5px;
  border-right-color: #fff;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown .submenu .dropdown .submenu {
  display: none;
}

header.horizontal-header .main-menu .menu .dropdown .submenu .dropdown .submenu .dropdown.open .submenu {
  display: block;
}

header.horizontal-header .main-menu .menu .dropdown .submenu {
  animation-name: horizontal_menu_slide_up;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: horizontal_menu_slide_up;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: horizontal_menu_slide_up;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

@keyframes horizontal_menu_slide_up {
  from {
    opacity: 0;
    margin-top: 15px;
  }
  to {
    opacity: 1;
    margin-top: 8px;
  }
}

@-webkit-keyframes horizontal_menu_slide_up {
  from {
    opacity: 0;
    margin-top: 15px;
  }
  to {
    opacity: 1;
    margin-top: 8px;
  }
}
/*
++ MOBILE
*/
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
  -webkit-transform: translate(-300px, 0);
  transform: translate(-300px, 0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.mm-wrapper_opening .mm-menu_position-left.mm-menu_opened~.mm-slideout {
  -webkit-transform: translate(300px, 0);
  transform: translate(300px, 0);
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.mm-menu {
  min-width: 140px;
  max-width: 300px;
  background: #efefef;
  -webkit-box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, .03);
  box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, .03);
  border-color: #e3e3e3;
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 600;
}

.has-vertical-header .mm-menu {
  display: block;
  z-index: 9999;
}

.mm-menu li {
  list-style: none;
}

.mm-menu .mm-listitem>a, .mm-listitem>span {
  padding: 15px 25px;
}

.mm-menu .mm-listitem:after {
  border-bottom: 1px solid #e3e3e3;
}

.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: 0;
}

.mm-menu .mm-panel_has-navbar .mm-navbar {
  background: #e3e3e3;
  height: 50px;
}

.mm-panel:after, .mm-panel:before {
  height: 10px;
}

.mm-menu .mm-panel_has-navbar .mm-navbar a {
  color: #a4a4a4;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 35px;
}

.mm-listitem:after {
  left: 0;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  top: 15px;
}

.mm-menu .mm-btn_next:after, .mm-menu .mm-btn_prev:before {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview .mm-btn_next:after {
  border-color: #a4a4a4;
}

.mm-menu .mm-btn_next:after {
  right: 25px;
}

.mm-listitem .mm-btn_next:before {
  border: none;
}

.mm-menu .menu-btn:after {
  display: none;
}

.mm-menu .menu-btn {
  border-bottom: none;
  margin: 25px;
}

.mm-menu .menu-btn .btn {
  padding: 10px 0;
  border: none;
  color: #fff;
}

/*
++ SECTIONS
*/
section {
  padding: 150px 0;
  position: relative;
  background: #fff;
  overflow: hidden;
}

section:nth-of-type(1) {
  padding: 100px 0;
}

section.np {
  padding: 0;
}

section.image-bg {
  padding: 150px 0;
}

.gray-flickity {
  background: #f5f3f0;
  border-bottom: 1px solid #f1f0ed;
  border-top: 1px solid #f1f0ed;
  color: #9fa6ab;
}

section.gray-parallax {
  background: #f5f3f0;
  border-bottom: 1px solid #f1f0ed;
  color: #9fa6ab;
}

section.gray {
  background: #f5f3f0;
  border-bottom: 1px solid #f1f0ed;
  border-top: 1px solid #f1f0ed;
  color: #9fa6ab;
}

section.blue {
  background: #1dc1f8;
  margin-bottom: -100px;
  margin-top: -100px;
}

body.blue {
  background: #1dc1f8;
}

section.dark {
  background: #232628;
  border-color: #232628;
  color: #a4a4a4;
}

section.light-dark {
  background: #353535;
  border-color: #353535;
  color: #a4a4a4;
}

section.gallery {
width: 100%;
}

section.parallax {
  background: transparent;
}

section.wave-white:before {
  content: '';
  position: absolute;
  bottom: -60px;
  height: 150px;
  background: url(../images/wave-white1.svg) bottom center no-repeat;
  left: -50px;
  background-size: 100% 150px;
  right: -50px;
  -webkit-animation: wave 3s .1s infinite linear;
  animation: wave 3s .1s infinite linear;
  display: block;
  overflow: hidden;
  opacity: .2;
}

section.wave-white:after {
  content: '';
  position: absolute;
  bottom: -60px;
  height: 150px;
  background: url(../images/wave-white2.svg) bottom center no-repeat;
  left: -50px;
  background-size: 100% 150px;
  right: -50px;
  -webkit-animation: wave 5s .2s infinite linear;
  animation: wave 5s .2s infinite linear;
  display: block;
  overflow: hidden;
  opacity: .2;
}

section.wave-blue:before {
  content: '';
  position: absolute;
  bottom: -60px;
  height: 150px;
  background: url(../images/wave-blue1.svg) bottom center no-repeat;
  left: -50px;
  background-size: 100% 150px;
  right: -50px;
  -webkit-animation: wave 3s .1s infinite linear;
  animation: wave 3s .1s infinite linear;
  display: block;
  overflow: hidden;
  opacity: .2;
}

section.wave-blue:after  {
  content: '';
  position: absolute;
  bottom: -60px;
  height: 150px;
  background: url(../images/wave-blue2.svg) bottom center no-repeat;
  left: -50px;
  background-size: 100% 150px;
  right: -50px;
  -webkit-animation: wave 5s .2s infinite linear;
  animation: wave 5s .2s infinite linear;
  display: block;
  overflow: hidden;
  opacity: .2;
}

.section-title {
  padding-bottom: 50px;
  position: relative;
}

.section-title h4 {
  color: #e3e3e3;
  font-size: 68px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.section-title.sm h4 {
  font-size: 50px;
}

.section-title p {
  color: #c9c9c9;
  text-transform: uppercase;
  display: inline-block;
}

section.gray .section-title h4 {
  color: #d7d8d9;
}

section.blue .section-title h4, section.blue .section-title p, section.blue .section-title:after, section.blue, section.blue a, section.image-bg .section-title h4, section.image-bg .section-title p, section.image-bg .section-title:after, section.image-bg, section.image-bg a {
  color: #fff;
}

.section-title:after {
  position: absolute;
  display: block;
  content: '';
  width: 30px;
  height: 1px;
  background: #e3e3e3;
  margin-top: 5px;
}

.section-title.aligncenter:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.section-title .view-all {
  position: relative;
  display: inline-block;
  float: right;
  text-transform: uppercase;
  color: #c9c9c9;
  -webkit-transition: .4s;
  transition: .4s;
}

section.image-bg .section-title .view-all, section.blue .section-title .view-all {
  color: #fff;
}

.section-title .view-all:hover {
  padding-right: 15px;
}

.section-title .view-all:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 1px;
  display: none;
  -webkit-transition: .4s;
  transition: .4s;
}

.section-title .view-all:hover:after {
  display: inline-block;
  padding-left: 20px;
}

.boxed .parallax-mirror {
  max-width: 1250px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

section .owl-carousel .owl-nav {
  width: 100%;
  position: absolute;
  top: 50%;
}

section .owl-carousel .owl-nav button.owl-prev, section .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #efefef;
  outline: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
}

section .owl-carousel .owl-nav button.owl-prev:hover, section .owl-carousel .owl-nav button.owl-next:hover {
  background: #efefef;
  border-color: #e3e3e3;
}

section.gray .owl-carousel .owl-nav button.owl-prev, section.gray .owl-carousel .owl-nav button.owl-next {
  background: #f5f3f0;
}

section.blue .owl-carousel .owl-nav button.owl-prev, section.blue .owl-carousel .owl-nav button.owl-next {
  background: #1dc1f8;
}

section.dark .owl-carousel .owl-nav button.owl-prev, section.dark .owl-carousel .owl-nav button.owl-next {
  background: #232628;
  border-color: #353535;
}

section.dark .owl-carousel .owl-nav button.owl-prev:hover, section.dark .owl-carousel .owl-nav button.owl-next:hover {
  background: #353535;
}

section.dark .owl-carousel .owl-nav button.owl-prev i, section.dark .owl-carousel .owl-nav button.owl-next i {
  color: #a4a4a4;
}

section .owl-carousel .owl-nav button.owl-prev {
  float: left;
  left: -70px;
}

section .owl-carousel .owl-nav button.owl-next {
  float: right;
  right: -70px;
}

section .owl-carousel .owl-nav button.owl-prev i, section .owl-carousel .owl-nav button.owl-next i {
  font-size: 20px;
  color: #e3e3e3;
  line-height: 50px;
  -webkit-transition: .4s;
  transition: .4s;
}

section .owl-carousel .owl-nav button.owl-prev:hover i, section .owl-carousel .owl-nav button.owl-next:hover i {
  color: #c9c9c9
}

section .owl-carousel .owl-nav button.owl-prev.disabled i, section .owl-carousel .owl-nav button.owl-next.disabled i {
  opacity: .5;
}
/*
++ VIDEO
*/
.video .inner {
  padding: 100px 0;
}

.video .video-popup {
  padding: 100px 0;
  text-align: center;
}

.video .video-popup a {
  position: relative;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  display: block;
  background: transparent;
  border: 4px solid #fff;
  margin: 0 auto;
  opacity: .5;
  text-align: center;
  z-index: 9;
}

.video .video-popup a i {
  color: #fff;
  margin-left: 8px;
  font-size: 40px;
  line-height: 115px;
}

.video .video-popup a:after {
  position: absolute;
  content: '';
  background: transparent;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 0.3;
  border-radius: 200px;
}

.video .video-popup a:hover {
  opacity: 1;
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.video .video-popup a:hover:after {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transform: scale(1.8, 1.8);
  transform: scale(1.8, 1.8);
  opacity: 0;
  background: white;
}

.mfp-iframe-holder .mfp-content {
  border-radius: 8px;
  overflow: hidden;
}
/*
++ INFO
*/
.info-branding {
  position: relative;
}

.info-branding .providers {
  margin-top: 30px;
}

.info-branding .providers span {
  font-size: 14px;
  margin-right: 15px;
  font-style: italic;
}

.info-branding .providers .item {
  display: inline-block;
  margin-right: 3px;
}

.info-branding .providers .item a {
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50px;
  padding: 4px 8px;
}

.info-branding .providers .item:last-child {
  margin-right: 0;
}

section.blue .info-branding .providers .item a {
  background: #4acdf9;
}

.info-branding .providers .item a:hover, section.blue .info-branding .providers .item a:hover {
  background: #efefef;
}

.countup-box {
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 50px;
  padding: 20px 5px;
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
}

.countup-box::nth-last-child {
  margin-bottom: 0;
}

section.dark .countup-box {
  background: #353535;
  border-color: #353535;
}

section.blue .countup-box, section.gray .countup-box {
  border-color: #fff;
}

.countup-box i {
  color: #f7f7f7;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 7%;
}

section.dark .countup-box i {
  color: #3d3f40;
}

.countup-box i:before {
  font-size: 100px;
  margin-left: 0;
  margin-top: 10px;
}

.countup-box .number {
  position: relative;
  color: #c9c9c9;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  z-index: 9;
}

.countup-box .text {
  position: relative;
  color: #c9c9c9;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  z-index: 9;
}

section.dark .countup-box .number, section.dark .countup-box .text {
  color: #a4a4a4;
}
/*
++ FOOTER
*/
footer {
  position: relative;
  color: #a4a4a4;
}

footer a {
  color: #a4a4a4;
}

footer .footer-widgets {
  padding: 60px 0;
  background: #f7f8f9;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

footer.white .footer-widgets {
  background: #fff;
}

footer.dark .footer-widgets {
  background: #333;
  border-top-color: #333;
  border-bottom-color: #444;
}

footer .footer-widgets .footer-widget h3 {
  color: #afafaf;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.footer-brand {
  margin: -40px 0 40px 0;
  padding: 40px 10px 20px 10px;
  background: #f2f2f2;
  text-align: center;
  position: relative;
}

.footer-brand:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 131.25px 0 131.25px;
  border-color: #f2f2f2 transparent transparent transparent;
  display: block;
  top: 100%;
  position: absolute;
}

footer .footer-widgets .footer-widget .inner {
  padding-top: 15px;
}

footer .footer-widgets .footer-widget .footer-logo {
  margin-bottom: 10px;
}

footer .footer-widgets .footer-widget .inner .tripadvisor-banner {
  background: #f2f2f2;
  border: 1px solid #ececec;
  border-radius: 2px;
  width: 100%;
  text-align: center;
  padding: 10px;
}

footer.dark .footer-widgets .footer-widget .inner .tripadvisor-banner {
  background: #2c2c2c;
  border: 1px solid #292929;
}

footer .footer-widgets .footer-widget .inner .tripadvisor-banner .review {
  font-size: 12px;
  color: #afafaf;
  margin-right: 10px;
}

footer .footer-widgets .footer-widget .inner .tripadvisor-banner img {
  max-width: 150px;
}

footer .footer-widgets .footer-widget .latest-posts, footer .footer-widgets .footer-widget .useful-links, footer .footer-widgets .footer-widget .contact-details {
  list-style: none;
}

footer .footer-widgets .footer-widget .latest-posts li, footer .footer-widgets .footer-widget .useful-links li, footer .footer-widgets .footer-widget .contact-details li {
  padding: 2px 0;
}

footer .footer-widgets .footer-widget .contact-details li i {
  margin-right: 5px;
}

footer .subfooter {
  background: #fff;
  padding: 15px 0;
}

footer.dark .subfooter {
  background: #333;
}

footer .subfooter .copyrights {
  margin-top: 4px;
}

footer .subfooter .webdata {
  float: right;
  margin-top: 4px;
}

footer .subfooter .webdata a {
  line-height: 28px;
  margin: 12px;
  border: none;
  background: none;
  color: #fff;
  background: #d7d8d9;
  padding-left: 10px;
  padding-right: 10px;
}
footer .subfooter .webdata a i {
  font-size: 13px;
}
footer .subfooter .webdata a:hover {
  background: var(--color-1st)
}
/*
++ BOOKING
*/
.datepicker.form-control {
  cursor: pointer;
}

.daterangepicker {
  padding: 10px;
  margin-top: 15px;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 2px;
}

.daterangepicker:before {
  border-bottom: 7px solid #efefef;
  z-index: 9;
}

.daterangepicker .input-mini {
  border: 1px solid #efefef;
  border-radius: 0px;
  color: #a4a4a4;
  height: 42px;
  line-height: 42px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 14px;
  font-size: 13px;
}

.daterangepicker table {
  font-size: 14px;
}

.daterangepicker .ranges {
  display: none;
}

.daterangepicker .calendar-title {
  margin: 5px 0;
  color: #b5bec4;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.available:hover {
  background: #336497 !important;
  color: #fff;
}

.daterangepicker td.in-range {
  background: #4a8fd8;
  color: #fff;
}

.daterangepicker .calendar-table td.disabled, .daterangepicker option.disabled {
  color: #e3e3e3;
}

.daterangepicker .calendar th {
  font-weight: 500;
  text-transform: uppercase;
  line-height: 40px;
}

.daterangepicker td.start-date {
  border-radius: 20px 0 0 20px;
}

.daterangepicker td.end-date {
  border-radius: 0 20px 20px 0;
}
.panel-dropdown .panel-dropdown-content {
  position: absolute;
  margin-top: 15px;
  padding: 20px;
  width: 300px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 2px;
  z-index: 99;
}
.panel-dropdown .panel-dropdown-content.guests {
	margin-top: -200px;
	margin-left: -110px;
}

.panel-dropdown .panel-dropdown-content.guestsq {
	margin-left: -110px;
}

.panel-dropdown .panel-dropdown-content.animals {
	margin-top: -255px;
	margin-left: -200px;
}

.panel-dropdown .panel-dropdown-content.animalsq {
	margin-left: -200px;
}

.panel-dropdown.active .panel-dropdown-content {
  visibility: visible;
  opacity: 1;
}

.panel-dropdown .panel-dropdown-content:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #efefef;
  position: absolute;
  display: inline-block;
  content: '';
}

.panel-dropdown .panel-dropdown-content.upsidedown:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #efefef;
  border-bottom: none;
}

.panel-dropdown .panel-dropdown-content.downsideup:before {

}

.panel-dropdown .panel-dropdown-content.guests:before {
	top: 140px;
	left: 124px;
}

.panel-dropdown .panel-dropdown-content.guestsq:before {
	top: -7px;
	left: 124px;
}

.panel-dropdown .panel-dropdown-content.animals:before {
	top: -7px;
	left: 216px;
}

.panel-dropdown .panel-dropdown-content.animalsq:before {
	top: -7px;
	left: 216px;
}

.panel-dropdown .guests-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px
}

.panel-dropdown .guests-buttons:last-child {
  margin-bottom: 0;
}

.panel-dropdown-content .qtyButtons:first-child {
  margin-top: 8px
}

.panel-dropdown-content .qtyButtons:last-child {
  margin-bottom: 3px
}

.panel-dropdown .guests-buttons input {
  outline: 0;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 50px;
  color: #b5bec4;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
}

.panel-dropdown label {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 3px;
}

.panel-dropdown .guests-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.panel-dropdown .plus, .panel-dropdown .minus {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  background: #f7f8f9;
  border: 1px solid #e3e3e3;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  font-family: fontawesome;
}

.panel-dropdown .plus:hover, .panel-dropdown .minus:hover {
  background: #efefef;
}

.panel-dropdown .plus:before {
  content: "\f067"
}

.panel-dropdown .minus:before {
  content: "\f068"
}

/*
++ NOTIFICATION
*/
.notification {
  position: absolute;
  border-radius: 4px 4px 0 0;
  bottom: calc(100% - 100px);
  left: 0;
  width: 100%;
  height: 70px;
  z-index: -9;
  padding: 5px;
  font-size: 15px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer;
  visibility: hidden;
}

.notification.scale-out {
  bottom: 100%;
  visibility: visible;
}

.notification.fixed {
  position: fixed;
  border-radius: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -100%;
}

.notification.fixed.scale-out {
  position: fixed;
  bottom: 0;
  z-index: 999;
}

.notification.error {
  background: #e34f4f;
}

.notification.success {
  background: #3DC480;
}

.notification.reload {
  background: #4a8fd8;
  color: #000;
}

.notification:before {
  float: left;
  width: 60px;
  height: 60px;
  font-family: FontAwesome;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  font-size: 22px;
  line-height: 60px;
}

.notification.error:before {
  background: #ce4848;
  content: "\f12a";
}

.notification.success:before {
  background: #32ab6e;
  content: "\f00c";
}

.notification.reload:before {
  background: #fd7e14;
  content: "\f129";
}

.notification .notification-text {
  position: relative;
  top: 50%;
  overflow: hidden;
  padding: 0 10px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.notification.under {
  bottom: -30px;
  z-index: 1;
}
@media only screen and (max-width: 991px){
    .notification.under {
        bottom: -30px;
    }
}
@media only screen and (max-width: 768px){
    .notification.under {
        bottom: -93px;
    }
}
@media only screen and (max-width: 568px){
    .notification.under{
        bottom: -93px;
    }
}
@media only screen and (max-width:400px){
    .notification.under{
        bottom: -93px;
    }
}
/*
++ HORIZONTAL BOOKING
*/
.horizontal-booking-form {
  position: absolute;
  top: 80vh;
  z-index: 99;
  width: 100%;
  margin-top: -109px;
}

.horizontal-booking-form-fixed {
 //bottom: 0;
}

.horizontal-booking-form.booking-form-over-slider {
  //bottom: 80px;
}

.horizontal-booking-form.booking-full-width {
  position: relative;
  bottom: 0;
  width: 100%;
  background: #efefef;
}

.horizontal-booking-form.booking-full-width .form-control.bootstrap-select .dropdown-menu {
  left: -10px !important;
}

.horizontal-booking-form .inner {
  min-height: 100px;
  position: relative;
  background: #fff;
  border-radius: 2px;
  padding: 15px 30px;
  border-top: none;
}

.horizontal-booking-form.dark .inner {
  background: #333;
}

.horizontal-booking-form.booking-full-width .inner {
  padding: 40px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #efefef;
}

.horizontal-booking-form.booking-notification-open .inner {
  border-radius: 0 0 2px 2px;
}

.horizontal-booking-form.fixed .inner {
  min-height: 50px;
  border: none;
  padding: 0px;
}

.horizontal-booking-form .inner .form-group {
  margin-right: -10px;
  margin-bottom: 0;
}

.horizontal-booking-form .form-control, .horizontal-booking-form .form-control.bootstrap-select button, .horizontal-booking-form .form-control.bootstrap-select buttondropdown-toggle:hover, .horizontal-booking-form .form-control.bootstrap-select buttondropdown-toggle:focus, .horizontal-booking-form .form-control.bootstrap-select button.dropdown-toggle {
  padding: 10px 0;
  border: none;
  background: #fff;
  border-bottom: 2px solid #efefef;
}

.horizontal-booking-form.dark .form-control, .horizontal-booking-form.dark .form-control.bootstrap-select button, .horizontal-booking-form.dark .form-control.bootstrap-select buttondropdown-toggle:hover, .horizontal-booking-form.dark .form-control.bootstrap-select buttondropdown-toggle:focus, .horizontal-booking-form.dark .form-control.bootstrap-select button.dropdown-toggle {
  background: #333;
  border-color: #444;
}

.horizontal-booking-form .form-control.bootstrap-select {
  padding: 0;
}

.horizontal-booking-form .inner .form-group .form-control:focus, .horizontal-booking-form .inner .form-group .form-control:active {
  border-color: #e3e3e3;
}

.horizontal-booking-form.booking-full-width .form-control {
  padding-left: 10px;
  padding-right: 15px;
  border: 1px solid #e3e3e3;
}

.horizontal-booking-form .inner .btn-book {
  margin-top: 36px;
  padding: 10px 20px;
  width: 100%;
}

.horizontal-booking-form.nolabels .inner .btn-book {
  margin-top: 10px;
}

.horizontal-booking-form.booking-full-width .inner .btn-book {
  margin-top: 0;
}

.horizontal-booking-form.fixed .inner .btn-book {
  margin-top: 0px;
}

.horizontal-booking-form .inner .advanced-form-link {
  margin-top: 2px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}

/*
++ VERTICAL BOOKING
*/
.vertical-booking-form {
  position: relative;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #efefef;
	margin-top: -100px;
	top:0;
	z-index:1000;
	-webkit-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);
	-webkit-border-radius: 0 0 40px 40px;
	-moz-border-radius: 0 0 40px 40px;
	border-radius: 0 0 40px 40px;
}

.vertical-booking-form-quick {
	margin-top: 1px;
	-webkit-border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;
}
.vertical-booking-form.entry-booking-form-left {
  width: 300px;
  float: left;
  margin-right: 20px;
}

.vertical-booking-form.entry-booking-form-right {
  width: 300px;
  float: right;
  margin-right: 30px;
}

.vertical-booking-form.booking-notification-open {
  border-radius: 0 0 5px 5px;
}

.vertical-booking-form.dark {
  background: #4a8fd8;
  border-color: #4a8fd8;
}

.vertical-booking-form .form-title {
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  color: #d7d8d9  ;
}

.vertical-booking-form .inner {
  padding: 10px 30px;
}

.vertical-booking-form .inner .form-group {
  margin-bottom: 10px;
}

.vertical-booking-form .inner .form-group .form-control {
  border: none;
  background: #fff !important;
}

.vertical-booking-form .inner .form-group .form-control:focus, .vertical-booking-form .inner .form-group .form-control:active {
  border-color: #e3e3e3;
}

.vertical-booking-form .form-control, .vertical-booking-form .form-control.bootstrap-select button, .vertical-booking-form .form-control.bootstrap-select button.dropdown-toggle {
  padding: 10px 0;
  border: none;
  background: #fff !important;
  border-bottom: 1px solid #efefef;
}

.vertical-booking-form .form-control.bootstrap-select {
  padding: 0;
}

.vertical-booking-form .inner .btn-book {
  margin-top: 22px;
  width: 100%;
}

.vertical-booking-form .inner .btn-bookquick {
  margin-top: 22px;
  width: 100%;
}

.vertical-booking-form .inner .advanced-form-link {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}

.vertical-booking-form.dark .inner .advanced-form-link a {
  color: #444;
}
/*
++ POPUP BOOKING
*/
.booking-show {
	display:none;
}
.booking-form-toggle {
  position: fixed;
  right: 60px;
  top: 55%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: #4a8fd8;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15);
  -webkit-transition: .5s;
  -webkit-transition: .4s;
  transition: .4s;
  cursor: pointer;
  z-index: 9999;
}

.booking-form-toggle:hover, .booking-form-toggle.open {
  background: #336497;
}

.popup-booking-form {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .5s;
  transition: .5s;
}

.has-vertical-header .popup-booking-form {
  -webkit-transform: translate(-170px, -50%);
  transform: translate(-170px, -50%);
}

.has-vertical-header-open .popup-booking-form {
  -webkit-transform: translate(-70px, -50%);
  transform: translate(-70px, -50%);
}

.popup-booking-form.open {
  visibility: visible;
  opacity: 1;
}

.popup-booking-form .popup-booking-form-inner {
  width: 400px;
  height: 400px;
  background: #fff;
  border: 1px solid #efefef;
  z-index: 99;
  margin: 20px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .2);
  box-shadow: 0 0 30px 0 rgba(178, 178, 178, .2);
}

.popup-booking-form .popup-booking-form-inner {
  padding: 70px 70px;
}

.popup-booking-form .popup-booking-form-inner .form-group {
  margin-bottom: 15px;
}

.popup-booking-form .popup-booking-form-inner .form-group .form-control:focus, .popup-booking-form .popup-booking-form-inner .form-group .form-control:active {
  border-color: #e3e3e3;
}

.popup-booking-form .form-control, .popup-booking-form .form-control.bootstrap-select button, .popup-booking-form .form-control.bootstrap-select button.dropdown-toggle {
  height: 40px;
  text-align: left;
  padding: 7px 10px;
}

.popup-booking-form .form-control.bootstrap-select {
  padding: 0;
}

.popup-booking-form .popup-booking-form-inner .btn-book {
  margin-top: 2px;
  width: 100%;
  padding: 10px 20px;
}

.popup-booking-form .popup-booking-form-inner .advanced-form-link {
  margin-top: 2px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}

.popup-booking-form .notification::before, .popup-booking-form .notification .notification-text {
  display: none;
}

.popup-booking-form .notification {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -9;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}

.popup-booking-form .notification.scale-out {
  width: 440px;
  height: 440px;
  visibility: visible;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .2);
  box-shadow: 0 0 30px 0 rgba(178, 178, 178, .5);
  opacity: 1;
}
/*
++ LOCATION
*/
#map { 
	height: 600px;
	width: 100%;
}
.agreement-map {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	color: #4a8fd8;
	text-align: center;
	max-width: 90%;
	padding: 2em 3em;
	background: rgba(0, 0, 0, 0.4);
	font-family: "Open Sans", sans-serif;
	border-radius: 10px;
}
.agreement-map p {
	font-size: 16px;
}
.agreement-map a {
	color: #FFF;
}
/*
++ MAPS CHANGER
*/
.mapschanger {
  margin: 0 auto;
  margin-top: 4px;
}
.mapschanger a {
  line-height: 28px;
  margin: 12px;
  border: none;
  background: none;
  color: #fff;
  background: #d7d8d9;
  padding-left: 10px;
  padding-right: 10px;
}
.mapschanger a.active {
  background: #4a8fd8;
}
.mapschanger a i {
  font-size: 13px;
}
.mapschanger a:hover {
  background: var(--color-1st)
}
/*
++ ROOMS
*/
.room-list-item {
  border-radius: 2px;
  margin-bottom: 40px;
  border: 1px solid #efefef;
  position: relative;
}
.room-list-item .favorite-item {
  color: #ffffff;
  position: relative;
  width: 50px;
  height: 50px;
  text-align: right;
  float: right;
  margin-bottom: -50px;
  z-index: 1;
  padding-right: 7px;
  padding-top: 7px;
  line-height: 1;
}

.room-list-item .favorite-item:before {
  content: " ";
  width: 50px;
  height: 50px;
  position: absolute;
  display: block;
  border-top: 50px solid #4a8fd8;
  border-left: 50px solid transparent;
  top: 0;
  left: auto;
  right: 0;
}

.room-list-item .favorite-item i {
  position: relative;
  z-index: 2;
}

.room-list-item figure a:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 10px;
  left: 10px;
  border: 5px double rgba(255, 255, 255, 0.5);
  z-index: 999;
  border-right: none;
  -webkit-transition: 1s;
  transition: 1s;
}

.room-list-item .room-info {
  padding: 15px 0;
}

.room-list-item .room-info .room-title {
  margin-top: 0;
}

.room-list-item .room-info .room-title a {
  color: #d7d8d9;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 9;
  text-transform: uppercase;
}

.room-list-item .room-info .room-rates {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.room-list-item .room-info .room-rates i {
  font-size: 13px;
  color: #ffb600;
}

.room-list-item .room-info .room-rates a {
  margin-left: 5px;
  font-size: 12px;
}

.room-list-item .room-price {
  text-align: center;
  padding: 10px;
  height: 100%;
  border-left: 1px dashed #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.room-list-item .room-price .price {
  margin-bottom: 30px;
  font-size: 20px;
  color: #4a8fd8;
  text-transform: uppercase;
}

.room-list-item .room-services {
  margin-top: 38px;
}

.room-list-item .room-services i {
  width: 30px;
  height: 30px;
  border: 1px solid #e3e3e3;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 30px;
  color: #afafaf;
  border-radius: 1px;
  font-size: 11px;
  -webkit-transition: .5s;
  transition: .5s;
}

.room-list-item .room-services span {
  height: 30px;
  display: inline-block;
  padding: 0 8px;
  border: 1px solid #e3e3e3;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 30px;
  color: #afafaf;
  border-radius: 1px;
  font-size: 12px;
  -webkit-transition: .5s;
  transition: .5s;
}

.room-list-item .room-services i:hover, .room-list-item .room-services span:hover {
  cursor: pointer;
  background: #e3e3e3;
}
.room-grid-item {
  background: #fff;
}

.room-grid-item .room-info {
  padding: 20px;
  position: relative;
  border: 1px solid #efefef;
  border-top: none;
  background: #fff;
  text-align: center;
}

.room-grid-item .room-info .room-title a {
  color: #d7d8d9;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 9;
}

.room-grid-item .room-info p {
  color: #afafaf;
  text-transform: uppercase;
  font-size: 12px;
}

.room-grid-item .room-info p:after {
  content: '';
  width: 30px;
  background: #e3e3e3;
  height: 1px;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: 10px;
}

.room-grid-item .room-price {
  position: absolute;
  bottom: 15px;
  right: 20px;
  padding: 2px 10px;
  border-bottom: 2px;
  background: #fff;
  font-weight: 400;
  font-size: 14px;
  color: #afafaf;
  z-index: 999;
  border-radius: 1px;
}

.room-grid-item .room-name {
  position: absolute;
  top: 15px;
  left: 20px;
  padding: 2px 10px;
  border-bottom: 2px;
  background: #fff;
  font-weight: 400;
  font-size: 14px;
  color: #afafaf;
  z-index: 999;
  border-radius: 1px;
}

.room-grid-item .room-services {
  position: absolute;
  left: 30px;
  bottom: 15px;
  z-index: 999;
}

.room-grid-item .room-services i {
  opacity: .8;
  position: relative;
  background: #ffffff;
  width: 33px;
  height: 33px;
  border-radius: 1px;
  line-height: 35px;
  margin: 3px;
  color: #afafaf;
  border-bottom: none;
  font-size: 14px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  display: block;
}

.room-grid-item .room-services i:hover {
  -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  opacity: 1;
}

.room-grid-item figure a:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 0px;
  left: 10px;
  border: 5px double rgba(255, 255, 255, 0.5);
  z-index: 999;
  border-bottom: none;
  -webkit-transition: 1s;
  transition: 1s;
}

.room-grid-item figure a:hover:before {
  opacity: .6;
}

.rooms-over-slider {
  background: transparent;
  margin-top: -331px;
  z-index: 99;
}

.rooms-grid-view .room-grid-item {
  margin-bottom: 30px;
}
.room-block-item {
  width: 100%;
  border-radius: 2px;
  float: left;
  margin-bottom: 26px;
  position: relative;
  border: 1px solid #efefef;
  top: 0px;
  -webkit-transition: top .1s ease-out;
  transition: top .1s ease-out;
}

.room-block-item figure a:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 10px;
  left: 10px;
  border: 4px double rgba(255, 255, 255, 0.5);
  z-index: 999;
  border-right: none;
  -webkit-transition: 1s;
  transition: 1s;
}

.room-block-item .room-info {
  padding: 15px 0;
}

.room-block-item .room-info .room-title {
  margin-bottom: 5px;
}

.room-block-item .room-info .room-title a {
  font-size: 25px;
  font-weight: 500;
  color: #d7d8d9;
  text-transform: uppercase;
}

.room-block-item .room-info .room-rates {
  text-transform: uppercase;
}

.room-block-item .room-info .room-rates i {
  font-size: 13px;
  color: #ffb600;
}

.room-block-item .room-info .room-rates a {
  margin-left: 5px;
  font-size: 12px;
}

.room-block-item .room-price .price {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #4a8fd8;
}

.room-block-item .room-price .price small {
  font-size: 15px;
  font-weight: 400;
}

.room-block-item .room-price .total {
  display: block;
  margin: 10px 0;
}

.room-block-item .room-price a {
  margin-top: 40px;
  padding: 5px 20px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
}

.room-block-item .room-services {
  position: relative;
  margin-top: 30px;
}

.room-block-item .room-services i {
  width: 30px;
  height: 30px;
  border: 1px solid #e3e3e3;
  margin-right: 10px;
  text-align: center;
  line-height: 30px;
  color: #afafaf;
  border-radius: 1px;
  font-size: 11px;
  -webkit-transition: .5s;
  transition: .5s;
}

.room-block-item .room-services i:hover {
  cursor: pointer;
  background: #e3e3e3;
}
.room-details-price {
  display: inline-block;
  float: right;
  color: #fff;
  font-weight: 500;
  font-size: 28px;
  margin-top: 30px;
}

.room .room-title .room-price {
  display: inline-block;
  float: right;
  margin-top: 32px;
  color: #4a8fd8;
  font-size: 30px;
}

.room .room-title .room-price span {
  font-size: 14px;
}

.room .room-title p {
  color: #e3e3e3;
  text-transform: uppercase;
}

.room .room-slider {
  position: relative;
  margin-bottom: 50px;
}

.room .room-slider .room-thumbs {
  position: absolute;
  z-index: 99;
  bottom: 0px;
}

.room .room-slider .room-thumbs .item {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
  opacity: .7;
}

.room .room-slider .room-thumbs .owl-item:hover .item, .room .room-slider .room-thumbs .owl-item.active-item .item {
  opacity: 1;
}

.room .room-slider .room-thumbs .item img {
  border-radius: 2px;
}

.room-slider-full-width .room-price {
  background: #4a8fd8;
  border-radius: 50%;
  text-align: center;
}

.room-slider-full-width .room-price small {
  font-size: .5em;
  text-transform: uppercase;
}

.room .section-title {
  padding-top: 20px;
  padding-bottom: 20px;
}

.room-services-list {
  margin: 20px 0;
}

.room-services-list ul li {
  padding: 5px 0;
  text-transform: uppercase;
}

.room-services-list ul li i {
  margin-right: 10px;
  color: #82B73A;
}

.room-services-list ul li.no i {
  color: #f1572f;
}

.room-reviews {
  margin-top: 50px;
}

.room-reviews .rating-details {
  margin-top: 20px;
  margin-bottom: 40px;
}

.room-reviews .rating-details .review-summary {
  text-align: center;
  background-color: #4a8fd8;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 10px;
  border-radius: 4px
}

.room-reviews .rating-details .review-summary .average {
  font-size: 28px;
  font-weight: 600;
}

.room-reviews .rating-details .review-summary .rating i {
  color: #fff;
}

.room-reviews .rating-details .progress-item {
  margin-bottom: 5px;
}

.room-reviews .rating-details .progress-item .progress-stars {
  font-size: 12px;
  margin-top: -5px;
  text-transform: uppercase;
}

.room-reviews .rating-details .progress-item .progress-value {
  font-size: 12px;
  margin-top: -5px;
  text-transform: uppercase;
  text-align: right;
}

.room-reviews .rating-details .progress {
  height: 15px;
  background: #efefef;
  border-radius: 2px;
}

.room-reviews .rating-details .progress-bar {
  background-color: #4a8fd8
}

.room-reviews .review-box {
  position: relative;
  margin-bottom: 25px;
  padding-left: 100px;
  min-height: 100px
}

.room-reviews .review-author {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden
}

.room-reviews .review-author img {
  width: 80px;
  height: auto
}

.room-reviews .review-contentt {
  position: relative;
  padding: 20px 30px;
  border: 1px solid #efefef;
  border-left-width: 8px;
}

.room-reviews .review-contentt:before {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 10px 12px 10px 0;
  border-style: solid;
  border-color: transparent #efefef;
  top: 15px;
  left: -18px;
}

.room-reviews .review-author img {
  border-radius: 3px;
}

.room-reviews .review-info {
  font-size: 13px;
  font-style: italic;
  margin-bottom: 10px;
}

.room-reviews .rating i {
  color: #e3e3e3;
  font-size: 13px;
}

.room-reviews .rating i.voted {
  color: #ffb600;
}

.room .vertical-booking-form-over-slider {
  margin-top: -400px;
  z-index: 99;
}
/*
++ COMING SOON
*/
.full-screen .inner {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 5% 0;
  color: #fff;
  text-align: center;
}

.full-screen .full-screen-video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  height: 300%;
  top: -100%;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(polina.jpg) no-repeat;
  background-size: cover;
}

.count-box {
  display: inline-block;
  margin-right: 50px;
  background: #fff;
  min-width: 120px;
  padding: 20px;
  border-radius: 4px;
  color: #e3e3e3;
  text-align: center;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
}

.count-box:last-child {
  margin-right: 0
}

.count-box .count-number {
  font-size: 40px;
  font-weight: 700;
  padding-top: 10px;
}

.count-box .count-text {
  font-size: 16px;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.coming-soon .subscribe-form .form-group {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
}

.coming-soon .subscribe-form .form-control {
  padding: 28px;
  border-radius: 2px;
  background: #fff;
  border: none;
}

.coming-soon .subscribe-form button {
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 48px;
  height: 48px;
  border-radius: 2px;
}

.coming-soon .subscribe-form button i {
  position: relative;
  right: 7px;
  font-size: 20px;
  text-align: center;
}

.coming-soon .social-media a {
  border: none;
}

/*
++ LOADING
*/
.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
}

.loader.dark {
  background: #444;
}

.loader .loader-logo {
  top: -60px;
  position: relative;
}

.loader .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.loaderc .spin {
  position: relative;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}

.loaderc p {
  margin-bottom: 3em;
}

.loaderc .spin span {
  position: absolute;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #4a8fd8 #efefef #efefef;
  -webkit-animation: loaderc 2s infinite linear;
  animation: loaderc 2s infinite linear;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
}

.dark.loaderc .spin span {
  border-color: #4a8fd8 #333 #333;
}

.loaderc .spin img {
  margin-top: 55px;
  max-width: 90px;
}

@-webkit-keyframes loaderc {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes loaderc {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
    transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
    transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
  }
}
/*
++ 404
*/
.error-404-page .error-num {
  font-size: 200px;
  font-weight: 600;
  position: relative;
  padding: 150px 0;
  color: #e3e3e3;
  display: inline-block;
}

.error-404-page .error-num span {
  position: absolute;
  width: 110px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 8px 0px;
  background: #fff;
  font-size: 24px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}

.error-404-page .search-form {
  position: relative;
}

.error-404-page .search-form .form-control {
  display: inline-block;
  padding: 22px 15px;
  border-radius: 2px;
}

.error-404-page .search-form button {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 45px;
  border-radius: 0 2px 2px 0;
  border: none;
  text-align: center;
}

.error404-fullscreen-page {
  padding: 0;
  margin: 0;
  height: 100%;
  background: url("../images/404.jpg");
  background-size: cover;
  background-position: center center;
  padding: 0;
}

.error404-fullscreen-page .inner {
  position: relative;
  text-align: center;
}

.error404-fullscreen-page .error-number {
  font-size: 200px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  opacity: .5;
}

.error404-fullscreen-page .inner .title {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  opacity: .5;
}

.error404-fullscreen-page .or {
  margin: 0 10px;
  color: #fff;
  font-size: 12px;
}
/*
++ ERROR && INFO
*/
.bb-alert.label.label-important {
    font-size: 1.2em;
    margin-bottom: 0;
    padding: 1em 1.3em;
    position: fixed;
    top: 12%;
}
.bb-info.label.label-important {
    font-size: 1.2em;
    margin-bottom: 0;
    padding: 1em 1.3em;
    position: fixed;
    top: 12%;
}
/*
++ COOKIE CONSENT
*/
.cookie-consent {
  font-family: "Source Sans Pro", sans-serif;
  z-index: 1001;
  position: fixed;
  max-width: 22rem;
  left: 1.5rem;
  bottom: 97px;
}
.cookie-consent .cookie-button {
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: scale(0) rotate(-200deg);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-color: #ddaa65;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6Izg0M308L3N0eWxlPjwvZGVmcz48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIzMCIgZmlsbD0iI2RkYWE2NSIgR29vZ2w9InRydWUiLz48Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTUuNSIgY3k9IjIxLjUiIHI9IjMuNSIvPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIzNC41IiBjeT0iMTIuNSIgcj0iMy41Ii8+PGNpcmNsZSBjbGFzcz0iYiIgY3g9IjIwLjUiIGN5PSI0NS41IiByPSIzLjUiLz48Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMzcuNSIgY3k9IjUzLjUiIHI9IjMuNSIvPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0OC41IiBjeT0iMzguNSIgcj0iMy41Ii8+PGNpcmNsZSBjbGFzcz0iYiIgY3g9IjM0IiBjeT0iMzMiIHI9IjYiLz48L3N2Zz4=");
  border-radius: 50%;
  position: fixed;
  bottom: 25px;
  left: 25px;
  height: 60px;
  width: 60px;
}
.cookie-consent .cookie-popin {
  z-index: 99;
  position: relative;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  background: #fff;
  padding: 1rem 1.75rem;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.cookie-consent .cookie-popin::before {
  height: 2.4rem;
  width: 1.4rem;
  left: 0;
  bottom: 0.7rem;
}
.cookie-consent .cookie-popin .ctitle {
  font-weight: 900;
  font-size: 1.4rem;
  color: #333;
}
.cookie-consent .cookie-popin .cdescription {
  font-size: 0.8rem;
  margin-bottom: 0.9rem;
  color: #999;
}
.cookie-consent .cookie-popin .cdescription a {
  color: #52bab3;
}
.cookie-consent .cookie-popin .user-choice {
  /*&::after {
    z-index: -1;
    content: "";
    border-top-right-radius: 0.2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    position: absolute;
    height: 1.3rem;
    width: 1.3rem;
    background: #fff;
    left: 1.8rem;
    margin-top: 1rem;
    transform: rotate(45deg);
    z-index: -1;
    left: -0.6rem;
  }*/
}
.cookie-consent .cookie-popin .user-choice .auth-button {
  user-select: none;
  text-align: center;
  text-transform: uppercase;
  background-color: #F505AE;
  color: #000;
  padding: 0.4rem 1rem;
  border-radius: 0.2rem;
  display: inline-block;
  cursor: pointer;
  box-shadow: 0 0.18rem 0.3rem 0.05rem rgba(0, 0, 0, 0.2);
  font-size: 0.7rem;
}
.cookie-consent .cookie-popin .user-choice .auth-button-light {
  background-color: #fff;
  color: #292e49;
}
.cookie-consent.-deploy .cookie-button {
  transform: scale(1) rotate(0);
}
.cookie-consent.-deploy .cookie-popin {
  transform: scale(1);
}
.switch {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 17px;
}
.switch-desc {
	margin-left: 40px;
	margin-top: -5px;
	font-weight:bold;
	font-size:12pt;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #F505AE;
}

input:focus + .slider {
  box-shadow: 0 0 1px #999;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}
/*
++ FlickityParallax
*/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(14, 29, 51, 0.8), rgba(14, 29, 51, 0.2));
}

.hero-slider {
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.hero-slider .carousel-cell {
  width: 100%; /* full width */
  height: 100%;
  background: #222;
  /* center images in cells with flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-slider .carousel-cell .inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  text-align: center;
}
.hero-slider .carousel-cell .inner .subtitle {
  font-family: "Roboto Slab", serif;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-weight: 200;
  font-style: italic;
  letter-spacing: 3px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
}
.hero-slider .carousel-cell .inner .title {
  /*font-family: "Euphoria Script", cursive;*/
  font-family: "Allura", cursive;
  font-size: 3rem;
  line-height: 1.2em;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media (max-width:775px) {
	.hero-slider .carousel-cell .inner .main-btn.btn-round {
		font-size: 24px;
	}
	.hero-slider .carousel-cell .inner .subtitle {
		font-size: 20px;
	}
}
@media (max-width:575px) {
	.hero-slider .carousel-cell .inner .main-btn.btn-round {
		font-size: 15px;
	}
	.hero-slider .carousel-cell .inner .subtitle {
		font-size: 12px;
	}
}
.hero-slider .carousel-cell .inner .btn {
  border: 1px solid #fff;
  padding: 14px 18px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 3px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}
.hero-slider .carousel-cell .inner .btn:hover {
  background: #fff;
  color: #000;
}
.hero-slider .flickity-prev-next-button {
  width: 80px;
  height: 80px;
  background: transparent;
  display:block;
}
.hero-slider .flickity-prev-next-button:hover {
  background: transparent;
}
.hero-slider .flickity-prev-next-button .arrow {
  fill: white;
}
.hero-slider .flickity-page-dots {
  bottom: 30px;
}
.hero-slider .flickity-page-dots .dot {
  width: 30px;
  height: 4px;
  opacity: 1;
  background: transparent;
  //border: 0 solid white;
  border-radius: 0;
}
.hero-slider .flickity-page-dots .dot.is-selected {
  background: transparent;
  //border: 0 solid #ff0000;
}
/*
++ ROOM DETAILS
*/
.mt50 {
	margin-top: 50px;
}
.standard-slider.room-slider #owl-standard {
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.standard-slider.room-slider, .standard-slider.room-slider img {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.standard-slider .owl-theme .owl-controls .owl-buttons div{
	border: 1px solid;
}
.standard-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
	position: absolute;
	top: 40%;
	left: 20px;
}
.standard-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
	position: absolute;
	top: 40%;
	right: 20px;
}
.standard-slider .owl-theme .owl-controls .owl-buttons div  {
border: 1px solid;
}
#reservation-form {
	margin-top: -60px;
}
#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	padding: 30px 30px;
	z-index: 9999;
	background-color: #fff;
}
#reservation-form .reservation-vertical h2 {
	margin-top: 0;
	margin-bottom: 12px;
}
#reservation-form .reservation-vertical h4 {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
#reservation-form .price {
	padding: 10px 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
	font-size: 18px;
	display: block;
	border: 1px dashed #ebebeb;
}
#reservation-form .price h4 {
	color: #333;
	padding-right: 5px;
}
#reservation-form .price span {
	color: #979797;
	font-weight: normal;
	padding-left: 5px;
	font-size: 11px;
}
.form-inline .form-control{
	width: 100%;
}
#reservation-form .reservation-horizontal .col-sm-1, #reservation-form .reservation-horizontal .col-sm-2, #reservation-form .reservation-horizontal .col-sm-3 {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}
#reservation-form .form-inline select.form-control {
	width: 100% !important;
}
#reservation-form .form-inline .form-group {
	width: 100%;
}
#reservation-form .popover-icon i {
	color: #9f9f9f;
	font-size: 18px;
}
#reservation-form .fa.infield {
	position: absolute;
	float: right;
	right: 57px;
	margin-top: 35px;
	font-size: 14px;
}
#reservation-form .form-inline .fa.infield {
	position: absolute;
	float: right;
	right: 18.84px;
	font-size: 14px;
	top: 0;
	width: 15px;
}
#reservation-form .col-sm-2 button {
	margin-top: 25px;
}
#reservation-form .guests-select {
	z-index: 100;
	cursor: pointer;
}
#reservation-form .guests-select .guests {
	margin-top: -261px;
	width: 200px;
	height: auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
	z-index: 500;
	background-color: #fff;
	position: absolute;
	padding: 20px;
	cursor: default !important;
	display: none;
	animation-name: fadeIn;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-name: fadeIn;
	-moz-animation-duration: 0.2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
}
#reservation-form .form-inline .guests-select .form-group {
	padding-bottom: 15px;
}
#reservation-form .hasDatepicker {
	cursor: pointer;
}
.error_message {
	color: #F00;
}
#error{
	display: none;
}
.lined-heading {
	position: relative;
	margin-top: 0;
	margin-bottom: 50px;
	text-align: center;
	display: block;
}
h1.lined-heading:before, h2.lined-heading:before, h3.lined-heading:before, h4.lined-heading:before, h5.lined-heading:before, h6.lined-heading:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 2px solid #ccc;
	content: "";
}
h1.lined-heading span, h2.lined-heading span, h3.lined-heading span, h4.lined-heading span, h5.lined-heading span, h6.lined-heading span {
	position: relative;
	z-index: 1;
	padding: 0 20px;
	background: #fff;
	display: inline-block;
}
.room-thumb {
	width: 356px;
	height: 283px;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 2px 0 0 #e0e0e0;
	box-shadow: 0 2px 0 0 #e0e0e0;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 5000;
}
.room-thumb .mask {
	width: 356px;
	height: 281px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}
.room-thumb img {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
}
.room-thumb .main {
	border-bottom: 1px solid #ebebeb;
	height: 55px;
}
.room-thumb .main h5 {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	padding: 10px 0 0 20px;
	display: inline-block;
}
.room-thumb .main .price {
	display: inline;
	float: right;
	font-size: 18px;
	font-weight: bold;
	height: 55px;
	padding: 6px 25px;
	border-top: none;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	}
.room-thumb .main .price span {
	display: block;
	color: #979797;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
.room-thumb .content {
	position: relative;
	padding: 20px;
	text-align: left;
}
.room-thumb .content button {
	margin-top: 5px;
}
.room-thumb .content p span {
	font-weight: bold;
	display: block;
}
.room-thumb .content i {
	padding-right: 5px;
}
.room-thumb img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.room-thumb .mask {
	background-color: #fff;
	-webkit-transform: translateY(228px);
	-moz-transform: translateY(228px);
	-o-transform: translateY(228px);
	-ms-transform: translateY(228px);
	transform: translateY(228px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.room-thumb:hover .mask {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.room-thumb:hover img {
	-webkit-transform: translateY(-228px);
	-moz-transform: translateY(-228px);
	-o-transform: translateY(-228px);
	-ms-transform: translateY(-228px);
	transform: translateY(-228px);
}
.room-list {
	margin-top: -60px;
	margin-bottom: -60px;
}
.room-list .room-thumb {
	margin-bottom: 60px;
}
/* 
++ CALENDAR
*/
.accooverview {
  text-align: left;
}
.all-front-calendars{
    float: left;
    width: 100%;
    margin-top: 5px;
    position: relative;
    background-color: #ffffff;
    min-height: 368px;
    padding: 0px 15px;
}
.all-front-calendars_headers{
    width:100%;
    height:50px;
    position: absolute;
    top:0px;
    left:0px;
    background-color: #ffffff;
}

.all-front-calendars .booking-calendar-wrapper{
    position: relative;
    float: left;
    width: 50%;
    min-height: 285px;
    background-color: #fff;
    border-radius: 0px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.all-front-calendars  .has_future,
.all-front-calendars  .has_past {
    background-color: #D1F0DE;
    background-color: #edf6f6;
    border: 0px solid #ffffff;
    padding: 14px 9px 0px 9px!important;
    margin: 0!important;
    height: 49px;
    box-shadow: 1px 1px 0px 0px #fff inset;
}

table.booking-calendar td{
    color: #484848;
    font-size: 14px;
}

.all-front-calendars .has_future:hover:before,
.all-front-calendars .has_past:hover:before{
    display:none;
}
.front_calendar_price{
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    left: 0;
    right: 0;
    color: #48484882;
}
.has_past .front_calendar_price{
    display: none;
}
.full_width_row{
    width:100%;
/*    background-color: #f6f6f6;*/
    display: inline-block;
    float: left;
}
.calendar-free{
    position:relative;
}

.booking-calendar-wrapper-in-wrapper{
    margin-left: 15px;
    min-height: 368px;
    position:relative;
    max-width: 1200px;
    margin-right: 15px;
    float:left;
    background-color: #d0d5de;
}

.booking-calendar-wrapper-in-price,
.booking-calendar-wrapper-in{
    position: relative;
    float: left;
    min-height: 400px;
    //background-color: #d0d5de;
    border-radius: 1px;
    max-width: 600px;
    padding: 0px 0px 0px 0px;
    width: 48%;
    margin: 5px;
}
.booking-calendar-wrapper-in{
   //min-height: 446px;
}
.booking-calendar-wrapper-in .month-title {
    background-color: #d0d5de;
    color: #000;
    padding: 13px 0px;
    font-size: 15px;
    text-align: center;
}
.booking-calendar-wrapper-in .calendar-free{
    //cursor:pointer;
}
.booking-calendar-wrapper-in td{
    padding: 0px 0px 0px 0px;
}

table.booking-calendar{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    border-top: none;
    border-radius: 3px;
    margin-bottom: 8px;
    border: none;
    padding: 0px 15px;
}


table.booking-calendar thead {
    color: #666;
}

table.booking-calendar tbody {
    height: 203px;
}

.booking-calendar-wrapper .month-title {
    background-color: #ffffff;
    color: #484848;
    padding: 13px 0px;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}


table.booking-calendar  th {
    padding: 11px 10px;
    text-align: center;
}

table.booking-calendar  th, 
table.booking-calendar  tr {
    border-bottom: none;
    height:46px;
}

table.booking-calendar  th, 
table.booking-calendar  td {
    border-right: none;
}

table.booking-calendar th{
    color:#484848;
    font-weight: 600;
}

.all-front-calendars .has_past {
    text-decoration: line-through;
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 0px, rgb(235, 235, 235) 2px, rgb(252, 252, 252) 3px);
    color: #c6c9cf!important;
}

.booking-calendar-wrapper-in .has_future:hover,
.booking-calendar-wrapper-in .has_past:hover{
    //background-color: #fd2d4f;
    //color:#fff;
}
.calendar-reserved-start,
.calendar-reserved-stop{
    background-color: red;
}

.calendar-free.calendar_pad.has_future.calendar-reserved-start,
.calendar-free.calendar_pad.has_future.calendar-reserved-stop{
     background-color: red;
}

.booking-calendar-wrapper{
    position: relative;
    float: left;
    width: 100%;
}

.modal_reservation{
    position: absolute;
    background: #fff;
    border: 1px solid #efefef;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left:-150px;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
    border: none;
    padding:10px;
}

.has_future{
    position:relative;
}

.calendar-reserved.has_past,
.has_past{
    background-color: #eceff3!important;
    color: #d0d5de!important;
    cursor: auto;
}

.calendar-today{
    background-color: #484848!important;
    color:#fff!important;
    position:relative;
}
.calendar-reserved.has_future,
.calendar-reserved.has_past{
    background-color: #FE9A2E!important;
    color: #484848!important;
    position: relative;
    cursor: auto;
    background: none;
    pointer-events: none;
}
.calendar-booked.has_future,
.calendar-booked.has_past{
    background-color: #FF0000!important;
    color: #000000!important;
    position: relative;
    cursor: auto;
    background: none;
    pointer-events: none;
}
.calendar-reserved.start_reservation {
    pointer-events:auto;
}

.calendar-reserved .ui-state-default{
    color:#fff!important;
}
.calendar-reserved.has_future.start_reservation:hover{
    cursor:pointer;
}
.calendar-actions{
    margin-bottom: 10px;
    float: left;
    position: relative;
    margin-top: 20px;
}

.calendar-actions span{
    float:left;
}
.calendar-actions .calendar-legend-today{
    margin-left:0px;
}

#calendar-next,
#calendar-prev,
#calendar-next-internal,
#calendar-prev-internal{
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
    background: #484848;
    color: #CBCDD0;
    font-size: 19px;
    padding: 3px 0px 0px 9px;
}

#calendar-next,
#calendar-prev{
    background: transparent;
}
#calendar-prev,
#calendar-prev-internal{
    padding: 2px 0px 0px 10px;
    margin: 0px 8px 0px 0px;
}
#calendar-next {
    position: absolute;
    top: 24px;
    right: 20px;
    z-index: 1;
    float: right;
    cursor: pointer;
    color: #484848;
    font-size: 19px;
    padding: 0px;
    margin: 0px;
    width: 23px;
}
.listing_type_1 #calendar-next {
     right: 0px;
}
#calendar-prev {
    position: absolute;
    top: 24px;
    left: 36px;
    z-index: 1;
    float: right;
    cursor: pointer;
    color: #484848;
    font-size: 19px;
    padding: 0px;
    margin: 0px;
    width: 23px;
}
.listing_type_1 #calendar-prev {
    left: 12px;
}
.internal-calendar-left{
    position: absolute;
    top: -40px;
    right:27px;
    padding-top: 5px!important;
}
.internal-calendar-right{
    position: absolute;
    top:-40px;
    right: 0px;
    margin-right: 0px!important;
    padding-top: 5px!important;
}
.calendar-legend-past {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 0px;
    background: #eceff3;
    border-radius: 25px;
}
.calendar-legend-today {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 15px;
    background: #323a45;
    border-radius: 25px;
}
.calendar-legend-booked {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 15px;
    background: #FF0000;
    border-radius: 25px;
}
.calendar-legend-reserved {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 15px;
    background: #FE9A2E;
    border-radius: 25px;
}
.calendar-legend-a {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 8px 8px 15px;
    background: green;
    border-radius: 25px;
}
.calendar-legend-b {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 8px 8px 15px;
    background: orange;
    border-radius: 25px;
}
.calendar-legend-c {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 8px 8px 15px;
    background: red;
    border-radius: 25px;
}
.calendar-legend-d {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 8px 8px 15px;
    background: none;
    border: 1px solid #000;
    border-radius: 25px;
}
.calendar-legend {
    float: left;
    margin: 0px;
    background: #fff;
    width: 100%;
    padding: 0px 30px 15px 15px;
}

.calendar-legend span {
    float: left;
    margin-top: 0px;
    font-size: 14px;
}
.day-label{
    display: block;
}
.price-day{
    background-color: #484848;
    color:#fff;
    display: inline-block;
    padding: 2px 9px;
    font-size: 13px;
    margin-top: 12px;
    white-space: nowrap;
}
.price_explaning{
    padding-left: 15px;
    margin-bottom: 5px;
    color: #8A8F9A;
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin-top: -10px;
    width: 100%;
}
.all-front-calendars .start_reservation {
    background: #fff9f9; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4ODFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #edf6f6  0%, #edf6f6 50%, #FE9A2E 51%, #FE9A2E 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d1f0de), color-stop(50%,#d1f0de), color-stop(51%,#FE9A2E), color-stop(100%,#FE9A2E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FE9A2E 51%,#FE9A2E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FE9A2E 51%,#FE9A2E 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FE9A2E 51%,#FE9A2E 100%); /* IE10+ */
    background: linear-gradient(135deg,  #edf6f6 0%,#edf6f6 50%,#FE9A2E 51%,#FE9A2E 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f0de', endColorstr='#FE9A2E',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.all-front-calendars .end_reservation{
    background: #fff9f9; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #FE9A2E 0%, #FE9A2E 49%, #edf6f6 50%, #edf6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FE9A2E), color-stop(49%,#FE9A2E), color-stop(50%,#d1f0de), color-stop(100%,#d1f0de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #FE9A2E 0%,#FE9A2E 49%,#edf6f6 50%,#edf6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #FE9A2E 0%,#FE9A2E 49%,#edf6f6 50%,#edf6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #FE9A2E 0%,#FE9A2E 49%,#edf6f6 50%,#edf6f6 100%); /* IE10+ */
    background: linear-gradient(135deg,  #FE9A2E 0%,#FE9A2E 49%,#edf6f6 50%,#edf6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE9A2E', endColorstr='#d1f0de',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.all-front-calendars .start_booked {
    background: #fff9f9; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4ODFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #edf6f6  0%, #edf6f6 50%, #FF0000 51%, #FF0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d1f0de), color-stop(50%,#d1f0de), color-stop(51%,#FF0000), color-stop(100%,#FF0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FF0000 51%,#FF0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FF0000 51%,#FF0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #edf6f6 0%,#edf6f6 50%,#FF0000 51%,#FF0000 100%); /* IE10+ */
    background: linear-gradient(135deg,  #edf6f6 0%,#edf6f6 50%,#FF0000 51%,#FF0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f0de', endColorstr='#FF0000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.all-front-calendars .end_booked{
    background: #fff9f9; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYjg4MWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  #FF0000 0%, #FF0000 49%, #edf6f6 50%, #edf6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FF0000), color-stop(49%,#FF0000), color-stop(50%,#d1f0de), color-stop(100%,#d1f0de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #FF0000 0%,#FF0000 49%,#edf6f6 50%,#edf6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #FF0000 0%,#FF0000 49%,#edf6f6 50%,#edf6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #FF0000 0%,#FF0000 49%,#edf6f6 50%,#edf6f6 100%); /* IE10+ */
    background: linear-gradient(135deg,  #FF0000 0%,#FF0000 49%,#edf6f6 50%,#edf6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#d1f0de',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

@media only screen and (max-width:1180px){
    .all-front-calendars .booking-calendar-wrapper {
        width: 100%;
    }
    .all-front-calendars {
        width: 100%;
    }
		table.booking-calendar{
		    width: 100%;
		    font-size: 13px;
		}
		.booking-calendar-wrapper-in .month-title {
		    font-size: 15px;
		}
		table.booking-calendar  th {
		    font-size: 13px;
		}
		table.booking-calendar  td {
		    font-size: 13px;
		}
		.booking-calendar-wrapper-in-price,
		.booking-calendar-wrapper-in{
		    width: 240px;
		}
}
@media only screen and (max-width: 991px){
    .all-front-calendars .booking-calendar-wrapper {
        width: 100%;
    }
    .all-front-calendars {
        width: 100%;
    }
		table.booking-calendar{
		    width: 100%;
		    font-size: 13px;
		}
		.booking-calendar-wrapper-in .month-title {
		    font-size: 15px;
		}
		table.booking-calendar  th {
		    font-size: 13px;
		}
		table.booking-calendar  td {
		    font-size: 13px;
		}
		.booking-calendar-wrapper-in-price,
		.booking-calendar-wrapper-in{
		    width: 100%;
		}
}
@media only screen and (max-width: 768px){
    .all-front-calendars .booking-calendar-wrapper {
        width: 100%;
    }
    .all-front-calendars {
        width: 100%;
    }
		table.booking-calendar{
		    width: 100%;
		    font-size: 15px;
		}
		.booking-calendar-wrapper-in .month-title {
		    font-size: 15px;
		}
		table.booking-calendar  th {
		    font-size: 15px;
		}
		table.booking-calendar  td {
		    font-size: 15px;
		}
		.booking-calendar-wrapper-in-price,
		.booking-calendar-wrapper-in{
		    width: 100%;
		}
}
@media only screen and (max-width: 568px){
    .all-front-calendars{
        padding: 0px;
    }
}
@media only screen and (max-width:400px){
    #book_per_hour_calendar .fc-prev-button,
    #book_per_hour_calendar .fc-next-button,
    #all-front-calendars_per_hour .fc-prev-button,
    #all-front-calendars_per_hour .fc-next-button,
    #all-front-calendars_per_hour_internal .fc-prev-button,
    #all-front-calendars_per_hour_internal .fc-next-button {
        width: 30px;
        height: 30px!important;
    }
    #book_per_hour_calendar .fc-today-button,
    #all-front-calendars_per_hour .fc-today-button,
    #all-front-calendars_per_hour_internal .fc-today-button {
        width: auto;
        height: 30px!important;
    }
    .all-front-calendars .booking-calendar-wrapper {
        width: 100%;
    }
    .all-front-calendars {
        width: 100%;
    }
		table.booking-calendar{
		    width: 100%;
		    font-size: 8px;
		}
		.booking-calendar-wrapper-in .month-title {
		    font-size: 8px;
		}
		table.booking-calendar  th {
		    font-size: 8px;
		}
		table.booking-calendar  td {
		    font-size: 8px;
		}
		.booking-calendar-wrapper-in-price,
		.booking-calendar-wrapper-in{
		    width: 100%;
		}
}
/* 
++ BOOKING BOX
*/
.booking-box-shadow {
	box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.booking-box .inner {
  min-height: 100px;
  position: relative;
  background: #fff;
  border-radius: 2px;
  padding: 15px 30px;
  border-top: none;
}
.booking-box.booking-notification-open .inner {
  border-radius: 0 0 2px 2px;
}
.booking-box.fixed .inner {
  min-height: 50px;
  border: none;
  padding: 0px;
}
.content {
  height: calc(100% - 210px);
  background-color: var(--app-bg-color);
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease;
}

.content > section {
  position: relative;
  width: 300%;
  height: 100%;
}

.form {
  float: left;
  width: 33.33333%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #e5e5e5;
  position: relative;
}

.control {
  position: relative;
  top: 0;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 5px;
  background: #1C1D21; /*var(--app-bg-color);*/
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
  /*border-top: solid 1px rgba(0, 0, 0, 0.4);*/
  transition: all .4s ease;
}

.control:last-child {
  height: 55px;
  border-bottom: none;
  padding: 0;
}

.control-head > * { float: left; }

.control-head > i,
.control > i {
  font-size: 1.5em;
  margin-left: 15px;
}

.control-head > div,
.control > .control-item {
  margin-left: 20px;
}

.control h6 { 
  margin: 5px 0;
  font-weight: 400;
  color: #bbb;
}

.control.open:nth-child(2) { top: -72px; }
.control.open:nth-child(3) { top: -144px; }

.control.open {
  height: 100%;
  transition: all .4s ease;
}

.control .control-head { 
  display: flex; 
  align-items: center;
  margin-top: 5px; 
  cursor: pointer;
}

.control .control-body { 
  height: calc(100% - 72px);
  margin-top: 20px;
}

.control.open .control-body { 
  margin-top: 8px; 
}

.control.dateinput,
.control.select { display: block; }

.control .close {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 20px;
}
.control.open .close {
  display: block;
  cursor: pointer;
}


.control > button {
  width: 100%;
  height: 100%;
  padding: 10px 2px;
  border: none;
  border-radius: 2px;
  color: #fff;
  background-color: var(--app-dark-color); /*#2196F3*/
  outline: none;
  text-transform: uppercase;
}

.control button:hover { background-color: rgba(255,255,255, .2); }

.info span { display: block; }
.info b { font-weight: 400; }
.info .time {
  color: #bbb;
  position: absolute;
  right: 10px;
  top: 10px;
}
.info .airline {
  display: block;
  font-size: 1.4em;
}

.info h5 {
  margin: 0;
  font-size: 1.4em;
      font-weight: 500;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.info h5 small {
  color: #bbb;
  font-size: .6em;
}
.btnHome { background-color: #432; }
/*
++ LOGIN
*/
body.page-login {
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-position: top;
 width: 100%;
 height: 100%;
 font-family: Arial, Helvetica;
 letter-spacing: 0.02em;
  font-weight: 400;
 -webkit-font-smoothing: antialiased; 
}
section.login {
	background: none;
}
.login-box {
    margin-top: 75px;
    height: auto;
    background: #1A2226;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.login-key {
    height: 100px;
    font-size: 80px;
    line-height: 100px;
    background: -webkit-linear-gradient(#27EF9F, #0DB8DE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.login-title {
    margin-top: 15px;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: bold;
    color: #ECF0F5;
}

.login-form {
    margin-top: 25px;
    text-align: left;
}

input[type=text].loginform {
    background-color: #1A2226;
    border: none;
    border-bottom: 2px solid #0DB8DE;
    border-top: 0px;
    border-radius: 0px;
    font-weight: bold;
    outline: 0;
    margin-bottom: 20px;
    padding-left: 0px;
    color: #ECF0F5;
}

input[type=password].loginform {
    background-color: #1A2226;
    border: none;
    border-bottom: 2px solid #0DB8DE;
    border-top: 0px;
    border-radius: 0px;
    font-weight: bold;
    outline: 0;
    padding-left: 0px;
    margin-bottom: 20px;
    color: #ECF0F5;
}

.form-group.loginform {
    margin-bottom: 40px;
    outline: 0px;
}

.form-control.loginform:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #0DB8DE;
    outline: 0;
    background-color: #1A2226;
    color: #ECF0F5;
}

input.loginform:focus {
    outline: none;
    box-shadow: 0 0 0;
}

label.loginform {
    margin-bottom: 0px;
}

.form-control-label {
    font-size: 10px;
    color: #6C6C6C;
    font-weight: bold;
    letter-spacing: 1px;
}

.btn-outline-primary {
    border-color: #0DB8DE;
    color: #0DB8DE;
    border-radius: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.btn-outline-primary:hover {
    background-color: #0DB8DE;
    right: 0px;
}


.login-button {
    padding-right: 0px;
    text-align: right;
    margin-bottom: 25px;
}

.login-text {
    text-align: left;
    padding-left: 0px;
    color: #A2A4A4;
}

.loginbttm {
    padding: 0px;
}













.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  font-family: sans-serif;
  perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  transition: all 0.4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg);
}
/*
++ CONF
*/
.wrappers {

}
.tags {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.tags .title {
    display: inline-block;
    margin: 10px 0;
    color: #888;
}
.tags .show-error {
    color: #c62a2a;
    font-size: 14px;
    padding: 5px 10px;
    display: none;
}

.tags .wrapper-tags {
    background-color: #f9f9f9;
    border: 1px solid #EEE;
    min-height: 100px;
    border-radius: 5px;
    padding: 10px;
    cursor: text;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tags .wrapper-tags.focus {
    color: #3498db;
    box-shadow: 0 0 0 0.15rem rgba(101, 175, 255, 0.3);
}
.tags .wrapper-tags .view-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.tags .wrapper-tags .tag {
    font-size: 12px;
    padding: 3px 6px;
    height: 26px;
    background-color: #1d94e2;
    color: #FFF;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    cursor: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
.tags .wrapper-tags .tag::-moz-selection {
    background-color: #ebff00;
    color: #e65508;
}
.tags .wrapper-tags .tag::selection {
    background-color: #ebff00;
    color: #e65508;
}
.tags .wrapper-tags .tag i {
    cursor: pointer;
    margin-left: 6px;
    color: #fff;
    font-size: 10px;
    width: 14px;
    height: 14px;
    background-color: #8e8e8e;
    border-radius: 50%;
    text-align: center;
    line-height: 13.5px;
}
.tags .wrapper-tags .tag i:hover {
    background-color: #d31818;
}
.tags .wrapper-tags .input-tag:focus {outline: 0}
.tags .wrapper-tags .input-tag {
    display: inline-block;
    border: 0;
    padding-left: 5px;
    height: 26px;
    flex-grow: 1;
    width: 50px;
    min-width: 50px;
    font-size: 15px;
    background-color: inherit;
}
.show-count-all {
    margin-top: 10px;
    font-size: 13px;
    overflow: hidden;
    padding: 0 10px;
}
.show-count-all > div span {
    color: #0a72b7;
    font-weight: bold;
    font-family: Arial, sans-serif;
}
.show-count-all > div.max span,
.show-count-all > div.max {
    color: #de1717;
    font-size: 14px;
    -webkit-animation: flash 1s ease-in-out infinite;
    -moz-animation: flash 1s ease-in-out infinite;
    -o-animation: flash 1s ease-in-out infinite;
    animation: flash 1s ease-in-out infinite;
}
@-webkit-keyframes flash {
    0% { opacity: 1 }
    50% { opacity: 0.6 }
    100% { opacity: 1 }
}
@-moz-keyframes flash {
    0% { opacity: 1 }
    50% { opacity: 0.6 }
    100% { opacity: 1 }
}
@keyframes flash {
    0% { opacity: 1 }
    50% { opacity: 0.6 }
    100% { opacity: 1 }
}

.show-count-all .count-character-tag {
    float: left;
}
.show-count-all .count-tags {
    float: right;
}
.tags .btn {
    margin: 20px 0;    
}

.show-all-tags {
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.show-all-tags .show-tags .title {
    color: #666;
    font-size: 18px;
    font-weight: bold;
}
.show-all-tags .show-tags .wrapper-view-tags {
    padding: 10px 10px 10px 20px;
    background-color: #EEE;
    border-radius: 4px;
    position: relative;
}
.show-all-tags .show-tags .wrapper-view-tags .hide-array {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: #c11d1d;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
.show-all-tags .show-tags .tags .tag {
    padding-left: 25px;
}
.show-all-tags .show-tags .tags .tag span {display: inline-block}
.show-all-tags .show-tags .tags .tag .index {
    color: #3498db;
    font-weight: bold;
    width: 40px;
}
.show-all-tags .show-tags .tags .tag .value {
    -webkit-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
/* 
++ DEV
*/
.dev-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  user-select: none;
  position: fixed;
  bottom: 50%;
  left: 30px;
  z-index: 9998;
}
.dev-container .dev {
  position: relative;
  background-color: #FF0000;
  color: #ffffff;
  padding:5px;
  z-index: 9999;
}
.dev-container .dev .dev-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.overlayx {
	background: rgba(0, 0, 0, 0.75);
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease 0.0s;
	z-index: 9000;
}

.modalx {
	background: white;
	margin: 0 auto;
	top: 5%;
	padding: 20px 40px;
	width: 90%;
	height: 90%;
	font-size: 18px;
	position: relative;
	visibility: hidden;
	opacity: 0;
	transition: all 0.1s ease;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 9500;
}

.overlayx.show {
	opacity: 1;
	visibility: visible;
	transition-delay: 0;
}

.overlayx.show .modalx {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-delay: 0.4s;
}

.scmdltxt>img {
	max-width: 100%;
	height: auto;
}

.scmdltxt {
	float: left;
}

.scmdltxt>.nsfw-wrapper>img {
	max-width: 100%;
	height: auto;
}


.mdltext {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 75%;
}

.scmdltxt {
	height: 100%;
	overflow-y: auto;
	display: inline-block;
	padding-right: 17px;
}


.overlayx .modalx .buttons {
	display: flex;
	margin-top: 1rem;
}

.modalx .title {
	text-align: center;
	font-size: 2.4rem;
	line-height: 2.4rem;
}

.modalx .separator {
	background: #ffa500fa;
	width: 150px;
	height: 2px;
	margin: 1rem 0;
	padding: 0;
	text-align: center;
	clear: both;
}

.overlayx .modalx .buttons a,
.overlayx .modalx .buttons a:visited {
	position: relative;
	width: 100%;
	padding: 1rem;
	border: 1px solid #000000;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	font-size: 1rem;
}

.overlayx .modalx .buttons a:hover,
.overlayx .modalx .buttons a:active {
	border: 1px solid #ffa500fa;
	color: #ffa500fa;
	transform: translateY(-2px);
	box-shadow: 0 10px 100px -20px #ffa500fa;
}

.overlayx .modalx .buttons a.cta,
.overlayx .modalx .buttons a.cta:visited {
	background: #ffa500fa;
	border: 1px solid transparent;
	color: #000000;
	font-weight: bold;
}

.overlayx .modalx .buttons a.cta:hover,
.overlayx .modalx .buttons a.cta:active {
	background: transparent;
	border: 1px solid #ffa500fa;
	color: #ffa500fa;
}

.overlayx .modalx .buttons a:first-child {
	margin-right: 1rem;
}


.col-md-12 .heroarrow {
  position: fixed;
  left: 50%;
  margin-left: -20px;
  bottom: 0;
  width: 40px;
  height: 40px;
  opacity: 1;
  z-index: 999;
}
.col-md-12 .heroarrow svg polygon {
	fill: #4a8fd8;
	stroke: #336497;
}
.bouncy {
  -webkit-animation: Weeeeeeeeeee 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: Weeeeeeeeeee 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@-webkit-keyframes Weeeeeeeeeee {
  0% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  11% {
    transform: translate(0, -25px) scaleX(0.8);
    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  20% {
    transform: translate(0, 0px) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  28% {
    transform: translate(0, -10px);
    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  36% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  100% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
}

@keyframes Weeeeeeeeeee {
  0% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  11% {
    transform: translate(0, -25px) scaleX(0.8);
    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  20% {
    transform: translate(0, 0px) scaleY(0.8);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  28% {
    transform: translate(0, -10px);
    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  36% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  100% {
    transform: translate(0, 0px);
    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
}
.note-video-clip {
		position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.zbvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yt-zbe {
    width:100%;
    position:relative!important;
    overflow:hidden;
    cursor:pointer;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.yt-zbe::before {
    content:'';
    width:100%;
    display:block;
    position:relative;
    padding-top:56.25%; /*16:9 ratio*/
    background-color:#000;
}
.yt-zbe-wrap {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:inherit;
}
.yt-zbe-content {
    width:100%;
    height:100%;
    position:relative;
    background-color:#000;
    background-image:var(--yt-zb-img);
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
}
.yt-zbe-playbtn {
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
    background-position:50%;
    background-size:calc(35px + 10%) auto;
    background-repeat:no-repeat;
}

.yt-zbe-playbtn:hover {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
}
.yt-zbe-logo {
    display:block;
    width:30%;
    min-width:95px;
    min-height:22px;
    max-width:215px;
    padding-top:6.8%;
    position:absolute;
    right:4%;
    bottom:4%;
    z-index:2;
    background-position:50%;
    background-size:contain;
    background-repeat:no-repeat;
    opacity:.75;
    transition:opacity .3s;
}
.yt-zbe-logo { 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E");
}
.yt-zbe-logo:hover {
    opacity:1;
    transition:opacity .3s;
}
.yt-zbe iframe {
    width:100%!important;
    height:100%!important;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    border:0;
}