/* Global */

body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background: #fff;
}
#contact-area {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
img {
	max-width: 100%;
}
a:link {
	color: #ec008c;
	text-decoration: none;
}
a:hover {
	color: #f1a3c9;
	text-decoration: none;
}
a:visited {
	color: #ec008c;
	text-decoration: none;
}
#gn-menu li, .gn-menu-main-footer li {
	position: relative;	
}
.gn-menu-main-footer {
	overflow: hidden;	
}
.gn-menu-main a {
	background: #fff;	
	font-family: "nimbus-sans";
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
	padding-left: 60px;
}
.gn-menu-main a:hover {
	background: #fff;
}
.gn-menu-main #navPrimary a {
	font-size: 17px;	
}
.gn-menu-main #navPrimary a:hover {
	background: #e6007e;
}
h4 {
	font-family: "nimbus-sans";
	font-weight: 900;
	color: #542d6c;
	text-transform: uppercase;
	letter-spacing: 3px;	
}
/* Button 1 */
.btn-1 {
	border: 1px solid #fefefe!important;
	color: #fefefe;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
	color: #fefefe;
	background: #ec008c;
	border: 1px solid #ec008c!important;
}

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 100;
	font-size: 0.9em;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 298;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.scroll {
	position: absolute;
	bottom: 24%;
	left: 46.4%;
	color: #fefefe;
	z-index: 298;
	opacity: 1;
	background: rgba(25,25,25,0.6);
}



/* Full Screen Responsive Image */

/* content styles */

.fullscreen-cont,
.fullscreen-img {
    display:block;
    position:relative;
    min-width:100%;
    /*min-height:100%;*/
	background:#fff;
}

.fullscreen-img {
    display:block;
    position:absolute;
    z-index:1;
    background-size:cover;
	background:#fff url('/plugins/BongoMagic/images/loading.gif') center center no-repeat;
    /* background position when .fullscreen-img overflows */
    background-position:50% 50%;
}
.content {
    display:block;
    position:relative;
    z-index:2;
}

@media screen and (max-width: 768px) {
	
	.fullscreen-cont,
	.fullscreen-img {
    	/*min-height:450px;*/
	}	
}

@media screen and (max-width: 360px) {
	
	.fullscreen-cont,
	.fullscreen-img {
    	/*min-height:300px;*/
	}	
}

@media screen and (max-width: 320px) {
	
	.fullscreen-cont,
	.fullscreen-img {
    	/*min-height:200px;*/
	}	
}



/* Motion to Scroll Icon */

.gn-icon-mouse::before {
	content: "\e2f5";
}

.gn-icon span.scroll-text {
	position: relative;
	width: 220px;
	top: -68px;
	overflow: visible;
	left: -45px;	
	background: #ec008c;
	text-transform: uppercase;
}

.scroll a { 
	color: #fefefe; 
	font-weight: bold; 
}

@media screen and (max-width: 1366px) {
	
	.scroll {
	bottom: 15%;
	left: 45.4%;
	}
}

@media screen and (max-width: 1280px) {
	
	.scroll {
		left: 45%;
	}
}

@media screen and (max-width: 1024px) {
	
	.scroll {
		left: 43.3%;
	}
}

@media screen and (max-width: 976px) {

	.scroll {
		display: none!important;
	}
}





/* Fixed Footer */

#footer { 
		position:fixed; 
		left:0; 
		width:100%; 
		z-index:300; 
		height:60px; 
		margin-bottom: 15px;
}

@media screen and (max-width: 1366px) {
	
	#footer {
		height:40px; 
		margin-bottom: 15px;
	}
}

#header { top:0; } #footer { bottom:0; }

.gn-menu-main-footer {
		width: 100%;
		height: 80px;
		font-size: 11px;
}

.gn-menu-main-footer {
		position: relative;
		margin: 0;
		padding: 0;
		background: rgba(25,25,25,0.8);
		color: #fefefe;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height: 75px;
		z-index: 299;
}

.gn-menu-main-footer ul {
		margin: 0;
		background: #ec008c;
		color: #fefefe;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height: 60px;
		text-transform:uppercase;	
}

.gn-menu-main-footer > li.other {
		display: block;
		float: left;
		height: 100%;
		/*border-right: 1px solid #c6d0da;*/
		text-align: center;
		width: 110px;
}

.gn-menu-main-footer > li.other.hide {
		display: none;
}

.first { margin-top: 0px; padding-right: 25px; }

.last { padding-bottom: 60px; }


@media screen and (max-width: 720px) {

	.gn-menu-main-footer > li.hide-this {
		display: none;
	}
	
	.gn-menu-main-footer > li.other.hide {
		display: inline;
		float: none !important;
		margin: 0 auto;
		text-align: center;
	}
	.gn-menu-main-footer > li.other.hide .gn-icon::before {
		position: relative !important;	
		top: auto;
		left: auto;
		margin: 12px 0 0 0;
	}
	.gn-menu-main-footer > li.other.hide .gn-icon span.dwnload-text {
		left: auto;
		top: auto;	
	}
}

.gn-menu-main-footer > li.gn-trigger {
		width: 110px;
}

@media screen and (max-width: 1366px) {
	
	.gn-menu-main-footer > li.other {
		width: 104px;
	}
	.gn-menu-main-footer > li.gn-trigger {
		width: 104px;
	}
}

