html, body {overflow-x:hidden}
html {scroll-behavior: auto !important;}
body {font-family: 'Quicksand', sans-serif;}
.cursive {font-family: 'Dancing Script', cursive;}
#videoHome {width:100%;height: 100%}
#videoHome.video-js .vjs-tech {object-fit:cover}
.text-shadow {text-shadow: 0px 0px 6px rgba(0,0,0,0.6);}
header {position:fixed;top:0;left:0;padding:15px 0px;width:100%;background:rgb(255 255 255 / 75%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index:5}
.linkLogo {display:inline-flex;text-decoration:none !important;color:#225e98;}
.logoTitle {display:inline-flex;padding-left:15px;font-weight:600;font-size:1.25em}
.logoHeaderContainer {width:100px;height:100%;display:inline-flex;position:relative}
.logoHeaderContainer > img {position:absolute;top:-15px}
#showMenu {color:#225e98;font-size:1.5em;cursor:pointer}
#menu {position:fixed;top:0;right:0;width:400px;height:100vh;background:#FFF;z-index:7;transition:all .25s}
#menu.closed {right:-400px;}
.breadcrumbs {padding-right:15px;margin-right:15px;border-right:solid 1px #225e98;font-size:0.8em;color:#225e98;display:none}
.breadcrumbs a, .breadcrumbs span, .breadcrumbs i {text-decoration:none !important;text-transform:uppercase;color:#225e98}

.closeMenuContainer {padding:15px;font-size:1.5em;color:#225e98;cursor:pointer;margin-bottom:30px}
.menuContainer {padding:0px 15px 15px;text-align:center}
.menuContainer > div.linkContainer {margin-bottom:15px}
.menuContainer a {display:inline-block;text-decoration:none !important;color:#225e98;text-transform:uppercase}
.menuContainer a.menuLinkActive {font-weight:600}

#videoHomeFull {width:100%;height:100%;object-fit:cover}
.vjs-poster img {object-fit:cover}

.blur-bg-overlap {background:rgb(232 232 232 / 75%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:15px;margin-left:-75px}
.blur-bg-overlap-top {background:rgb(232 232 232 / 75%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:15px;margin-top:-75px}

.shabby-bg {background:url('/media/shabbybg.jpg')}
#accomodations {margin-top:-75px}
.rotate2deg {transform:rotate(2deg);transition:all .25s}
.top100negative {margin-top:-100px;}

.contact_menu {position:absolute;bottom:0;left:0;width:100%;padding:15px;font-size:0.9em}
.contact_menu a {margin:0px 5px}
.bg-color {background:#225e98}

.image_person {font-size:6em;line-height:1;padding:15px 0px;margin-top:-75px;}
.image_person div {background:#225e98;border-radius:100%;padding:10px;color:#FFF;}
.contact_tel, .contact_wa {background:#225e98;padding:10px;border-radius:100%;width:50px;height:50px;margin:0px 5px}
.blur-card {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border:none;margin-top:45px}

#book-now {background:url('/media/punta-aderci-1.jpg');background-size:cover;background-repeat:no-repeat}
#cookie_banner {position:fixed;bottom:-15px;left:0;z-index:100 !important;}
#cookie_banner .alert {border-radius:0;border-top-right-radius:15px;border:solid 1px #CCC;background:rgb(255 255 255 / 85%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);font-size:14px}
#cookie_banner ul {margin-top:10px}


footer {background:#225e98;padding:15px 0px}
.crousel_tour {height:100vh;height:calc(100vh - 75px)}

.slideTourImage {width:100%;height:100%;object-fit:cover}
.dayTourContainer {text-align:left;background:rgb(232 232 232 / 50%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:15px ;color:#000;bottom:0;font-size:0.9em;z-index:1}
.dayTourContainer h1 {font-weight:900;margin-bottom:15px;color:#225e98}
.dayTourContainer .smallTxt {font-size:0.9em}
.dayTourContainer .strongTxt {font-weight:900}
.dayTourContainer .evd {background:#225e98;color:#FFF}
.dayTourContainerRight {margin-left:-75px}
.dayTourContainerLeft {margin-right:-75px;z-index:1}

.nav-link {font-size:1.25em;}
.nav-link.active {font-weight:900;background-color:transparent !important}
.nav-link, .nav-link:hover {color:#797979}
.topMarginTourDay {margin-top:0px}
.footerLinks a {margin-right:10px}

.reveal {position:relative;opacity:0;}
.reveal.active {opacity: 1;}
.active.fade-bottom {animation: fade-bottom .5s ease-in;}
.active.fade-left {animation: fade-left .5s ease-in;}
.active.fade-right {animation: fade-right .5s ease-in;}
@keyframes fade-bottom {0% {transform: translateY(50px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes fade-left {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes fade-right {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}

@media (max-width:768px) {
	.logoTitle, .breadcrumbs {display:none}
	.logoHeaderContainer {width:80px}
	.logoHeaderContainer > img {top:-30px}
	#menu {width:100%}
	#menu.closed {right:-100%;}
	.blur-bg-overlap {margin-left:initial;margin-top:-75px}
	#accomodations {margin-top:0px}
	.rotate2deg {transform:rotate(0deg)}
	.top100negative {margin-top:0}
	.dayTourContainerRight, .dayTourContainerLeft {margin-left:initial;margin-right:initial;margin-top:-50px}
	.nav-link {font-size:1em;}
}