.header { background-color:#0e0e10; background:rgba(14, 14, 16, 0.5); border-bottom:5px solid #FFF; text-align:right; z-index:700; position:fixed; top:0; left:0; width:100%;}
.header .center { margin:0 50px;}
#logo { position:absolute; left:0px; top:15px; z-index:610; width:auto; height:192px;font-size:0;}
#logo img { display: inline-block; vertical-align: bottom; }
.header-language, .header-call-to-actions, .header-locations, .header-social-icons, .header-fidelitycard { float:right; position:relative;}
.header-language { width:50px;}

.current-language { font-size:12px; color:#FFF; background-color:#383b43; text-align:center; text-transform:uppercase; min-height:58px; line-height:58px; cursor:pointer;}
.current-language span { display:inline-block; vertical-align:middle; line-height:14px;transition: all 0.2s;}
.current-language span i {display:block;}
.current-language:hover i { margin-top:4px;transition: all 0.2s;}
.lang-inline { display:none; position:absolute; right:0; width:50px; text-align:center; font-size:12px; background-color:#2c2f36; line-height:12px; margin:0; padding:0; list-style-type:none;}
.lang-inline li, .lang-inline a { display:block; margin:0; padding:0; list-style-type:none; text-decoration:none; text-transform:uppercase; color:#FFF;}
.lang-inline a { margin:5px 0; padding:5px 0;}

.header-call-to-actions { overflow:hidden;}
.header-call-to-actions ul {display:block; overflow:hidden; margin:0; padding:0;}
.header-call-to-actions li { display:block; float:left; background-color:#2c2f36;min-height:58px; line-height:58px; text-align:center;}
.header-call-to-actions li:first-child { background-color:#e50051;}
.header-call-to-actions a { display:inline-block; font-size:12px; color:#FFF; text-transform:uppercase; text-decoration:none; padding:0 13px; line-height:140%; vertical-align:middle;transition: all 0.2s;}
.header-call-to-actions a:after { content:" "; text-indent:-99999em; display:block; width:100%; height:1px; margin-top:0px;}
.header-call-to-actions a:hover:after { background-color:#FFF; margin-top:4px;transition: all 0.2s;}

.header-fidelitycard a { display: block;}
.header-fidelitycard img  { display: block; margin: 4px;}

.header-cristalli { float: right; margin: 0 10px; padding: 4px;}
.header-cristalli img { display: block;}

.header-locations { font-size:12px; color:#FFF; background-color:#0e0e10; text-align:center; text-transform:uppercase; min-height:58px; line-height:58px; cursor:pointer; padding:0 13px;}
.header-locations a { display:inline-block; vertical-align:middle; line-height:14px;transition: all 0.2s; text-decoration:none; color:#FFF;}
.header-locations a i { display:block; margin-top:5px; font-size:16px;}

.header-social-icons, .nav-social-icons { padding:0 13px;}

.header-social-icons ul, .nav-social-icons ul {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0;
	min-height: 58px;
	/*line-height: 58px;*/
}
.nav-social-icons li.an,
.header-social-icons li.an {
	font-size: 30px;
}
.header-social-icons li, .nav-social-icons li { display:inline-block; margin:0; padding:0; font-size:14px; line-height:14px; margin:5px; vertical-align:middle;}
.header-social-icons li a, .nav-social-icons li a { display:block; padding:5px; color:#FFF;}
.nav-social-icons { padding:0; text-align:right; margin-right:-5px;}

.nav-social-icons li { margin:5px 0 5px 15px;}
.nav-social-icons li a { color:#2c2f36;}

.mobile-menu-button { position:fixed;right:50px;top:89px; background-color:#6de1da;width: 40px;height: 56px;padding: 18px 20px 18px 15px; z-index:610;transition: all 0.2s;}
.mobile-menu-button:before {display:block;position:absolute; top:0; left:-23px;content:"";width: 0;height: 0;border-top: 92px solid #6de1da;border-left: 23px solid transparent;}
.mobile-menu-button.scrolling-fade-out { opacity:0.1;}
.mobile-menu-button:hover {opacity:1!Important;}
body:not(.open) .scrolling-fade-out-body { opacity:0.2;}

.navigation-checkbox {display: none;}
.navigation-toggle {width: 40px;height: 40px;display: block;position: relative;cursor: pointer;}
.navigation-toggle-label {font-weight: bold;font-size: 14px;color: #0e0e10;text-align: center;display: block;text-transform: uppercase;position: relative;bottom: -20px;}
.navigation-toggle-icon {border-bottom: 6px solid #0e0e10;padding-top: 17px;display: block;}
.navigation-toggle-icon:before,.navigation-toggle-icon:after {border-top: 6px solid #0e0e10;content: "";position: absolute;left: 0;right: 0;}
.navigation-toggle-icon:before {top: 4px;}
.navigation-toggle-icon:after {bottom: 4px;}
.navigation-toggle-icon,.navigation-toggle-icon:before,.navigation-toggle-icon:after {-webkit-transition-property: -webkit-transform, border-color;-moz-transition-property: -moz-transform, border-color;transition-property: transform, border-color;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;transition-duration: 0.25s;-webkit-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);-moz-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);}
.navigation-toggle-icon {-webkit-transition-delay: 0.125s;-moz-transition-delay: 0.125s;transition-delay: 0.125s;}
.navigation-toggle-icon:before,.navigation-toggle-icon:after {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;transform-origin: center;}
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:before,.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:after {-webkit-transition-delay: 0.125s;-moz-transition-delay: 0.125s;transition-delay: 0.125s;}
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:before {-webkit-transform: translateY(13px) rotate(135deg);-moz-transform: translateY(13px) rotate(135deg);-ms-transform: translateY(13px) rotate(135deg);-o-transform: translateY(13px) rotate(135deg);transform: translateY(13px) rotate(135deg);}
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon {border-color: transparent;}
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:after {-webkit-transform: translateY(-13px) rotate(-135deg);-moz-transform: translateY(-13px) rotate(-135deg);-ms-transform: translateY(-13px) rotate(-135deg);-o-transform: translateY(-13px) rotate(-135deg);transform: translateY(-13px) rotate(-135deg);}

.nav { position:fixed; z-index:500;} /*   height: 100%; overflow:auto; */
.nav-content { position:relative;}
.nav-background { background:#72d6ce url(../img/navbg.png) no-repeat center center; background:rgba(114, 214, 206, 0.95) url(../img/navbg.png) repeat top left; position:absolute;}
.rotate-menu {  -webkit-transform: rotate(-14.5deg);-moz-transform: rotate(-14.5deg);-ms-transform: rotate(-14.5deg);-o-transform: rotate(-14.5deg);transform: rotate(-14.5deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}
.mobile-menu-layer { display:none; position:fixed; top:0; right:240px; width:100%; height:100%; cursor:pointer; z-index:1000;}
#mainnav { font-size:14px; text-align:right; margin:0; padding:0; line-height:14px;}
#mainnav li { margin:0; padding:0; display:block; border-bottom:1px dashed #1f2125;}
#mainnav li:last-child { border-bottom:none;}
#mainnav a { color:#1f2125; text-decoration:none; text-transform:uppercase; padding:12px 0; margin:12px 0; display:block;}
#mainnav a:hover { text-decoration:underline;}
#mainnav ul { display:none; margin:0; padding:0;}
#mainnav li.parent.active > a, #mainnav li.showHover > a { color:#e50051;}
#mainnav li.parent.active > ul { display:block;}
#mainnav li.parent.active.hideActive > ul { display:none;}
#mainnav li.parent.active.hideActive > a { color:#1f2125;}
#mainnav li.showHover > ul { display:block;}
#mainnav li ul { margin:0 0 20px 0;}
#mainnav li li { border:none;}
#mainnav li li a { font-style:italic; padding:2px 0; margin:2px 0;}
#mainnav li.parent > a:after {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);content: "\f107"; box-sizing:border-box; margin-left:8px;}
#mainnav li.parent.showHover > a:after, #mainnav li.parent.active > a:after {  content: "\f105";}

/* menu position */
.nav { top:0; right:-600px;  height:100%;width:380px;transition: all 0.6s ease;}
.nav.open { right:0;transition: all 0.6s ease;}
.nav-content { padding:190px 20px 0 80px; width:250px; overflow-x: hidden; overflow-y:auto;}
.nav-background { width:200%; height:200%; margin-left:-200px;}

.homepagemessage { padding: 50px;}
.rounded-shadow { display: block; border-radius: 50%; box-shadow: 2px 3px 6px rgba(0,0,0,0.4);-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);transition: .3s ease-in-out;}
.rounded-shadow:hover {-webkit-transform: rotate(15deg) scale(1.1);transform: rotate(15deg) scale(1.1);-webkit-transition: .3s ease-in-out;}
.scroll-down-icon { width: 50px; height: 50px; background: url('../img/scroll.png') no-repeat; display: block; left: 50%; margin-left: -25px; text-indent: -9999em; cursor: pointer; padding: 15px;}
.scroll-down-icon:hover { opacity: 0.75;}

body.ie .slogan { background-color: #FFF; background-color: rgba(255,255,255,0.8); padding: 20px;}

@media screen and (max-width:1150px) {
	.header-social-icons li.nl { display:none;}
}
@media screen and (max-width:1050px) {
	.header .center { margin:0;}
	#logo { left:50px;}
	.mobile-menu-button {right: 20px;top: 89px;}

	.nav { width:350px;}
}
@media screen and (max-width:900px) {
	.header-locations { display:none; }	
}
@media screen and (max-width:750px) {
	/* mobilemenu */
	
	.header-call-to-actions, body, .header, .nav, .nav.open, .nav-background, body.open, .header.open {transition: all 0.3s ease;}
	body.open, .header.open { left:-240px;}
	.nav { width:240px; overflow:hidden;}
        .header-call-to-actions li:first-child { width: 100%; display: block;}
        .menu-booking-button { display: none;}
	.nav-background { left:0; top:0; margin:0; width:200%; height:200%; position:absolute;box-shadow: inset 4px 0px 18px rgba(44, 47, 54, 0.5);}
	.rotate-menu {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
	.nav-content { padding:180px 20px 0 20px; width:auto; height:100%; box-sizing:border-box; overflow:auto;}
	.header-call-to-actions { position:fixed; top:0; right:-240px; width:240px; background-color:#2c2f36;}
	.header-call-to-actions a { padding:0 6px; font-size:11px;}
	.header-call-to-actions.open { right:0;}
	.header-call-to-actions li { display:inline-block; float:none;}
	.nav-social-icons li { margin-left:7px;}
	.mobile-menu-layer.open {display:block;}
	.nav-content { max-height: none!Important;}
        #mainnav a { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
        #mainnav li li a { margin: 5px 0; line-height: 140%;}
	#logo.scrolling { width: 52px;transition: all 0.2s;}
	#logo.scrolling img {width: 80px;height: auto;}
	#logo.scrolling img + img { display:none;}
}
@media screen and (max-height:600px) {
	#logo.scrolling, body.onepage:not(.fp-viewing-0) #logo { width: 52px;transition: all 0.2s;}
	#logo.scrolling img, body.onepage:not(.fp-viewing-0) #logo img {width: 80px;height: auto;}
	#logo.scrolling img + img, body.onepage:not(.fp-viewing-0) #logo img + img { display:none;}
}
@media screen and (max-width:500px) {
	#logo { width:120px;left: 10px;top: 3px; text-align:center; height: auto;}
	#logo img {width: 100%; height: auto;}
	#logo img + img { width:40%;}
	
	.mobile-menu-button { right:18px; top:78px;}
	.header-social-icons li { margin:5px 2px;}
	.mobile-menu-button { width:32px;padding: 14px 15px 10px 10px;}
	.mobile-menu-button:before { border-top-width:80px;}
        .nav { display: none;}
        .nav.open { display: block;}
	.nav-content { padding-top:160px;}
	.navigation-toggle { width:32px; height:32px;}
	.navigation-toggle-icon { border-bottom-width:4px; padding-top:14px;}
	.navigation-toggle-icon:before, .navigation-toggle-icon:after { border-top-width:4px;}
	.navigation-toggle-label { font-size:12px;}
	.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:after {-webkit-transform: translateY(-11px) rotate(-135deg);-moz-transform: translateY(-13px) rotate(-135deg);-ms-transform: translateY(-13px) rotate(-135deg);-o-transform: translateY(-13px) rotate(-135deg);transform: translateY(-11px) rotate(-135deg);}
	.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:before {-webkit-transform: translateY(11px) rotate(135deg);-moz-transform: translateY(13px) rotate(135deg);-ms-transform: translateY(13px) rotate(135deg);-o-transform: translateY(13px) rotate(135deg);transform: translateY(9px) rotate(135deg);}
        .header-cristalli { display: none;}
        .header-social-icons li { margin: 5px 10px;}
        .header-social-icons li.tw, .header-social-icons li.gp { display: none;}
}

.waiting-preloader { position: fixed; top: 0; left: 0; z-index: 5000; width: 100%; height: 100%;background:#72d6ce url(../img/navbg.png) no-repeat center center; background:rgba(114, 214, 206, 0.95) url(../img/navbg.png) repeat top left;transition: all 0.2s;}
.loading {position: absolute;left: 50%;top: 50%;margin: -70px 0 0 -70px;background: #72d6ce;width: 120px;height: 120px;border-radius: 100%;border: 10px solid transparent;transition: all 0.2s; line-height: 170px; text-align: center;}
.loading img {display: block;margin: 0px;width: 100px;}
.loading:after {content: '';background: transparent;width: 140%;height: 140%;position: absolute;border-radius: 100%;top: -20%;left: -20%;opacity: 0.7;box-shadow: rgba(0, 0, 0, 0.6) -4px -5px 3px -3px;animation: rotate 2s infinite linear;}
@keyframes rotate {0% {transform: rotateZ(0deg);}100% {transform: rotateZ(360deg);}}
.waiting-preloader a { text-decoration: none;}
.waiting-preloader img { height: auto!important; width:70px; display: inline-block;}
.waiting-preloader img + img { width: 30px;}