@media screen and (max-width: 360px) {
	
	.gn-menu-main-footer > li.other {
		width: 120px;
	}
	.gn-menu-main-footer > li.gn-trigger {
		width: 120px;
	}
}

@media screen and (max-width: 320px) {
	
	.gn-menu-main-footer > li.other {
		width: 106px;
	}
	.gn-menu-main-footer > li.gn-trigger {
		width: 106px;
	}
}

.gn-menu-main-footer a {
		display: block;
		height: 100%;
		color: #fefefe;
		text-decoration: none;
		cursor: pointer;
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
}

.gn-menu-main-footer > li:nth-child(2) {  
		float: left;
		border-right: none;
}

@media screen and (max-width: 1366px) {
	
	.gn-menu-main-footer > li:nth-child(2) {
	float: left;
	}
}

.gn-menu-main-footer > li:nth-child(3) {  
		float: right;
		border-right: none;
}

.gn-menu-main-footer > li:nth-child(4) {  
		float: right;
		border-right: none;
}

.gn-menu-main-footer > li:nth-child(5) {  
		float: right;
		border-right: none;
}

.gn-menu-main-footer > li:nth-child(6) {
		float: right;
		border-right: none;
		/*border-left: 1px solid #c6d0da;*/
}

.gn-menu-main-footer > li:last-child {
		float: left;
		border-right: none;
		/*border-left: 1px solid #c6d0da;*/
}

@media screen and (max-width: 1366px) {
	
	.gn-menu-main-footer > li:last-child {
		float: left;
	}
}

@media screen and (max-width: 720px) {

	.gn-menu-main-footer > li:nth-child(6) {
		float: left;
	}

}

.gn-menu-main-footer > li > a {
	padding: 0 5px;
	font-family: "nimbus-sans";
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
}

.gn-menu-main-footer:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper-footer {
		position: fixed;
		top: 80px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 30px;
		border-top: 1px solid #fefefe;
		background: #ec008c;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.no-touch .gn-menu-main-footer a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #ec008c;
		color: white;
}

.gn-menu-main-footer > li {
		display: block;
		float: left;
		height: 100%;
		/*border-right: 1px solid #c6d0da;*/
		text-align: center;
}

.gn-icon span.dwnload-text {
		position: relative;
		width: 200px;
		top: 20px;
		overflow: visible;
		left: -50px;	
}

.gn-icon span.social-text {
		position: relative;
		width: 110px;
		top: 20px;
		overflow: visible;
		left: 0;	
}

@media screen and (max-width: 1366px) {

	.gn-menu-main-footer > li > a {
		padding: 0 2px;
	}

	.gn-menu-main-footer > li > a img { 
  		width: 21px; /* Width of new image */
  		height: 16px; /* Height of new image */
	 }
	 
	 .gn-menu-main-footer {
		 line-height: 50px; 
	 }
}


/* Overlay style */

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.9);
	z-index: 301;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 50px;
	top: 50px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 300;
}

@media screen and (max-width: 1366px) {
	
	.overlay .overlay-close {
	width: 40px;
	height: 40px;
	}
}

/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

/* Overlay Menus Button style */
.overlay-menus {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.9);
	z-index: 500;
}

/* Overlay Menus closing cross */

.overlay-menus .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 50px;
	top: 50px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 300;
}

@media screen and (max-width: 1366px) {
	
	.overlay-menus .overlay-close {
		width: 40px;
		height: 40px;
	}
}

