@import url("book_now_slider.css");
@import url("../jQueryUI/Datepicker/jquery-ui.css");
/* ############################ Affiliate Buttons ##################################### */
.booking_com_btn {
    display: block;
	font-family: sans-serif;
	color: #fff;
	background-color: orange;
	padding: 0.3em;
	border-radius: 5px;
	text-decoration: none;
	position: relative;
	/*margin-top: 300px;*/
	margin-left: auto;
	margin-right: auto;
    z-index: 0;
    width:7em;
    text-align: center;
    white-space: nowrap;
	cursor: pointer;
}

.booking_com_hero_btn {
    font-family: sans-serif;
	color: #fff;
	background-color: orange;
	padding: 0.3em;
	border-radius: 5px;
	text-decoration: none;
	position: absolute;
	margin-top: 5vh;
	margin-left: 16vw;
	z-index: 0;
	width: 11em;
    text-align: center;
    white-space: nowrap;
	cursor: pointer;
}

.request_hero_btn {
    font-family: sans-serif;
    color: #fff;
    background-color: orange;
    padding: 0.3em;
    padding-top: 0.7em;
    border-radius: 5px;
    text-decoration: none;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 5em;
    margin-left: 35vw;
    z-index: 0;
    width: 240px;
    height: 2.5em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-shadow: none;
}

#request_hero_tour_btn {
    margin-top: -7em;
    margin-left: 25vw;
}



.tickets_hero_btn {
    font-family: sans-serif;
	color: #fff;
	background-color: orange;
	padding: 0.3em;
	border-radius: 5px;
	text-decoration: none;
	position: absolute;
	margin-top: 5vh;
	margin-left: 15vw;
	z-index: 0;
	width: 11em;
    text-align: center;
    white-space: nowrap;
	cursor: pointer;
    text-shadow:none;
}

/* ############################ Guide Btn ############################################# */

