/**  secondary nav **/
.navSecondary {position: relative; float: left; padding: 14px 20px 0;}
.navSecondary .item {float: left; padding: 0 15px; display: block; line-height: 13px;}
.navSecondary .item a {color: #FFF; font-size: 13px; line-height: 13px;
	font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase;}
.navSecondary .dl-submenu {display: none;}
.navMobile .secondaryNavMobile li a {font-size: 16px; font-weight: 400;}


/**  main nav **/
.nav-top { display: inline-block; vertical-align: top; margin-left: 0px; }
.navPrimary { position: relative; text-align: center; min-height: 47px; line-height: 74px; }
.navPrimary > .item {display: inline-block; line-height: 22px; height: 45px; padding-bottom: 23px; text-align: left;}
.navPrimary > .item > a {
	position: relative;
	z-index: 99;
	font-size: 16px; /*18 ie wont fit */
	line-height: 20px;
	color: #FFF;
	text-transform: uppercase;
	padding: 8px 15px 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: .85px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.navPrimary > .item > a {font-size: 16px;}
}
@-moz-document url-prefix() {
	.navPrimary > .item > a {font-size: 16px;}
}

.navPrimary > .item:hover {  }
.navPrimary > .item:hover > a { background-color: #ffc424; color: #000; }

/* dropdown */
.navPrimary .dropdown {display: none; position: absolute; width: auto; left: auto; top: 68px; text-align: left;}
.navPrimary .dropdown-int { padding: 10px 15px 5px; background: #132a51; border: 0px solid #bcbcbc; min-width: 140px; }
.navPrimary .dropdown .drop-left {width: 260px;}
.navPrimary .dropdown .drop-mid {width: 500px; padding: 0 20px;}
.navPrimary .dropdown .image-item {margin-bottom: 28px;}
.navPrimary .dropdown .drop-left .image {margin-bottom: 16px;}
.navPrimary .dropdown .drop-mid .image {padding-right: 20px;}
.navPrimary .dropdown .drop-right {width: 248px; padding: 0 20px; border-left: 1px solid #bcbcbc;}
.navPrimary .drop-title {padding-bottom: 5px; border-bottom: 1px solid #000; margin-top: 5px; }
.navPrimary .drop-title a {color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; line-height: 16px; text-transform: uppercase;}

.navPrimary .drop-title.level-2 { margin-left: 15px; border-bottom: 0px solid white; }
.navPrimary .drop-title.level-2 a { font-weight: 500; text-transform: none; }


.navPrimary .dropdown-int > div:last-of-type { border-bottom: 0px solid white; }

.navPrimary .drop-text {font-size: 13px; line-height: 18px; color: #212121; font-family: 'Merriweather', serif;}
.navPrimary .drop-text a {color: #045d9b; font-weight: 700;}
.navPrimary .drop-right .item a {
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding: 6px 0;
	color: #045d9b;
}
.navPrimary .drop-right .item.view-more a { font-weight: bold; letter-spacing: 1px; }
.navPrimary .drop-right .item.last a {padding-bottom: 0;}

/** hover **/
.navPrimary .item:hover .dropdown {display: block; padding: 0px; }
.navPrimary > .item.has-children:hover > a::before {
	display: none;
	content: '';
	width: 31px;
	height: 10px;
	position: absolute;
	bottom: -18px;
	left:0; right: 0;
	margin: 0 auto;
	background: url(/includes/public/assets/images/menu-drop-arrow.png);
	z-index: 999;
}


/**** STICKY NAV ****/
.navFixedWrapper .search-trigger {top: 16px;}
.headerWrapper .navFixedWrapper .header-logo-fixed a {
	position: relative;
	top: 25px;
	display: block;
	float: left;
	width: 186px;
	height: 18px;
	line-height: 18px;
	margin-right: 16px;
}
/**  fixed nav **/
.navFixedWrapper {
	position: fixed;
	top: -200px;
	left: 0;
	width: 100%;
	min-height: 66px;
	background: #FFF;
	border-bottom: 1px solid #bcbcbc;
	z-index: 9999;
	transition:top ease .3s;
	-webkit-transition:top ease .3s;
}
body.fixedshow .navFixedWrapper {top: 0;}
body.toggle-search-sm.fixedshow .navFixedWrapper {top: 63px;}
.navFixed {position: relative; float: left; padding-top: 25px; line-height: 24px; max-width: 800px;}
.navFixed > .item {display: inline-block; padding-bottom: 23px; line-height: 20px;}
.navFixed > .item > a {
	font-size: 16px;
	line-height: 20px;
	color: #045d9b;
	text-transform: uppercase;
	padding: 0 4px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}



/**  side nav **/
.navSide {
	background-color: #FFFFFF;
	position: relative;
	border: 1px solid #000;
	padding: 20px;
	margin: 28px 0;
	max-width: 336px;
}
body.header-slide .navSide {margin-top: -78px;}
.navSide .item-parent a {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
.navSide .item {width: 100%;}
.navSide .item .link-holder {position: relative; display: inline-block;}
.navSide .item.has-children .link-holder {padding-right: 38px;}
.navSide .item a {display: block; font: 400 16px/18px 'Roboto', sans-serif; padding: 7px 0; color: #000000;}
.navSide .item .opener {
	position: absolute;
	top: 12px;
	right: 0;
	width: 16px;
	height: 8px;
	background-image: url(/includes/public/assets/images/side-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	-webkit-transition: all .25s;
	transition: all .25s;
	}
.navSide .item.open > .link-holder .opener {
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.navSide .item .dropdown {display: none; padding-left: 14px;}
.navSide .item.open > .dropdown {display: block;}
.navSide .item.open > .link-holder a {font-weight: 700;}
.navSide .item.selected > .link-holder a {color: #032b6f; font-style: bold;}


/*** site map ***/
/* SITEMAP */
.sitemap > ul {
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
	column-count: 3;
	column-gap: 15px;
}
.sitemap ul { list-style: outside none none; }
.sitemap ul li a { font-size: 18px; }
.sitemap ul li li a { font-size: 16px; }



/*** MOBILE NAV ***/
.navMobile {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	width: auto;
	max-width: 378px;
	height: 54px;
	z-index: 98;
}
.navMobile.open {width: 100%; z-index: 9999999;}
.navMobile .dl-menuwrapper {overflow: hidden;padding: 0 0 8px 8px; max-width: none; width: 100%;}
.navMobile .dl-menuwrapper:first-child {margin-right: 0;}

/*** button ***/
.navMobile .dl-menuwrapper .search-trigger-mobile {
	position: relative;
	top: 10px;
	width: 38px;
	height: 35px;
	background-color: #045d9b;
	float: right;
	margin-right: 30px;
	margin-left: 1px;
	cursor: pointer;
	background-image: url(/includes/public/assets/images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
}
.navMobile .dl-menuwrapper button {margin: 0; padding: 0;}
.navMobile .dl-menuwrapper button.dl-trigger {
	position: relative;
	float: right;
	top: 0;
	right: 50px;
	width: 76px;
	height: 54px;
	background: transparent;
	text-indent: 0;
	font-size: 16px;
	color: #FFF;
	text-align: left;
}
.navMobile .dl-menuwrapper button.dl-trigger:after {display: none;}
.navMobile .dl-menuwrapper button a {
	display: block;
	width: 76px;
	height: 35px;
	line-height: 37px;
	padding-left: 8px;
	color: #FFF;
	font-family:'Aktiv Grotesk W01 Light1370681';
	font-size: 12px;
	background-color: #002a63;
	background-image: url(/includes/public/assets/images/menu-mobile-icon.png);
	background-repeat: no-repeat;
	background-position: right 8px center;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.navMobile .dl-menuwrapper button.dl-active a {background-image: url(/includes/public/assets/images/icon-menu-close.png);}

/** items **/
.navMobile .dl-menuwrapper ul {background: #132a51; margin: 0; text-align: left; z-index: 99999;}
.navMobile .dl-menuwrapper ul.dl-menu {border: 0px solid #d7d7d7; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.41);}

.dl-menuwrapper .dl-menu {margin: 0;
	-webkit-transform: translateX(100%); /* change directions */
	transform: translateX(100%); /* change directions */
}
.navMobile .dl-menuwrapper li.dl-subview,
	.navMobile .dl-menuwrapper li.dl-subviewopen {padding: 0;}
.navMobile .dl-menuwrapper li {background: #132a51;}
.navMobile .dl-menuwrapper li a {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	padding: 11px 46px 11px 20px;
	background: transparent;
	white-space: normal;
	text-transform: uppercase;
}
.navMobile .dl-menuwrapper li a.has-children::after {content: ""; display: none;}
.navMobile .dl-menuwrapper li a.has-children span {
	content: "";
	width: 24px;
	height: 42px;
	position: absolute;
	right: 20px;
	top: 0px;
	background: url(/includes/public/assets/images/icon-arrow-white-m.png) no-repeat center;
}
.navMobile .dl-menuwrapper li.mobile-widgets .mobile-weather a:after {top: 23px;}

/** selected **/
.navMobile .dl-menuwrapper li:hover > a,
	.navMobile .dl-menuwrapper li.selected > a {background: rgba(255,255,255,.1);}

/* back button */
.navMobile .dl-menuwrapper li.dl-back {background: #132a51; margin-top: 10px;}
.navMobile .dl-menuwrapper li.dl-back a {background: none; color: #FFF; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; line-height: 16px; padding-left: 20px;}
.navMobile .dl-menuwrapper li.dl-back:after {left: 2px; color: #FFF; font-size: 14px; line-height: 38px;}

.navMobile .dl-menuwrapper li.dl-parent {background: #003871; margin-top: 10px;}
.navMobile .dl-menuwrapper li.dl-parent a {background: none; color: #fff; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 500; line-height: 22px;}

/** translate from right fix **/
.navMobile .dl-menuwrapper ul.dl-menu {position: fixed; white-space: nowrap;}
.navMobile .dl-menuwrapper ul.dl-menu.dl-menuopen {position: relative; } /* positioned relative for parent overflow:hidden; */

/** position absolute when loading/animating **/
.navMobile .dl-menuwrapper ul.dl-menu.dl-loading {position: absolute;}
.navMobile .dl-menuwrapper > .dl-submenu {position: relative;}

.navMobile .mobile-spacer-sm {padding: 5px;}
.navMobile .mobile-spacer {padding: 12px 20px;}
.navMobile .dl-subview .mobile-spacer, .navMobile .dl-subview .mobile-spacer-sm {display: none;}
.navMobile .mobile-border {height: 1px; width: 100%; background: #d7d7d7;}
.navMobile li .mobile-weather {
	color: #045d9b;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	padding: 8px 20px 20px;
	position: relative;
}
.navMobile li .mobile-weather a {display: inline; font-size: 18px; padding: 0; position: static;}
.navMobile li .mobile-weather span {width: 20px; height: 18px; display: inline-block;}
.navMobile li .item-book {padding:1px; width: 50%;	float: left; position: relative;}
.navMobile li .item-book a {
	display: block;
	text-align: center;
	background: #424242;
	color: #FFF;
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
}
.no-touch .navMobile .dl-menuwrapper li .item-book > a:hover {background: #424242; opacity: 0.8;}
.navMobile li .item-book:after {
	content: "\f08e";
	color: #FFF;
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	top: 15px; right: 10px;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navMobile .booking-mobile {display: none;}
.navMobile .booking-mobile-btn {
	padding: 12px 12px 10px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	background: #0485df;
	color: #fff;
	cursor: pointer;
}
.navMobile .booking-mobile-btn.open {background-color: #6d9f11;}
.navMobile .mobile-tripbuilder {display: none; position: relative; float: left; height: 25px; padding: 8px 20px 20px;}
.navMobile .dl-menuwrapper li .mobile-tripbuilder a {color: #045d9b; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0;}
.navMobile .mobile-tripbuilder::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 1px;
	height: 17px;
	background: #d7d7d7;
}
.navMobile .secondaryNavMobile li a {font-size: 16px; font-weight: 400;}

.navMobile .booking-mobile-dropdown {
	background: url(/includes/public/assets/patterns/cubes.png) left top;
	border: 0px none;
	display: none;
	padding: 20px 15px;
	text-align: center;
}
.navMobile .booking-mobile-dropdown.open {display: block;}
.navMobile .booking-mobile-dropdown h3 {color: #212121; font: 700 24px/24px 'Roboto', sans-serif; text-transform: uppercase;}
.navMobile .booking-mobile-dropdown .field-cont {border-top: 1px solid #d9d9d9; padding-top: 20px;}
.navMobile .booking-mobile-dropdown label {text-align: left;}
.navMobile .booking-mobile-dropdown input.date {background: #FFF url(/includes/public/assets/images/iconCal-gray.png) no-repeat right 10px center;}
.navMobile .booking-mobile-dropdown button.btnmore {background: #909090; width: 100%; text-indent: 0;}
.navMobile .booking-mobile-dropdown button.btnmore::before {box-shadow: none;}
.navMobile .booking-mobile-dropdown button.btnmore::after {background: none; box-shadow: none; height: auto; width: auto;}
.navMobile .booking-mobile-dropdown button.btnmore:hover {background-color: #909090;}


@media only screen and (max-width: 1440px) and (min-width: 1081px) {
	.navPrimary > .item > a { font-size: 15px; padding: 8px 11px 5px; }
}
@media only screen and (max-width: 1365px) and (min-width: 1081px) {
	.navPrimary > .item > a { font-size: 15px; padding: 8px 10px 5px; }
	.headerWrapper .header-logo { width: 320px !important; }
}
@media only screen and (max-width: 1285px) and (min-width: 1081px) {
	.navPrimary > .item > a { font-size: 15px; padding: 8px 8px 5px; }
	.headerWrapper .header-logo { width: 280px !important; }
}
@media only screen and (max-width: 1200px) and (min-width: 1081px) {
	.navPrimary > .item > a { font-size: 15px; padding: 8px 6px 5px; }
	.headerWrapper .header-logo { width: 230px !important; }
}


/*** Tablet ***/
@media only screen and (max-width: 1080px) {
	.navSide,
	.navPrimary,
	.navSecondary,
	.navFixedWrapper {display: none;}
	.navMobile {display: block; width: 100%;}
	.navMobile .dl-menuwrapper li.dl-back { }
	.navMobile .dl-menuwrapper li.dl-subviewopen { padding-top: 5px; }


	.navMobile .dl-menuwrapper button.dl-trigger { top: 0px; }
	.searchbox-int .searchbox-icon.close { top: 18px; }
	.searchbox-int form { margin-top: 56px; }
	.searchbox-int .searchbox-icon { width: 35px; height: 35px; background-color: #002a63; background-position: center; top: 10px; right: 14px; background-position: center; background-size: 60%; }
}


@media only screen and (max-width: 1024px) {
	
}

/*** Mobile ***/
@media only screen and (max-width: 640px) {
	.navMobile {max-width: 100%;}
	.navMobile .dl-menuwrapper {padding: 0 0 8px;}
	.navMobile .dl-menuwrapper .search-trigger-mobile {margin-right: 10px;}
	.navMobile .booking-mobile {display: block;}
	.navMobile .mobile-tripbuilder {display: block;}

	.navMobile .dl-menuwrapper button.dl-trigger { top: 10px; }
	.searchbox-int .searchbox-icon { top: 20px; }
	.searchbox-int .searchbox-icon.close { top: 28px; }
	.searchbox-int form { margin-top: 66px; }
}