/* Overlay Menu style */
.overlay-menus .overlay-nav {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay-menus ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay-menus ul li {
	display: block;
	height: 20%;
	height: calc(100% / 7);
	min-height: 34px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay-menus ul li a {
	font-size: 54px;
	font-weight: 300;
	display: block;
	color: #fefefe;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

@media screen and (max-height: 1366px) {
	
	.overlay-menus ul li a {
		font-size: 3.5em;
	}
}

@media screen and (max-height: 600px) {
	
	.overlay-menus ul li a {
		font-size: 2em;
	}
}

.overlay-menus ul li a:hover,
.overlay-menus ul li a:focus {
	color: #ec008c;
}

@media screen and (max-height: 30.5em) {
	.overlay .overlay-nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}


/* Overlay Book Button style */
.overlay-book {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(25,25,25,0.9);
	z-index: 301;
}

/* Overlay Menus closing cross */

.overlay-book .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 50px;
	top: 50px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 301;
}

@media screen and (max-width: 1366px) {
	
	.overlay-book .overlay-close {
	width: 40px;
	height: 40px;
	}
}

/* Overlay Menu style */
.overlay-book .overlay-nav {
	text-align: center;
	position: relative;
	top: 55%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay-book ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay-book ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay-book ul li a {
	font-size: 54px;
	font-weight: 300;
	display: block;
	color: #fefefe;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

@media screen and (max-height: 1366px) {
	
	.overlay-book ul li a {
	font-size: 3.5em;
	}
}

@media screen and (max-height: 600px) {
	
	.overlay-book ul li a {
	font-size: 2em;
	}
}

.overlay-book ul li a:hover,
.overlay-book ul li a:focus {
	color: #ec008c;
}




/* Interactive Form Styles */

/* general style for the form */
.nl-form {
	width: 100%;
	margin: 0.3em auto 0 auto;
	font-size: 3em;
	line-height: 1.5;
	color: #fefefe;
}

.nl-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media screen and (max-widths: 1366px) {
	
	.nl-form {
	width: 100%;
	margin: 0.3em auto 0 auto;
	font-size: 2.5em;
	}
}

/* normalize the input elements, make them look like everything else */
.nl-form input,
.nl-form select,
.nl-form button {
	border: none;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
	display: inline-block;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.nl-form input:focus {
	outline: none;
}

/* custom field (drop-down, text element) styling  */
.nl-field {
	display: inline-block;
	position: relative;
}

.nl-field.nl-field-open {
	z-index: 10000;
}

/* the toggle is the visible part in the form */
.nl-field-toggle,
.nl-form input,
.nl-form select  {
	line-height: inherit;
	display: inline-block;
	color: #ec008c;
	cursor: pointer;
	border-bottom: 1px dashed #ec008c;
}

/* drop-down list / text element */
.nl-field ul {
	position: absolute;
	visibility: hidden;
	background: #ec008c;
	left: -0.5em;
	top: 50%;
	font-size: 80%;
	opacity: 0;
	-webkit-transform: translateY(-40%) scale(0.9);
	-moz-transform: translateY(-40%) scale(0.9);
	transform: translateY(-40%) scale(0.9);
	-webkit-transition: visibility 0s 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: visibility 0s 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;
}

.nl-field.nl-field-open ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	-webkit-transition: visibility 0s 0s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: visibility 0s 0s, opacity 0.3s, -moz-transform 0.3s;
	transition: visibility 0s 0s, opacity 0.3s, transform 0.3s;
}

.nl-field ul li {
	color: #fff;
	position: relative;
}

.nl-dd ul li {
	padding: 0 1.5em 0 0.5em;
	cursor: pointer;
	white-space: nowrap;
}

.nl-dd ul li.nl-dd-checked {
	color: #478982;
}

.no-touch .nl-dd ul li:hover {
	background: rgba(0,0,0,0.05);
}

.no-touch .nl-dd ul li:hover:active {
	color: #478982;
}

/* icons for some elements */
.nl-dd ul li.nl-dd-checked:before,
.nl-submit:before,
.nl-field-go:before {
	font-family: "streamline-30px";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.nl-dd ul li.nl-dd-checked:before {
	content: "\e5f5";
	position: absolute;
	right: 1em;
	font-size: 50%;
	line-height: 3;
}

.nl-ti-text ul {
	min-width: 8em;
}

.nl-ti-text ul li.nl-ti-input input {
	width: 100%;
	padding: 0.2em 2em 0.2em 0.5em;
	border-bottom: none;
	color: #fff;
}

.nl-form .nl-field-go {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	cursor: pointer;
	background: rgba(0,0,0,0.1);

	width: 1.8em;
	text-align: center;
	color: transparent;
}

.nl-field-go:before {
	content: "\e5f5";
	font-size: 75%;
	color: #fff;
	width: 100%;
	line-height: 2.5;
	display: block;
}

/* custom placeholder color */
input::-webkit-input-placeholder {
	color: rgba(255,255,255,0.8);
}

input:active::-webkit-input-placeholder ,
input:focus::-webkit-input-placeholder {
	color: rgba(255,255,255,0.2);
}

input::-moz-placeholder {
	color: rgba(255,255,255,0.8);
}

input:active::-moz-placeholder,
input:focus::-moz-placeholder {
	color: rgba(255,255,255,0.2);
}

input:-ms-input-placeholder {  
	color: rgba(255,255,255,0.8);
}

input:active::-ms-input-placeholder ,
input:focus::-ms-input-placeholder {
	color: rgba(255,255,255,0.2);
}

/* example field below text input */
.nl-ti-text ul li.nl-ti-example {
	font-size: 40%;
	font-style: italic;
	font-weight: 400;
	padding: 0.4em 1em;
	color: rgba(0,0,0,0.2);
	border-top: 1px dashed rgba(255,255,255,0.7);
}

.nl-ti-text ul li.nl-ti-example em {
	color: #fff
}

/* submit button */
.nl-submit-wrap {
	margin-top: 0.4em;
}

.nl-form .nl-submit {
	line-height: 3;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	background: #ec008c;
	color: #fefefe;
	padding: 0 1em 0 0;
	font-size: 40%;
	font-weight: bold;
	letter-spacing: 3px;
}

.nl-submit:before {
	content: "\e5f5";
	color: #fefefe;
	float: left;
	padding: 0 0.7em;
	margin: 0 0.8em 0 0;
	background: #f1a3c9;
}

.no-touch .nl-form .nl-submit:hover,
.no-touch .nl-form .nl-submit:active {
	background: #f1a3c9;
}

.no-touch .nl-form .nl-submit:hover:before {
	background: #ec008c;
}

/* overlay becomes visible when a field is opened */

/* Main Content */
.main {
	position: relative;
	max-width: 48em;
	margin: 0 auto;
	top: 30%;
	text-align: left;
}

.main.form {
	position: relative;
	max-width: 45em;
	margin: 0 auto;
	top: 30%;
	text-align: left;
}

@media screen and (max-width: 1366px) {
	.main {
	position: relative;
	max-width: 40em;
	}
}

@media screen and (max-width: 976px) {
	.main {
	position: relative;
	max-width: 50em;
	}
}

@media screen and (max-width: 600px) {
	.main {
	position: relative;
	max-width: 50em;
	}
	#navPrimary li a::before {
		top: 4px !important;
	}
	#navPrimary li a, .gn-menu-wrapper.gn-open-all ul, .gn-menu-wrapper.gn-open-all {
		width: 320px !important;	
	}
}

@media screen and (max-width: 480px) {

	.main.form {
		top: 20%;
		margin-left: 20px;
	}
	
	.main {
		position: relative;
		max-width: 40em;
	}
	#navPrimary li a::before {
		top: 6px !important;
	}
	#navPrimary li a, .gn-menu-wrapper.gn-open-all ul, .gn-menu-wrapper.gn-open-all {
		width: 360px !important;	
	}
}

@media screen and (max-width: 320px) {

	.main.form {
		top: 30%;
	}
	
}

.nl-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 9999;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.3s, opacity 0.3s;
	-moz-transition: visibility 0s 0.3s, opacity 0.3s;
	transition: visibility 0s 0.3s, opacity 0.3s;
}