.guide_image_btn {
    font-family: sans-serif;
    color: #fff;
    background-color: orange;
    padding: 0.3em;
    border-radius: 5px;
    text-decoration: none;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 275px;
    margin-left: 90px;
    z-index: 0;
    width: 180px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.guide_image_btn:hover {
    background-color: rgba(250, 168, 5, 1);
}


.guide_main_page_btn {
    font-family: sans-serif !important;
    color: #fff !important;
    background-color: orange;
    padding: 0.75em;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    z-index: 0;
    width: 180px;
    text-align: center !important;
    white-space: nowrap;
    cursor: pointer;
}

.guide_main_page_btn:hover {
    background-color: rgba(250, 168, 5, 1);
}



/* ############################ Facebook ############################################## */

.facebook_link {
	width:100%;
	text-align: right;
	padding-right: 1vw;
	display: inline-block;
	box-sizing: border-box;
	padding-bottom: 1vh;
}

.facebook_link_footer_img {
	height: 27px;
	margin-top: 0.15em;
    margin-left: 0.6em;
}

.facebook_link_top_nav_img {
    height: 27px;
    margin-top: 0em;
    margin-left: 14px;
    margin-bottom: 0;
}


/* ########################### BOOK NOW ######################################### */

.book_now_trapez {
    display: block;
    position: fixed;
    text-align: center;
    top: 5.5em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 200;
    font-size: 1.3em;
    color: #fff;
    box-sizing: border-box;
    margin-left: 45vw;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 0px;
    z-index: 99;
    border-top: 50px solid;
    border-top-color: rgb(17, 176, 185);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 10vw;
    cursor: pointer;
    transition-duration: 0.25s;
    transition-timing-function: linear;    
}

.book_now_trapez_active {
    top: calc(3.5em + 600px);  
}

.book_now_trapez p {
    margin-top: -2em;
}

.book_now_trapez p:hover {
    text-decoration: underline;
}

.book_now_slider {
    display: block;
    position: fixed;
    z-index: 90;
    top:-500px;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

.book_now_slider_active {
    top: 5.5em;
}

/* ########################### COOKIE POLICY ######################################### */


.cookie_policy {
	position: fixed;
    display: block;
	width: 80vw;
	background-color: #ddd;
	z-index: 200;
	height: 2.95em;
	top: 0vh;
	font-family: 'Open Sans Condensed', sans-serif;    
	margin-left: 20vw;
	font-size: 1.10em;
}

.cookie_policy p {
	display: table-cell;
	height: 3em;
	vertical-align: middle;
	width: 65vw;
	padding: 0;
	margin: 0;
	padding-left: 1vw;
	padding-top: 0vh;
	white-space: normal;
}

.cookie_policy_btn {
    font-family: sans-serif;
	color: #fff;
	background-color: rgba(3, 132, 163, 1);
	padding: 0.3em;
	border-radius: 5px;
	text-decoration: none;
	position: fixed;
	top: -0.25em;
	left: 90vw;
    z-index: 300;
    width:5em;
    text-align: center;
    white-space: nowrap;
	cursor: pointer;
}

.cookie_policy a {
	color: rgba(3, 132, 163, 1);
}	


/* ############################   TOP NAVIGATION  ##################################### */

.top_nav {
    position:fixed;
    top:0;
    z-index: 110;
    background-color: #fff;
    display: table;
	table-layout: fixed;
    width: 100vw;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: lighter;
	font-size: 1em;
	margin:0px;
    white-space: nowrap;
}

.top_nav a{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: lighter;
	font-size: 1em;
	margin:0px;
	text-decoration: none;
	color: #333;
}

.top_nav_row {
    display: table-row;
    width: 100%;
    height: 2em;
}

.top_nav_col {
    display: table-cell;
	vertical-align: middle;	
}

.top_nav_col_gSearch {
    display: table-cell;
	vertical-align: middle;
    width: 60vw;
}

.top_nav_col_logo {
    display: table-cell;
	vertical-align: middle;
    width: calc(100vw / 6);
}

.top_nav_element {
    display: block;
	text-align: center;
}

.top_nav_element_right {
    display: block;
	text-align: right;
    padding-right: 14px;
}

.top_nav_element:hover {
 	text-decoration: underline;
	cursor: pointer;
}



/* ############################   PAGE NAVIGATION  ##################################### */

.page_nav {
	position: fixed;
	top:2.75em;
	left: 0;
	z-index: 100;
	display: table;
	table-layout: fixed;
	width: 100vw;
    height: 2em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 200;
	font-size: 1.3em;
	color:#fff;
	margin:0px;
	box-shadow: 0px 10px 11px -1px rgba(0, 0, 0, 0.35);
	background-color: rgba(3, 132, 163, 0.99);
}

.page_nav_row {
    display: table-row;
    width: 100%;
}

.page_nav_col {
    display: table-cell;
	vertical-align: middle;
    border-left: 1px solid rgba(255,255,255,0.5);
}

.page_nav_col_highlight {
    display: table-cell;
	vertical-align: middle;
    border-left: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(255, 173, 31, 1);
}

.page_nav_col_back {
    display: table-cell;
	vertical-align: middle;
    background-color: #333333;
}

.page_nav_col_ALL {
    display: table-cell;
	vertical-align: middle;
    background-color: #333333;
}

.page_nav_element {
    display: block;
	text-align: center;
}

.page_nav_element a{
    text-decoration: none;
	color: #fff;
}

.page_nav_element:hover {
 	text-decoration: underline;
	cursor: pointer;
}

.cheesburger {
		display:none;
}


.burger_menue {
    position: absolute;
    margin-top: 0.5em;
    right: 0vw;
    box-sizing: border-box;
    width: 75vw;
    height: auto;
    background-color: rgba(3, 132, 163, 0.8);
    display: none;
    padding-bottom: 1em;
}

/* ############################   FOOTER  ##################################### */

.footer_nav {
    display: table;
	table-layout: fixed;
    width: 100vw;
	font-family: sans-serif;
	font-weight: lighter;
	letter-spacing:-0.5;
	font-size: 1em;
	margin:0px;
	margin-top:2em;
	border-top: 1px solid #666;
	background: linear-gradient(rgb(3, 130, 161), rgba(2, 130, 160, 0.88) 40%, rgba(17, 176, 185, 1));
}

.footer_nav a {
	text-decoration: none;
	color: #eee;
}

.footer_nav_row {
    display: table-row;
    width: 100%;
    height: 10vh;
}

.footer_nav_col {
    display: table-cell;
	/*vertical-align: middle;	*/
    padding-left: 2em;
}

.footer_nav_element, .footer_nav_element_social {
    display: block;
	  text-align: left;
		white-space: nowrap;
}


.footer_nav_element:hover {
 	text-decoration: underline;
	cursor: pointer;
}

.sub_nav {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 3.0em;
    left: 0;
    box-shadow: 0px 10px 11px -1px rgba(0, 0, 0, 0.35);
    background: linear-gradient(rgb(3, 130, 161), rgba(2, 130, 160, 0.88) 40%, rgba(17, 176, 185, 1));
    padding: 0.5em;
    width: calc(100vw / 4 + 1px);
    overflow: hidden;
    /*max-height: 60vh;*/
    border-left: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(255,255,255,0.5);
    transition-duration: 0.25s;
    /*transition-delay: 0.5s;*/
    transition-timing-function: linear;
}

.sub_nav_highlight {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 3.0em;
    left: 0;
    box-shadow: 0px 10px 11px -1px rgba(0, 0, 0, 0.35);
    background: linear-gradient(rgb(255, 173, 31), rgba(255, 173, 31, 0.88) 40%, rgba(201, 129, 16, 1));
    padding: 0.5em;
    width: calc(100vw / 4);
    overflow: hidden;
    max-height: 60vh;
    border-left: 1px solid rgba(255,255,255,0.5);
    transition-duration: 0.25s;
    /*transition-delay: 0.5s;*/
    transition-timing-function: linear;
}

.sub_nav_element {
    line-height: 1em;
    display: block;
    margin: .25em;
    box-sizing: border-box;
}


.sub_nav_element_mobile {
    display: none;
}

.sub_nav_element a, .sub_nav_element_mobile a {
    color: #fff;
    text-decoration: none;
}

.sub_nav_element a:hover {
    color: #fff;
    text-decoration: underline;
}

.sub_nav_backdrop {
    display: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(255,255,255,0);
    z-index: 50;
}


@media (max-width: 1024px) {
    
    
    /*################ TOP-NAVIGATION #####################*/
    
        .top_nav_col_gSearch {
            width: 45vw;
        }    
    
        .top_nav_element_right {
            display: block;
            text-align: right;
            padding-right: 27px;
        }    
    
    
    /*################ FACEBOOK LINK #####################*/
    
        .facebook_link_footer_img {
            height: 1.8em;
            margin-left: 0;
            margin-right: 0.6em;
        }
        
        .facebook_link_top_nav_img {
            height: 64px;
            margin-top: 0em;
            margin-left: 14px;
            margin-bottom: 0;
        }    

	/*###################### BURGER #######################*/
	.burger_slice {
		height: 0.32em;
		margin-top: 0.32em;
		background-color: #fff;
		width: 2em;
		box-shadow: 1px 1px 1px #666;
	}

	.cheeseburger {
		display:inline-block;
        padding-left: 2em;
	}
    
    .top_nav_col_logo {
        display: table-cell;
        text-align: left;
        width: 28vw;
    }
    
    .page_nav {
        top: 2.75em !important;
    }
    
    .page_nav_col {
        border-left: none;
    }
    
    .page_nav_col p {
        display: none;
    }

    .page_nav_col_highlight {
        background-color: rgb(3, 130, 161);
        border-left: none;
    }    
    
    .page_nav_col_highlight p {
        display: none;
        background-color: rgb(3, 130, 161);
    }    
    
    .page_nav_col_ALL p {
        display: none;
    }    
    
    .burger_menue ul {
    }
    
    .burger_menue li {
        list-style-type: none;
        list-style-position: outside;
        text-align: left;
        border-bottom: 0px solid;
        width:90%;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        margin-top: 0.5em;
        white-space: nowrap;
        font-size: 1.5em;
    } 
    
    .burger_menue a{
        text-decoration: none;
        color: #fff;
    }

    .burger_menue li:hover {
        text-decoration: underline;
        cursor: pointer;
    }    
    
    .page_nav_col_back, .page_nav_col_ALL {
        display: table-cell;
        vertical-align: middle;
        background-color: rgba(3, 132, 163, 0.8);
        white-space: nowrap; 
    }
	
	.cookie_policy {
		width: 100vw;
		font-size: 1.5em;        
		height: 5em;
		top: 7em;
		margin-left: 0vw;
	}
	
	.cookie_policy p {
		width: 75vw;
		font-family: sans-serif;
		padding-left: 1vw;
        height: 5em;
		white-space: normal;
	}
	
	.cookie_policy_btn {
        font-size: 1.5em;
		font-family: sans-serif;
		top: 7.5em;
		left: 80vw;
		z-index: 300;
	}
	
	.booking_com_btn {
		/*margin-top: 100vh;*/
		/*margin-left: 30vw; */
		text-align: center;
	}
	
	.booking_com_hero_btn {
		margin-top: 10vh;
		margin-left: 20vw;
		font-size: 2em;
	}
    
    


    .sub_nav {
        font-size: larger;
        width: 75vw;
        max-height: 80vh;
        top: 2.5em;
        left: 25vw;
    }
    
    .sub_nav_element_mobile {
        line-height: 1em;
        display: block;
        margin: .25em;
        box-sizing: border-box;
    }    
    
    .sub_nav_highlight {
        font-size: larger;
        width: 75vw;
        max-height: 80vh;
        top: 2.5em;
        left: 25vw;
        background: linear-gradient(rgb(3, 130, 161), rgba(2, 130, 160, 0.88) 40%, rgba(17, 176, 185, 1));
    }    

    
    /* ############################ Guide Btn ############################################# */
    
    .guide_image_btn {
        margin-top: 45vh;
        margin-left: 25vw;
        width: 50vw;
    }
    
    .guide_main_page_btn {
        margin-top: 45vh;
        margin-left: 25vw;
        width: 50vw;
    }        
      
    .request_hero_btn {
        font-size: 2.5em;
        margin-top: .5em;
        width: 46vw;
        margin-left: 27vw;
    }
    
    .tickets_hero_btn {
        margin-left: 15vw;
        font-size: 2em;
        margin-left: 20vw;
        margin-top: 10vh;
    }
    
    /* ########################### BOOK NOW ######################################### */
    
    .book_now_trapez {
        width: 25vw;
        margin-left: 37.5vw;
        top: 4.50em;
        border-top: 80px solid;
        border-top-color: rgb(17, 176, 185);
        font-size: 2.25em;
        font-family: sans-serif;
    }
    
    .book_now_trapez_active {
        top: calc(4.0em + 1000px);
    }
    
    .book_now_trapez p {
        
    }
    
    .book_now_slider {
        top:-900px;
    }
    
    .book_now_slider_active {
        top: 5.5em;
    }
    
    /* ############################   FOOTER  ##################################### */
    
    .footer_nav {
        display: block;
        padding-bottom: 1em;
    }
    
    .footer_nav_row {
        display: block;
        height: auto;
    }
    
    .footer_nav_col {
        display: block;
    }
    
    .footer_nav_element {
        text-align: left;
        margin-left: 1em;
    }
    
    .footer_nav_element_social {
        text-align: right;
        margin-left: 1em;
    }    
    

}