.nl-field.nl-field-open ~ .nl-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

@media screen and (max-width: 1366px) {
	.nl-form {
		font-size: 2.3em;
		width: 75%;
	}
}

@media screen and (max-width: 480px) {
	.nl-form {
		font-size:1.8em;
	}
}

@media screen and (max-width: 320px) {
	.nl-form {
		font-size:1.4em;
	}
	#navPrimary li a::before {
		top: 6px !important;
	}
	#navPrimary li a, .gn-menu-wrapper.gn-open-all ul, .gn-menu-wrapper.gn-open-all {
		width: 320px !important;	
	}
	
}


/* General Slides */ 

.wrap-content {
	position: relative;
	width:100%;
	margin: 0 auto;
	padding:60px 0;
	text-align: center;
	max-width: 1920px;
}

.wrap-content.mid {
	padding-bottom: 35px;
}

.wrap-content.mid h1 {
	line-height: 22px;
}

@media screen and (max-width: 480px) {
	
	.wrap-content {
		padding:40px 0;
		padding-top: 20px;
		padding-bottom: 15px;
	}
}

.wrap-content.remove { padding-top: 0; }

.wrap-content.remove-bottom { padding-top: 0; padding-bottom: 20px; }

.wrap-content h1 {
	font-size: 1.5em;
	line-height: 0px;
	color:#532D6D;
	font-family: "nimbus-sans";
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.wrap-content p {
	font-size: 1em;
	line-height: 22px;
	color:#6d6e70;
	font-weight: 100;
	padding: 0 67px 0 67px;	
}

@media screen and (max-width: 800px) {
	
	.wrap-content h1 {
		font-size: 1.2em;
	}
	
	.wrap-content p {
		padding: 0;	
	}
	
	#navPrimary li a::before {
		top: 15px !important;
	}
	#navPrimary li a, .gn-menu-wrapper.gn-open-all ul, .gn-menu-wrapper.gn-open-all {
		width: 320px !important;	
	}
	
}

@media screen and (max-width: 530px) {
	
	.wrap-content h1 {
		font-size: 1em;
		line-height: 5px;
	}
	
	.wrap-content p {
		font-size: 0.75em;
		line-height: 18px;
		color:#6d6e70;
		font-weight: 100;	
	}
	
	.wrap-content.remove-bottom { padding-top: 20px; }
}


/*
==============================================
Component - Navigation
==============================================
*/


*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

/* Icomoon.com */

.gn-menu-main,
.gn-menu-main ul#navPrimary {
		margin: 0;
		padding: 0;
		background: #fff;
		color: #fefefe;
		list-style: none;
		text-transform: none;
		font-weight: 100;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height: 45px;
		text-transform:uppercase;
		
}

.gn-menu-main {
		margin: 0;
		padding: 0;
		background: rgba(25,25,25,0.8);
		color: #fefefe;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height: 70px;
		z-index: 299;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		font-size: 11px;
}

@media screen and (max-width: 1366px) {
	
	.gn-menu-main {
		line-height: 50px
	}
	
	.gn-menu-main {
		height: 55px;
	}
	
	.gn-menu-main {
		line-height: 50px
	}
	.gn-menu-main ul#navPrimary {
		line-height: 45px
	}
}

@media screen and (max-width: 800px) {

	.gn-menu-main ul#navPrimary {
		line-height: 45px
	}
	
}

@media screen and (max-width: 600px) {

	.gn-menu-main ul#navPrimary {
		line-height: 45px
	}
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #542d6e;
		text-decoration: none;
		cursor: pointer;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #f1a3c9;
		color: white;
}

.no-touch .gn-menu-main a.change:hover {
	background: #ec008c;
}

/* Book Btn width */

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		/*border-right: 1px solid #c6d0da;*/
		text-align: center;
		width: 200px;
}

.gn-menu-main > li.xmas { width: 120px; }
.gn-menu-main > li.xmas .gn-icon span.book-text { left: -44px; }
.gn-menu-main > li.xmas > a.book-btn { background: #fe436e; }
.gn-menu-main > li.xmas > a.book-btn:hover { background: #fe577d; }

.gn-menu-main > li.mailing-list { width: 120px; }
.gn-menu-main > li.mailing-list .gn-icon span.book-text { left: -44px; }
.gn-menu-main > li.mailing-list > a.book-btn { background: #fff; }
.gn-menu-main > li.mailing-list > a.book-btn:hover { background: #ec008c; }

@media screen and (max-width: 1366px) {
	
	.gn-menu-main > li.xmas .gn-icon span.book-text, .gn-menu-main > li.mailing-list .gn-icon span.book-text { left: 0px; }
	
	.gn-menu-main > li.xmas, .gn-menu-main > li.mailing-list { width: 104px; float: right; }
	
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 200px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.contain-logo { 
		position: fixed; 
		margin: 0 auto;
		text-align: center;
		padding-top: 33px;
		left: 45.5%;
		z-index: 300;
		top: 0;
}

/* XMAS BUTTON */




@media screen and (max-width: 1440px) {
	.contain-logo { 
		left: 44%;
		top: 0;
	}
.gn-icon-book::before {
    background: transparent url("../svg/book.svg") no-repeat scroll 0 0px / 32px 32px !important;
	top: 12px !important;
}
.gn-icon-book:hover::before {
    background: transparent url("../svg/book-hover.svg") no-repeat scroll 0 0px / 32px 32px !important;
	top: 12px !important;
}
}

@media screen and (max-width: 1366px) {
	
	.contain-logo { 
		padding-top: 20px;
		top: 0;
	}
	
}

@media screen and (max-width: 1024px) {
	
	.contain-logo { 
		left: 41.5%;
		padding-top: 20px;
		top: 0;
	}
	
}

@media screen and (max-width: 800px) {
	
	.contain-logo { 
		left: 38.5%;
		padding-top: 20px;
		top: 0;
	}
	
}

@media screen and (max-width: 530px) {
	
	.contain-logo { 
		display: none;
	}
	
}

.gn-menu-main > li:nth-child(2){
		float: right;
		border: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border: none;
}

.gn-menu-main > li > a {
		padding: 0 5px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
}


@media screen and (max-width: 1366px) {
	
	.gn-menu-main > li > a {
		padding: 0 2px;
	}
}


.gn-menu-main > li > a.book-btn {
		background: #ec008c;
}
.gn-menu-main > li > a.book-btn:hover {
		background: #fff;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 80px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		/*border-top: 1px solid #fefefe;*/
		background: #fff;
		-webkit-transform: translate3d(-60px, 0px, 0px);
		-moz-transform: translate3d(-60px, 0px, 0px);
		transform: translate3d(-60px, 0px, 0px);
		/*** Changue translateX(-60px) for translate3d(-60px, 0px, 0px) */
		/* -webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px); */
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
}

.gn-menu {
		text-align: left;


		font-size: 16px;
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #5f6f81;
		font-weight: 300;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: #5f6f81
}

.gn-search:-moz-placeholder {
		color: #5f6f81
}

.gn-search::-moz-placeholder {
		color: #5f6f81
}

.gn-search:-ms-input-placeholder {
		color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 80px;
}

.gn-menu li a::before, .gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: "streamline-30px";
		font-size: 23px;
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

#navPrimary li a::before {
	display: inline-block;
    content: "";
    width: 32px;
    height: 32px;
	background-size:  32px 32px;
	position: absolute;
	top: 18px;
	left: 15px;
}
#navRooms a::before {
    background: transparent url('../svg/r.svg') no-repeat;
}
.gn-icon::before {
	display: inline-block;
    content: "";
    width: 32px;
    height: 32px;
	background-size:  32px 32px;
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: -12px;
}

	#navPrimary li a::before {
		top: 7px !important;
	}
	#navPrimary li a, .gn-menu-wrapper.gn-open-all ul, .gn-menu-wrapper.gn-open-all {
		width: 320px !important;	
	}

.gn-icon.interface::before { 
	font-size: 25px!important; 
	line-height: 2!important;

 }

@media screen and (max-width: 1366px) {
	
	.gn-icon.interface::before { font-size: 18px!important; line-height: 2!important; }
	.gn-icon::before { font-size: 18px!important; }
	
	.gn-menu-main > li {
		width: 104px;
	}
	
	.gn-menu-main > li.xmas {
		width: 104px!important;
	}
	.gn-menu-main > li.mailing-list {
		width: 104px!important;
	}
	.gn-menu-main li.gn-trigger {
		width: 104px;
	}
	.gn-icon-book::before {
		background: transparent url('../svg/book.svg') no-repeat 0 2px;
		background-size: 26px 26px !important;
		top: 7px !important;
	}
	.gn-icon-book:hover::before {
		background: transparent url('../svg/book-hover.svg') no-repeat 0 2px;
		background-size: 26px 26px !important;
		top: 7px !important;
	}
	.gn-icon-mail::before {
		background: transparent url('../svg/menus.svg') no-repeat 0 2px;
		background-size: 26px 26px !important;
		top: 7px !important;
	}
	.gn-icon-mail:hover::before {
		background: transparent url('../svg/menus-hover.svg') no-repeat 0 2px;
		background-size: 26px 26px !important;
		top: 7px !important;
	}
	.gn-menu-wrapper { top: 55px; }

	
}




/* All Icons */
#navPrimary li {
	position: relative;	
}
#navPrimary li a::before {
	display: inline-block;
    content: "";
    width: 32px;
    height: 32px;
	background-size:  32px 32px;
	position: absolute;
	top: 18px;
	left: 15px;
}
#navBookNow a::before {
		content: "\e44d";
}

.gn-icon-book-rooms::before {
		content: "\e48c";
}

.gn-icon-book-xmas::before {
	content: "\e3c3";
	background-size: 26px 26px;
	top: 3px;
	margin-left: -14px;
}
.gn-icon-book::before {
    background: transparent url('../svg/book.svg') no-repeat 0 0px;
	background-size: 32px 32px;
	top: 12px;
}
.gn-icon-book:hover::before {
    background: transparent url('../svg/book-hover.svg') no-repeat 0 0px;
	background-size: 32px 32px;
	top: 12px;
}

#navRooms a::before {
    background: transparent url('../svg/r.svg') no-repeat;
}

li#navRooms a:hover::before {
    background: transparent url('../svg/r-hover.svg') no-repeat;
}
#navRestaurant a::before {
    background: transparent url('../svg/r.svg') no-repeat;
}
li#navRestaurant a:hover::before {
    background: transparent url('../svg/r-hover.svg') no-repeat;
}

#navBar a::before {
    background: transparent url('../svg/bar.svg') no-repeat;
}
li#navBar a:hover::before {
    background: transparent url('../svg/bar-hover.svg') no-repeat;
}

#navGiftExperiences a::before {
    background: transparent url('../svg/gallery.svg') no-repeat;
}
li#navGiftExperiences a:hover::before {
    background: transparent url('../svg/gallery-hover.svg') no-repeat;
}

#navOffers a::before {
    background: transparent url('../svg/offers.svg') no-repeat;
}
li#navOffers a:hover::before {
    background: transparent url('../svg/offers-hover.svg') no-repeat;
}
#navEvents a::before {
    background: transparent url('../svg/events.svg') no-repeat;
}
li#navEvents a:hover::before {
    background: transparent url('../svg/events-hover.svg') no-repeat;
}

#navBlog a::before, .gn-icon-blog::before {
    background: transparent url('../svg/blog.svg') no-repeat;
}
li#navBlog a:hover::before {
    background: transparent url('../svg/bar-hover.svg') no-repeat;
}

#navJoinTheTeam a::before, .gn-icon-blog::before {
    background: transparent url('../svg/join.svg') no-repeat;
}
li#navJoinTheTeam a:hover::before {
    background: transparent url('../svg/join-hover.svg') no-repeat;
}
.gn-icon-dwnload::before {
    background: transparent url('../svg/menu.svg') no-repeat;
}
.gn-icon-dwnload:hover::before {
    background: transparent url('../svg/menu-hover.svg') no-repeat;
}
.gn-icon-social::before {
    background: transparent url('../svg/blog-bottom.svg') no-repeat;
}
.gn-icon-social:hover::before {
    background: transparent url('../svg/blog-bottom-hover.svg') no-repeat;
}
.gn-icon.instagram::before {
    background: transparent url('../svg/instagram.svg') no-repeat;
}
.gn-icon.instagram:hover::before {
    background: transparent url('../svg/instagram-hover.svg') no-repeat;
}
.gn-icon.facebook::before {
    background: transparent url('../svg/facebook.svg') no-repeat;
}
.gn-icon.facebook:hover::before {
    background: transparent url('../svg/facebook-hover.svg') no-repeat;
}
.gn-icon.twitter::before {
    background: transparent url('../svg/twitter.svg') no-repeat;
}
.gn-icon.twitter:hover::before {
    background: transparent url('../svg/twitter-hover.svg') no-repeat;
}
.gn-icon.tripadvisor::before {
    background: transparent url('../svg/tripadvisor.svg') no-repeat;
}
.gn-icon.tripadvisor:hover::before {
    background: transparent url('../svg/tripadvisor-hover.svg') no-repeat;
}
.gn-icon-mail::before {
    background: transparent url('../svg/menus.svg') no-repeat;
	top: 12px;
}
.gn-icon-mail:hover::before {
    background: transparent url('../svg/menus-hover.svg') no-repeat;
}
.gn-icon.tripadvisor span.social-text {
	width: 150px;
}
.gn-icon-social-conx::before {
    background: transparent url('../svg/social.svg') no-repeat;
}
.gn-icon-social-conx:hover::before {
    background: transparent url('../svg/social-hover.svg') no-repeat;
}

li#navHome a::before {
    background: transparent url('../svg/home.svg') no-repeat;
}
li#navHome a:hover::before {
    background: transparent url('../svg/home-hover.svg') no-repeat;
}
li#navMenus a::before {
    background: transparent url('../svg/menus.svg') no-repeat;
}
li#navMenus a:hover::before {
    background: transparent url('../svg/menus-hover.svg') no-repeat;
}
li#navGallery a::before {
    background: transparent url('../svg/gallery.svg') no-repeat;
}
li#navGallery a:hover::before {
    background: transparent url('../svg/gallery-hover.svg') no-repeat;
}
.gn-icon-left-arrow::before {
		content: "\e606";
}

.gn-icon-right-arrow::before {
		content: "\e607";
}



/* if an icon anchor has a span, hide the span */

.gn-icon span.menu-text {
		position: relative;
		width: 200px;
		top: -48px;
		overflow: visible;
		left: -4px;	
}

@media screen and (max-width: 1366px) {
	
	.gn-icon span.menu-text {
		left: -2px;	
	}
	
	.grid_4 { margin-top: 20px; }
	
}

@media screen and (max-width: 1366px) {
	
	.gn-icon span.menu-text {
		left: -48px;	
	}
	
}

.gn-icon span.book-text {
		position: relative;
		width: 200px;
		top: 22px;
		overflow: visible;
		left: 0px;	
		background: #ec008c;
		color: #fff;
}
.gn-icon.gn-icon-mail span.book-text {
	color: #542d6e;
}
.gn-icon.gn-icon-mail:hover span.book-text {
	color: #fff !important;
}
.gn-icon.gn-icon-book:hover span.book-text {
		color: #542d6e !important;
}
.gn-menu-main > li.xmas, .gn-menu-main > li.mailing-list {
    width: 200px;
	float: right;
	display: block;
}
.gn-menu-main > li.xmas .gn-icon span.book-text, .gn-menu-main > li.mailing-list .gn-icon span.book-text {
	left: 0;
}

@media screen and (max-width: 1366px) {
	
	.gn-icon span.menu-text {
		font-size: 10px;
		top: -32px;
	}
	.gn-icon span.book-text {
		font-size: 10px;
		top: 18px;
		width: 104px;
	}
	.gn-icon span.dwnload-text {
		font-size: 10px;
		top: -35px;
	}
	.gn-icon span.social-text {
		font-size: 10px;
		top: -35px;
	}	
	
}

@media screen and (max-width: 360px) {

	.gn-icon span.dwnload-text {
		left: -40px;
	}
	.gn-icon span.book-text {
		left: -1px;	
	}
	
	.gn-menu-main > li.mailing-list {
		display: none;	
	}
}

@media screen and (max-width: 320px) {

	.gn-icon span.dwnload-text {
		left: -48px;
	}
	.gn-icon span.book-text {
		left: -1px;	
	}
	.gn-menu-main > li.mailing-list {
		display: none;	
	}
}

a.position-logo { 
		margin: 0 auto; 
		padding: 15px; 
		text-align: center; 
}

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #fefefe;
		box-shadow: 0 3px #191919, 0 -6px #fefefe, 0 -9px #191919, 0 -12px #fefefe;
		content: '';
		display: none;
}

.gn-icon-menu.book-btn::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #fefefe;
		box-shadow: 0 3px #ec008c, 0 -6px #fefefe, 0 -9px #ec008c, 0 -12px #fefefe;
		content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: #fefefe;
		box-shadow: 0 3px #ec008c, 0 -6px white, 0 -9px #ec008c, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
		background: #fefefe;
		box-shadow: 0 3px #191919, 0 -6px #fefefe, 0 -9px #191919, 0 -12px #fefefe;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 300px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}

@media screen and (max-width: 1024px) {
	
	.gn-menu-wrapper {
		top: 55px;
	
	}
}

@media screen and (max-width: 422px) { 
	
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 225px;
	}
	
		.gn-menu-wrapper.gn-open-all ul {
			width: 223px;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}



/* More Btn Styles */

a.link {
	border: 1px solid #ec008c;
	padding: 2px 14px 2px 14px;
	text-transform: uppercase;
	color: #ec008c;
	font-size: 12px;
}

a.link:hover {
	background: #ec008c;
	color: #fefefe;
}


/* Home Offers Squares */

.offers-home {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.offers-home li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
}

.offers-home li a,
.offers-home li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.offers-home li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.offers-home li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(25,25,25,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	display: -webkit-inline-box;
	/* Fix for Mob Safari */
    -webkit-box-pack: center;
    -webkit-box-align: center;
	-webkit-align-items: center;
	
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 1;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;

}

.offers-home li a div:hover {
	opacity: 0;
}

.offers-home li h2 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	padding: 0 10px;
	margin: 0;
}

@media screen and (max-width: 1366px) {
	
	.offers-home li h2 {
		font-size: 1.3em;
	}	
}

@media screen and (max-width: 800px) {
	
	.offers-home li h2 {
		font-size: 1em;
	}	
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.offers-home li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 945px) {
	.offers-home li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 660px) {
	.offers-home li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 480px) {
	.offers-home li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 300px) {
	.offers-home li {
		width: 100%;
	}
}

.contact-sqr { 	
	position: relative;
	border: 2px solid #ec008c; 
	width: 150px;
	height: 150px;
	margin: 0 auto;
	color: #ec008c;
	filter:alpha(opacity=60); 
	opacity:0.6;
}

@media screen and (max-width: 480px) {
	
	.contact-sqr {
		margin-bottom: 14px;
	}
}

.contact-sqr:hover { 	
	filter:alpha(opacity=100); 
	opacity:1;
}

.contact-sqr a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 32%;
	left: 0;
	right: 0;
	bottom: 0;
	color: #ec008c;
}

.contact-sqr .gn-icon::before {
	font-size: 60px!important;
}

.gn-icon-email::before {
		content: "\e118";
}

.gn-icon-location::before {
		content: "\e398";
}

.gn-icon-call::before {
		content: "\e0ec";
}

ul.foot-copy { padding-bottom: 6px; }

ul.foot-copy li { display: inline; padding-right: 8px; }

ul.foot-copy li a { color: #6d6e70; font-size: 12px; text-transform: uppercase; }

ul.foot-copy li a:hover { color: #ec008c; }

.foot p { margin: 2px 0; font-size: 10px; line-height: 14px; }

@media screen and (max-width: 480px) {

	ul.foot-copy li a { font-size: 9px; }

}


/* Tooltip */

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 3px; 
	border: 1px solid #ec008c;
	background: #ec008c;
	color: #fefefe!important;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	line-height: 25px;
	padding: 10px 25px;
	overflow: hidden;
	color: #fefefe!important;
	text-align: center;
	text-transform:uppercase;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

.tooltipster-default .tooltipster-content a:link {
	color: #fefefe;
	text-decoration: none;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.tooltipster-default .tooltipster-content a:hover {
	color: #fefefe;
	text-decoration: none;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.tooltipster-default .tooltipster-content a:visited {
	color: #fefefe;
	text-decoration: none;
}



/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* Overlay Menus closing cross */


.wrap-content.bedrooms {
	padding-top: 140px;
	padding-bottom: 80px;
}

.wrap-content.bedrooms.top {
	padding-bottom: 40px;
}

@media screen and (max-width: 1366px) {
	.wrap-content.bedrooms {
		padding-top: 100px;
	}
}

@media screen and (max-width: 768px) {
	
	.wrap-content.bedrooms {
		padding-top: 100px;
	}	
	
	.gn-menu-main > li.mailing-list {
		display: none;	
	}
	
}

@media screen and (max-width: 600px) {
	
	.wrap-content.bedrooms {
		padding-top: 80px;
		padding-bottom: 40px;
	}	
	
}


/* Rooms page grid */

.offers-home.bedrooms li {
	width: 33.33%;	
	float: left;
	height: 100%;
	text-align: center;
}

@media screen and (max-width: 976px) {
	.offers-home.bedrooms li {
		width: 50%; /* Fallback */
	}
}

@media screen and (max-width: 480px) {
	.offers-home.bedrooms li {
		width: 100%;
	}
}



/* INFO PAGE - Blog post */

.gn-icon.info::before {
	width: 40px;
	font-size: 16px;	
}

.contain-blog-btns {
	margin-bottom: 15px;
}

.contain-blog-btns h1 {
	font-size: 1.5em;
	line-height: 25px;
	margin:0;
}

@media screen and (max-width: 600px) {
	
	.contain-blog-btns h1 {
		font-size: 1.2em;
	}

}

.contain-blog-btns ul li {
	list-style: none;
	display:inline;
}

.contain-blog-btns ul li.last {
	padding: 0;
}

.contain-blog-btns ul li a {
	color: #6d6e70;
	font-size: 12px;
}

.contain-blog-content p.copy-tag { font-size: 0.65em; text-align: center; margin: 0; }

.contain-blog-content h2 { 
	font-size: 0.8em; 	
	font-family: "nimbus-sans";
	font-weight: 900;
	color: #542d6c;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.contain-blog-content p { text-align: left; }

ul.dynamic-btns li {
	list-style: none;
	display:inline;
	padding-right: 20px;
	font-size: 0.8em;	
}

.arrows { padding: 20px 0 60px 0; }

.gn-icon.left { float: left; cursor: pointer; }
.gn-icon.right { float: right; cursor: pointer; }

@media screen and (max-width: 480px) {
	
	.contain-blog-btns ul li {
	list-style: none;
	display:inline;
	padding-right: 5px;
	}
	.gn-icon.info::before {
	width: 20px;
	font-size: 14px!important;	
	}	
}

/* INFO PAGE - All other pages (template) */

.dynamic-btns h3 { 
	font-size: 0.9em; margin: 2em 0 0.5em 0; 	
	font-family: "nimbus-sans";
	font-weight: 900;
	color: #542d6c;
	text-transform: uppercase;
	letter-spacing: 3px;
 }

ul.dynamic-btns.info li { padding-right: 5px; }

ul.dynamic-btns a { padding-right: 5px; }
.cbp-l-caption-text {
    text-align:center;
}

/* GIF play stop css */

.gifs li a {
  position:relative;
  display: block;
}
.gif-preload{
  display:none;
}
.gif-loading {
  position:absolute;
  width:40px;
  height:40px;
  font-size: 40px;
  color:#fff;
  top:0;
  left:0;
}

#cookie-bar {background:rgba(25,25,25,0.9); height:40px; line-height:25px; color:#eeeeee; text-align:center; padding:8px 0; position:relative;}
#cookie-bar.fixed {position:fixed; top:80px; left:0; width:100%; z-index: 100;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#ec008c;}
#cookie-bar .cb-enable:hover {background:#f1a3c9;}
#cookie-bar .cb-disable {background:#ec008c;}
#cookie-bar .cb-disable:hover {background:#f1a3c9;}
#cookie-bar .cb-policy {background:#ec008c;}
#cookie-bar .cb-policy:hover {background:#f1a3c9;}

@media screen and (max-width: 1366px) {
	
	#cookie-bar.fixed {position:fixed; top:55px; left:0; width:100%; z-index: 100;}
	
}

@media screen and (max-width: 600px) {

#cookie-bar p { font-size: 9px; }
.fullscreen-cont, .fullscreen-img {
	/*min-height: 300px;	*/
}
}

.cbp-l-grid-blog-desc p { padding: 0; }

.contain-blog-content p { padding: 0; }
.img-responsive { 
	width: 100%;
    display: block;
    height: auto;
    max-width: 100%;
}

	/* homepage carousel */
html, body {
	height: 100%;
}
.owl-carousel.homepage .owl-wrapper-outer {
	height: 100% !important;    
}
.slide-1, .slide-2, .slide-3, .slide-4 {
	height: 100%;   
}
.owl-item {
	height: 100%;
}
.owl-carousel.homepage.owl-theme .owl-controls{
	display: none !important;
}
.slide {
	position: relative;
	height: 100%!important;
	background-size: cover;
	display: block;
}
#viewport {
	position: relative;
	width: 100%;
	height: 100%;    
	display: block;
    min-height: 100%;
    min-width: 100%;
}