/* RESPONSIVE STYLES FOR AKDMC - May 2015 - CYBER MEDIA SOLUTIONS */

/* FONTS ONLY
================================================================================ */

/* NAVIGATION
================================================================================ */
@import url('nav-off-canvas.css');



/* GENERAL
================================================================================ */

a {
	color: #0b3868;
	outline: none;
	text-decoration: none;
}
	a:hover, a:focus, a.hover {
		color: #f28a21;
		outline: none;
	}
/* offset anchor points for fixed header */
a[name]:not([href]) {
	display: block;
	position: relative;
	visibility: hidden;
	top: -70px;
} 
	
hr {
	width:auto;
	margin: 0.9375rem 0;
	border: none;
	border-bottom: solid 1px #859bb3;
	clear: both;	
}

img {
	margin-left: auto;
	margin-right: auto;
}
	img.fill {width: 100%;}
	
	img.img_shadow {
		border: solid 5px #ffffff;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);	
	}
	
	
blockquote {
	margin: 0; padding: 0;
	border: none;
}

/* Useful misc classes */
.orange {color: #f28a21;}
.centre {text-align: center;}
.center_small {text-align: center;}
.vert_centre {position: relative; top: 50%; transform: translateY(-50%);}

.text_center h1, .text_center h2, .text_center h3, .text_center h4, .text_center p {text-align: center;}

.relative {position: relative;}
.visible {visibility: visible;}
.hidden {visibility: hidden; display: none !important;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}

.right_small {float: right;}
.left_small {float: left;}

/* Margins */
.no_marg_top {margin-top: 0 !important;} .no_marg_bot {margin-bottom: 0 !important;} .no_marg_left {margin-left: 0 !important;} .no_marg_right {margin-right: 0 !important;} .no_marg {margin: 0 !important;}
.no_marg_small {margin: 0 !important;}
/* Paddings */
.no_pad_top {padding-top: 0 !important;} .no_pad_bot {padding-bottom: 0 !important;} .no_pad_left {padding-left: 0 !important;} .no_pad_right {padding-right: 0 !important;} .no_pad {padding: 0 !important;}
.no_pad_small {padding: 0 !important;}

.marg_top {margin-top: 0.9375rem;}

p.alert {
	font-size: 1rem;
	padding: 0.625rem;
	background: #cdedff;	
	color: #29739d;
	border: solid 1px #29739d;
}

/* FOUNDATION ELEMENTS
================================================================================ */

.flex-video {margin-bottom: 0;}

.reveal-modal, dialog {
	border: none;
	min-height: 0;
	min-width: 400px
}
	.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
		width: 20px;
		height: 20px;
		display: block;
		background: #0b3868;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		right: 7px;
		color: #ffffff;
		font-weight: normal;
		cursor: pointer;
		text-align: center;
		font-size: 1.5rem;
		line-height: 0.8;
		z-index: 9999;
	}
		.reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover {
			background: #f28a21;
		}
.reveal-modal-bg {
	background: rgba(255,255,255,0.75);	
}

[class*="column"]+[class*="column"]:last-child {
	float: left;
}




/* MAIN CONTENT
================================================================================ */

.main-section {padding-bottom: 70px;}

p.swipe {
	height: 30px; 
	line-height: 30px;	
	padding-left: 30px;
	background: url(../images/res/icon_swipe.png) 0 0 no-repeat;
	white-space: nowrap;
}

.map_pad img {
	margin-top: 62px;
}

/* TABS
================================================================================ */

ul.tabs {
	list-style: none;
	margin: 0.9375rem 0 !important;
	padding: 0;	
	clear: both;
}
	ul.tabs li {
		margin: 0;
		padding: 0;
		background: none;
		border-bottom: solid 1px #a5a5a5;
		float: left;
		width: 50%;
	}
	.tab_3 ul.tabs li {width: 33.333%;}
	.tab_4 ul.tabs li {width: 25%;}
		ul.tabs li.active {
			border-top: solid 1px #a5a5a5;
			border-left: solid 1px #a5a5a5; 
			border-right: solid 1px #a5a5a5;
			border-bottom: none;
		}
		
		ul.tabs li a, ul.tabs li.tab-title > a {
			display: block;	
			color: #666;
			font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;	
			font-size: 0.875rem;
			font-weight: 600;
			text-transform: uppercase;
			padding: 0.9375rem;
			text-align: center;
			background-color: #fff;
		}
			ul.tabs li.active a, ul.tabs li a:hover, ul.tabs li.tab-title > a:hover, ul.tabs li.tab-title.active > a {
				color: #f47f37;
				background-color: #fff;
			}
			
.tabs-content > .content {
	padding: 0;
}


/* SUBNAV ===================================================================== */
p.sub_nav_link_con:after {
	content:'';
	display: block;
	clear: both;	
}
a.sub_nav_link {
	font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif !important;	
	
	padding-right: 1.875rem;
	position: relative;
	white-space: nowrap;
}
	a.sub_nav_link:after {
		content: '';
		display: block;
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(../images/res/icon_subnav_link.png) center top no-repeat;	
		right: 5px;
		top: 4px;	
	}
a.sub_nav_link:hover:after {background-position: center -30px;}
a.sub_nav_link.active { color: #f28a21;}
a.sub_nav_link.active:after {background-position: center -60px;}

.sub_nav {clear: both;}
	.sub_nav ul {
		margin: 0 0 0.9375rem 0;
	}
		.sub_nav ul li {
			padding: 0;
			margin: 0;
			border-bottom: solid 1px #f0f0f0;
			border-right: solid 1px #f0f0f0;
		}
			.sub_nav ul li:nth-child(even) {
				border-right: none;	
			}
			
			.sub_nav ul li a {
				display: block;
				text-align: center;
				padding: 0.625rem;
				font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif !important;	
			}
				.sub_nav ul li a.active {
					color: #f28a21;
				}
				
/* REGION SUB NAV ===================================== */
ul.region_nav {}
	ul.region_nav li {
		background: none;
		padding-left: 0;
	}
		ul.region_nav li a {
			color: #666666;
			font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
			font-weight: 600;
    		line-height: 1.125rem;
			font-size: 0.875rem;
		}
			ul.region_nav li a span {
				display: inline-block;
				width: 15px;
				height: 15px;
				background: url(../images/res/small-arrow.png) 0 0 no-repeat;	
			}
		ul.region_nav li a:hover {
			color: #0b3868;	
		}
		ul.region_nav li a:hover span {
			background-position: 0 -15px;	
		}
#quote_link.arrow_link.active:after {
    background-image: url(../../images/res/btn_close_sm.png);
}
#client_link.arrow_link.active:after {
    background-image: url(../../images/res/btn_close_sm.png);
}

/* TABLES
================================================================================ */
table {
	width: 100%;
	margin: 0.625rem 0;
	font-weight: 300;
}
	table thead {
		background: #859bb3;
	}
		table thead tr th {
			padding: 0.5625rem 0.625rem;
			color: #fff;
		}
	table tbody {}
		table tbody tr td {
			padding: 0.5625rem 0.625rem;
		}

/* FORMS
================================================================================ */
/*form {
	margin: 0.625rem 0;
}*/
fieldset {
	padding: 0.4687rem 0;
	border: none;	
}
	form fieldset:nth-child(2n) {
		background: #fafafa;
	}	

/* Labels */
label, p.lbl {
	cursor: default;
	font-size: 0.875rem;
	margin: 0 0 0.3125rem 0;
    line-height: 2.31rem;
}
	label .required, p.lbl .required {
		display: inline-block;
		margin-left: 0.3125rem;
		font-size: 0.6875rem;
		background: #859bb3;
		color: #fff;	
		padding: 0.1875rem 0.3125rem;
		line-height: 1.14;
		border-radius: 3px;
		text-transform: uppercase;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	}

/* Text fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], 
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 1px solid #bcbcbc;
	margin: 0 0 0.9375rem 0;
}
	input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
	input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
	input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
		background: #ffffff;
	}

/* Checkboxes and Radios */
input[type="checkbox"], input[type="radio"] {
	margin: 0.5625rem 0;		
}
	input[type="checkbox"] + label, input[type="radio"] + label {
		margin-bottom: 0.9375rem;
		line-height: 1.8;
		float: right;
		width: calc(100% - 40px);
		margin-top: 5px;
	}
	
	ul li input[type="checkbox"] + label, ul li input[type="radio"] + label {margin-bottom:0; line-height: 2.31;}

/* Custom checkboces and radios */
.custom_check input[type="checkbox"], .custom_radio input[type="radio"] {
	display: none;
	visibility: hidden;
}
	.custom_check input[type="checkbox"] + label, .custom_radio input[type="radio"] + label {
		display: inline-block;
		padding: 0.25rem 1.5625rem;
		margin-left: 0;
		margin-right: 0.9375rem;
		background-color: transparent;
		border: 2px solid #96b4c2;
		color: #96b4c2;
		font-size: 0.875rem;
		line-height: 1.79;
	}
		.custom_check input[type="checkbox"] + label:hover, .custom_radio input[type="radio"] + label:hover,
		.custom_check input[type="checkbox"] + label.active, .custom_radio input[type="radio"] + label.active {
			background-color: #96b4c2;
			color: #fff;
			cursor: pointer;
	
			-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
			transition: background-color 300ms ease-out, color 300ms ease-out;
		}

/* Select fields */
select {
	margin: 0 0 0.9375rem 0;
	background-color: #fff;
	border: 1px solid #bcbcbc;
}
	select:hover {
		background-color: #fff;
		border-color: #ccc;
	}
	
/* Custom select fields */
.select_con {
	overflow: hidden;
	margin: 0 0 0.9375rem 0;
	background-color: #fff;
	border: 1px solid #bcbcbc;
	position: relative;
	padding-right: 30px;
}
	/* Handles drop-down arrow - remove if using image instead */
	.select_con:after {
		border-color: #aaaaaa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		border-image: none;
		border-right: 5px inset rgba(0, 0, 0, 0);
		border-style: solid inset inset;
		border-width: 5px;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 0.9375em;
		margin-top: -3px;
	}
		.select_con:hover:after {
			border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		}
	.select_con select {
		width: calc(100% + 50px);
		background: transparent none;
		margin: 0;
		border: none;
		height: auto;
	}
		
/* Error messages */
/*p.error {
	margin: -0.3125rem 0 0.9375rem 0;
	padding: 7px 0 0 0;
	background: url(../images/style/error_bg.html) 10px 0 no-repeat;	
}
	p.error span {
		padding: 0.3125rem 0.625rem;
		color: #fff;
		background: #c60f13;
		display: block;	
	}
input.error, textarea.error {
    background: #f4cfd0;
    border-color: #c60f13;
}*/

/* Form buttons */
form button {
	margin: 30px 0;
	min-width: 200px;
}
form .postfix.button {
	line-height: 2.75;
	background: #96b4c2;
	color: #fff;
	margin-top: 0;
}
	form .postfix.button:focus, form .postfix.button:hover {
		background: #57C8EB;
	}

/* BUTTONS
================================================================================ */
.button, button {
	display: inline-block;
	padding: 0.25rem 1.5625rem;
	margin: 1.25rem 0;
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	font-size: 0.875rem;
	line-height: 2;
	-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}

	button.disabled, button[disabled], .button.disabled, .button[disabled] {
		background-color: #000;
		border-color: #000;
		color: #fff;
	}

	.button:hover, button:hover, .button:focus, button:focus {
		background-color: #000;
		color: #fff;
		-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
		transition: background-color 300ms ease-out, color 300ms ease-out;
	}

	button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
		background-color: #000;
		color: #fff;
	}

	.button.button_filled {
		background-color: #000;
		border: none;
		color: #fff;
	}

		.button.button_filled:hover {
			background-color: #000;
		}

	.button .icon {
		display: block;
		width: 35px;
		height: 35px;
		float: right;
		background-color: #000;
		background-position: 0 0;
		margin-left: 10px;
		margin-right: 5px;
		margin-top: -6px;
		margin-bottom: -6px;
		position: relative;
		text-indent: -9999px;
	}

		.button:hover .icon:not(.plane), .button.hover .icon, .button .icon.hover {
			background-position: 0 -35px;
		}

	.button.small .icon {
		width: 25px;
		height: 25px;
		margin-right: 0;
		margin-top: -1px;
	}

	.button.small:hover .icon, .button.small.hover .icon {
		background-position: 0 -25px;
	}


	.button.carrot {
		border: none;
		display: block;
		float: right;
		width: 35px;
		padding: 0;
		margin-top: 10px;
		margin-right: 0px;
		text-indent: -9999px;
	}

		.button.carrot:hover, .button.carrot.hover {
			background-color: transparent;
		}

		.button.carrot .icon {
			margin: 0;
		}

		.button.carrot.small {
			width: 25px;
			margin-top: 15px;
		}


.carrot_text {
	float: left;
	width: calc(100% - 50px);
}
.carrot_text.small {
	width: calc(100% - 50px);
}
/* ARROW LINKS ================================================ */

.arrow_link {
	display: block;
	font-size: 1rem;
	line-height: 1.25;
	padding: 0.9375rem 0;
	border-bottom: solid 1px #859bb3;
}
	.arrow_link:focus {
		color: #0b3868;
	}
	.arrow_link:hover {
		border-bottom: solid 1px #859bb3;
		color: #f28a21
	}	
	.arrow_link:after {
		content:"";
		display: block;
		width: 25px;
		height: 25px;
		background-image: url(../images/res/btn_arrow_sm.png);
		float: right;
		margin-top:  -2.5px;
	}
		.arrow_link:hover:after {
			background-position: bottom;
		}
	

/* DESTINATION TEMPLATES
================================================================================ */

.img_newsletter {
	display: inline-block;
	margin-top: 0.9375rem;
	margin-right: 0.625rem;
	margin-bottom: 0.625rem;
	float:left;
}

.download {
	clear: both;
}
	.download_img {
		display: inline-block;
		margin-right: 0.625rem;
		margin-bottom: 0.625rem;
		float: left;
		max-width: 120px;
	}
	.download_details {

	}
		.download_details h2 {
			
		}

/* ITINERARY
================================================================================ */

.map_img_small {
	margin-bottom: 0.9375rem;
}
.map_img_large {
	float: right;
	max-width: 33.333333%;
	margin-left: 0.93675rem;
	margin-bottom: 0.9375rem;
}

/* LISTINGS
================================================================================ */

/* Filter Bar */

#filter_wrap.fixed {
	position: fixed;
	top: 70px;
	background: #fff;
	max-width: 1024px;
	padding: 0.625rem 0.9375rem 0 0.9375rem;
}
	#filter_wrap.fixed .row hr {
		margin-bottom: 0;
	}

#filter_bar {

}
	#filter_bar h3 {
		margin: 0 0 0.625rem 0;
		font-size: 0.875rem;
		color: #0b3868;
		display: block;
		position: relative;
		width: 100%;
		}
		#filter_bar h3 .results {
			font-size: 0.75rem;
			color: #424242;
			margin-left: 0.9375rem;
		}
		#filter_bar h3 .results#resultCount {margin-left: 0;}
		#filter_bar h3 .expand_filters {
			content: "";
			position: absolute;
			width: 55px;
			height: 55px;
			background-image: url(../images/res/filter_arrow_down.png);
			background-repeat: no-repeat;
			background-position: center;
			top: -15px;
			right: -15px;
		}
			#filter_bar h3 .expand_filters.active {
				background-image: url(../images/res/filter_arrow_up.png);
			}
	#filter_bar .filters {
		clear: both;
		display: none;
		border: none;
	}
		.filter {
			display: block;
			color: #666;
			font-size: 0.875rem;
			padding: 0.625rem 0;
			background-image: url(../images/res/orange_arrow_down.png);
			background-repeat: no-repeat;
			background-position: center right 7px;
			clear: both;
		}
			.filter.expanded {
				background-image: url(../images/res/orange_arrow_up.png);
			}
			.filter:hover, .filter:focus {
				color: #666;
			}
			.filter span {
				color: #f28a21;
			}
				.filter span.unselected {
					color: #CCC;
					font-size: 0.75rem;
				}

.paginationjs-pages li {
    margin-bottom: 5px;
    padding: 5px 10px;
    display: inline;
    font-size: 100%
}

    .paginationjs-pages li.active a {
        color: #f28a21;
        outline: none;
    }

/* Filters */

#dest_filter_mob, #type_filter_mob, #days_filter_mob, #theme_filter_mob {
	display: none;
	padding: 0;
}
#dest_filter_mob {
	max-height: 250px;
	z-index: 0 !important;
    overflow-y: scroll !important;
}

#filter_bar h4 {
	clear: both;
}


a.expand_dest {
	padding-left: 25px;
	background: url(../images/res/filter_arrow_down.png) left center no-repeat;
}
	a.expand_dest:hover {color: #f28a21;}
	a.expand_dest.active {
		  background-image: url(../images/res/filter_arrow_up.png);
	}

a.checklist {
	padding-left: 25px;
	background: url(../images/res/fliter_check.png) left center no-repeat;
}
	a.checklist:hover {color: #f28a21;}
	a.checklist.active {
		background-image: url(../images/res/filter_checked.png);
		color: #f28a21;
	}

.filter_list {
	font-size: 0;
}
	.filter_list li {
		width: 50%;
		display: inline-block;
	}
	.filter_list li a {
		padding-left: 22px;
		background-image: url(../images/res/fliter_check.png);
		background-position: left center;
		background-repeat: no-repeat;
		color: #666;
	}
		.filter_list li a:hover, .filter_list li a:focus, .filter_list li a.checked {
			color: #f28a21;
		}
		.filter_list li a.checked {
			background-image: url(../images/res/filter_checked.png);
		}

	#dest_filter .filter_list li {
		width: 50%;
		display: inline-block;
	}

/* Listing Grid */

.listing_grid {
	margin: 0.3125rem -0.3125rem 0;
}
	.listing {
			
	}
		.listing a {
			display: block;
			border: 1px solid #eceff3;
			border-bottom: 2px solid #0b3868;
			margin-bottom: 0.625rem;
			background-image: url(../images/res/btn_arrow_r_sm_indi.png);
			background-position: bottom 0.375rem right 0.625rem;
			background-repeat: no-repeat;
		}
			.listing a:hover {
				background-image: url(../images/res/btn_arrow_r_sm_hover.png);
			}
		.listing img {

		}
		.listing .equal {
			display: block;
			overflow: hidden;
		}
		.listing .h3, .listing .p {
			display: block;
			margin: 1.25rem 0.625rem; 
		}
		.listing .h3 {
			font-size: 1rem;
			font-weight: 600;
			color: #0b3868;
		}
		.listing .p, .listing .days {
			font-size: 0.75rem;
			color: #666;
		}
		.listing .days {
			display: block;
			margin: 0 0.625rem;
			padding: 0.625rem 0;
			padding-left: 1.875rem;
			border-top: 1px solid #eceff3;
			background-image: url(../images/res/icon_clock.png);
			background-position: left center;
			background-repeat: no-repeat;
		}
			.listing .days.loc {
				background-image: url(../images/res/icon_loc.png);
				padding-left: 1.5rem;
				background-position: -3px center;
			}
		
.pagi_next {
	background: url(../images/res/pagi_next.png) right center no-repeat;
	padding-right: 0.9375rem;
	font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
}
	.pagi_next:hover, .pagi_next:focus {
		background-image: url(../images/res/pagi_next_hover.png);
	}
.pagi_prev {
	background: url(../images/res/pagi_prev.png) left center no-repeat;
	padding-left: 0.9375rem;
	font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif !important;
}
	.pagi_prev:hover, .pagi_prev:focus {
		background-image: url(../images/res/pagi_prev_hover.png);
	}
		
/* OFFER LISTING
================================================================================ */

.advert.exclusive {
	position: relative;
	padding-bottom: 25px !important;
}
	.advert.exclusive:before {
		content: "";
		position: absolute;
		right: 0;
		height: 35px;
		width: 35px;
		background-image: url(../images/res/dmc-exclusive.png);
		background-position: top right;
	}
				

		
/* MISC
================================================================================ */
.square_box {
	position: relative;
	width: 50%; /* desired width */
}
.square_box:before {
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}
	.square_box .content {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
	}

/*ul.photo_links {}
	ul.photo_links li {
		position: relative;
		overflow: hidden;
		margin: 0;
	}
	
	ul.photo_links li a {
		display: block;	
		position: relative;
	}
	ul.photo_links li img {
		position: relative;
		z-index: 1;	
  		-webkit-filter: grayscale(0.7);
		filter: grayscale(0.7);
		opacity: 0.6;
		
		-webkit-transition: opacity 300ms ease-outt;
		-moz-transition: opacity 300ms ease-out;
		transition: opacity 300ms ease-out;
		
	}
		ul.photo_links li a:hover img {
  			-webkit-filter: grayscale(0);
			filter: grayscale(0);
			opacity: 1;
		}
	
	ul.photo_links li span.title {
		display: block;
		position: absolute;
		z-index: 2;	
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-align: center;
		
		color: #ffffff;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 1.875rem;
		font-weight: 600;
		text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
		box-shadow: inset 0px 0px 50px rgba(0,0,0,0.15);
		letter-spacing: 0px;
		
		-webkit-transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
		-moz-transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
		transition: letter-spacing 200ms ease-out 100ms, font-size 200ms ease-out 100ms;
	}
	ul.photo_links li span.title span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;	
	}
		ul.photo_links li a:hover span.title {
			letter-spacing: 1px;
			font-size: 2rem;
		}*/

/* FOOTER
================================================================================ */
#footer {}

ul.footer_links {
	margin: 0;
	list-style: none;	
	text-align: center;
}
	ul.footer_links li {
		background: none;	
		display: inline-block;
		border-right: solid 1px #666666;
		padding: 0 0.625rem;
		font-size: 0.75rem;
		margin: 0;
	}
		ul.footer_links li:last-child {border: none;}
		
		ul.footer_links li a {color: #666666;}
			ul.footer_links li a:hover {color: #f28a21;}
	

/* ACTION BAR ================================================================== */
#action-bar {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 9999;
	background: #0b3868;
	bottom: 0;
	left: 0;
}

	#action-bar ul {
		text-align: center;
		margin: 0;
		padding: 0;
	}
		#action-bar ul li {
			display: inline-block;
			margin: 0;
			padding: 0;
			width: 50px;
			background: none;
			font-size: 12px;
			height: 30px;
		}
			#action-bar ul li a {
				display: block;
				width: 30px;
				height: 30px;
				border-radius: 25px;
				border: solid 1px #ffffff;	
				text-indent: -9999px;
				background-position: -1px -1px;
				background-color: #0b3868;
				margin: 10px auto;
				background-position: 50% 0;  /* Sets reference point to scale from */
				background-size:cover;        /* Sets background image to cover entire element */
			}
			
				#action-bar ul li a.icon_con {background-image: url(../images/res/icon_contact.png);}
				#action-bar ul li a.icon_pay {background-image: url(../images/res/icon_payment.png);}
				#action-bar ul li a.icon_news {background-image: url(../images/res/icon_news.png);}
				#action-bar ul li a.icon_phil {background-image: url(../images/res/icon_phil.png);}
				#action-bar ul li a.icon_form {background-image: url(../images/res/icon_form.png);}
                #action-bar ul li a.icon_book {background-image: url(../images/res/icon_book.png);}
				
					#action-bar ul li a:hover {
						background-position: 50% 100%;
						background-color: #ffffff;
					}


					

/* SMALL (up to 640px)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (max-width: 40.063em) {
	#dest_filter, #type_filter, #days_filter, #theme_filter {
		display: none !important;
	}
	ul.social li.link {
		margin: 0 auto !important;
		margin-bottom: 10px !important;
	}
}

/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {



/* FOUNDATION ELEMENTS
================================================================================ */

/* HEADER
================================================================================ */
#header {
	height: 90px;
}

form.frm_search {margin-top: 1.25rem;}

.page_banner .banner_video span.vid_text, .banner .banner_video span.vid_text {
    font-size: 1.125rem;
}

/* BREADCRUMB
================================================================================ */

/* MAIN CONTENT
================================================================================ */
/* offset anchor points for fixed header */
a[name]:not([href]) {
	top: -130px;
} 

/* TABS
================================================================================ */
ul.tabs {margin: 1.875rem 0 !important;}
	ul.tabs li a, ul.tabs li.tab-title > a {
		text-align: left;
		font-size: 1rem;
	}

/* SUBNAVIGATION =============================================================== */
.sub_nav_link_con {
	margin: 0.625rem 0 0 0;
}
.sub_nav_link_con.active {
	background: url(../images/res/sub_nav_fade.png) right bottom no-repeat;	
}
.sub_nav_link_con:after {
	content: '';
	display: block;
	clear: both;	
}
a.sub_nav_link {
	display: inline-block;
	font-size: 0.875rem; 
	padding: 0.625rem 1.875rem 0.625rem 0.9375rem;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	background-color: #ffffff;
}
a.sub_nav_link:after { top: 13px;}
 a.sub_nav_link.active {border-color: #f0f0f0;}
.sub_nav ul li {padding-top: 0.9375rem; padding-bottom: 0.9375rem;}
.sub_nav ul li:nth-child(even) {
	border-right: solid 1px #f0f0f0;	
}
.sub_nav ul li:nth-child(9), .sub_nav ul li:nth-child(10), .sub_nav ul li:nth-child(11), .sub_nav ul li:nth-child(12) {
	border-bottom: none;	
}
.sub_nav ul li:nth-child(4n+0) {
	border-right: none;	
}


/* FORMS
================================================================================ */
form fieldset:nth-child(2n) {
	background: #ffffff;
}

ul li.checkbox {
	float: left;
	width: 50%;	
}
	ul li.checkbox(odd) {clear: both;}
/* BUTTONS
================================================================================ */

/* LISTINGS
================================================================================ */

/* Filter Bar */

#dest_filter_mob, #type_filter_mob, #days_filter_mob, #theme_filter_mob {
	display: none !important;
}
#dest_filter, #type_filter, #days_filter, #theme_filter {
	display: none;
}

#filter_wrap.fixed {
	top: 130px;
	left: auto;
	padding: 0;
	max-width: calc(100% - 30px);
}
	#filter_wrap.fixed .row .columns.hide {
		display: block;
	}
		#filter_wrap.fixed .row .hide hr {
			margin-bottom: 0.9375rem;
		}

#filter_bar {
	position: relative;
}
	#filter_bar h3 {
		font-size: 1rem;
		width: auto;
		margin: 0 0 0.9375rem 0;
	}
		#filter_bar h3 .results {
			line-height: 2.42;
			float: right;
		}
		#filter_bar h3 .results#resultCount {margin-left: 0.9375rem;}
		#filter_bar h3 .expand_filters {
			display: none;
		}
	#filter_bar .filters {
		display: inline-block !important;
		width: 100%;
		right: 1.5625rem;
		text-align: right;
		position: absolute;
	}
		.filter {
			display: inline-block;
			padding: 0 0.9375rem 0 0;
			background-position: center right;
			margin-left: 1.25rem;
		
			line-height: 2;
		}
	
	#dest_filter {
		padding-bottom: 2.1875rem;
	}
	#dest_filter .filter_list {
		margin: 0;
	}
	#dest_filter .filter_list li {
		width: 25%;
		margin-bottom: 0.9375rem;
	}
		#dest_filter .filter_list li.full {
			margin-bottom: 0;
		}

/* Filters */

.filter_list {
	font-size: 0;
	margin: 2.1875rem 0 1.25rem; 0;
}
	.filter_list li {
		width: 25%;
		margin-bottom: 1.875rem;
	}
	.filter_list li.full {
		width: 100%;
	}
		.filter_list li.full ul {
			margin: 0;
			margin-top: 0.9375rem;
			font-size: 0;
		}
	.filter_list li a {
		font-size: 0.875rem;
	}
		.filter_list li a.checked {
			
		}

/* Listing Grid */

.listing_grid {
    margin: 1.5625rem -1.5625rem 0;	
    font-size: 0;
}
	.listing {
		width: 33.333333%;
		display: inline-block;	
		padding: 0 1.5625rem;
	}
		.listing a {
    		margin-bottom: 3.125rem;
    		background-image: url(../images/res/btn_arrow_indi.png);
    	}
			.listing a:hover {
				background-image: url(../images/res/btn_arrow_hover.png);
			}
		.listing img {

		}
		.listing .h3, .listing .p {
			
		}
		.listing .h3 {
			
		}
		.listing .p, .listing .days {
			
		}
		.listing .days {
			padding:  0.9375rem 0;		
			padding-left: 1.875rem;
		}
		
/* OFFER LISTING
================================================================================ */

.advert.exclusive {
	
}
	.advert.exclusive:before {
		right: 0.9375rem;
	}
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */
.vert_centre_med {position: relative; top: 50%; transform: translateY(-50%);}
.highlights {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;	
}

img.aligned_image {
	position: absolute;	
	right: 0;
	top: 50%;
	max-width: 40%;
}
img.small_width {
	max-width: 90%;
	
}
	.swap img.small_width {float: right;}
	.swap img.aligned_image {left: 0; right: auto;}
hr.light {
	border-color: #e6ebf0;	
	margin-left: auto;
	margin-right: auto;
	max-width: 50%;
}


/* Large (1020px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 64.063em) {

.medium-4.columns.no_pad_small.advert.exclusive
{
    height:300px
}
    /* GENERAL
================================================================================ */
    .no_pad_small {
        padding: 0 25px !important;
    }	

/* FOUNDATION ELEMENTS
================================================================================ */
.row .row {
	margin-left: -25px;
	margin-right: -25px;
}
	.row .row.no_marg_small {margin-left: -25px !important; margin-right: -25px !important;}

.column, .columns {
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}

.columnswhatwedo {		
	position: relative;		
	padding-left: 51px;		
	padding-right: 51px;		
	float: left;
}	
	
/* HEADER
================================================================================ */


/* NAVIGATION
================================================================================ */
#nav { padding: 0 25px;}

/* BREADCRUMB
================================================================================ */

/* MAIN CONTENT
================================================================================ */

/* SUBNAVIGATION =============================================================== */
/*.sub_nav ul li:nth-child(7), .sub_nav ul li:nth-child(8) {
	border-bottom: none;	
}*/
.sub_nav ul li:nth-child(4n+0) {
	border-right: solid 1px #f0f0f0;
}
/*.sub_nav ul li:nth-child(6n+0) {
	border-right: none;
}*/


/* FORMS
================================================================================ */

/* BUTTONS
================================================================================ */

/* LISTINGS
================================================================================ */

/* Filter Bar */

#filter_wrap.fixed {
	max-width: 1024px;
}
	#dest_filter .filter_list li {
		width: 20%;
	}
		#dest_filter .filter_list li.full {
			width: 100%;
		}

/* OFFER LISTING
================================================================================ */

.advert.exclusive {
	
}
	.advert.exclusive:before {
		right: 25px;
	}
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */
.highlights {
	padding-top: 5rem;
	padding-bottom: 5rem;	
}

img.aligned_image {
	position: absolute;	
	max-width: 30%;
}

/* FOOTER
================================================================================ */

}

@media only screen and (min-width: 1250px) {
/* ACTION BAR */
#action-bar {
	position: fixed;
	width: 90px;
	height: 380px;
	z-index: 999;
	padding-top: 25px;
	top: 100px;
	left: calc((100% - 1074px)/2 + 1074px);
	background: url(../images/res/rhs_tabs_bg.png) center left no-repeat;
}

	#action-bar ul {
		text-align: center;
		margin: 0;
		padding: 0;
	}
		#action-bar ul li {
			display: inline-block;	
			margin: 10px 20px;	
			padding: 0;
			height: auto;
			width: 70px;
		}
			#action-bar ul li a {
				display: block;
				width: 70px;
				height: 70px;
				border-radius: 0;
				border: none;	
				text-indent: 0;
				background-color: #ffffff;
				
				color: #666666;
				padding-top: 60px;
				
				line-height: 18px;
				text-align: center;
			}
			
			
			#action-bar ul li a span {
				display: none;
			}

                #action-bar ul li a.icon_con, #action-bar ul li a.icon_pay, #action-bar ul li a.icon_news, #action-bar ul li a.icon_phil, #action-bar ul li a.icon_form, #action-bar ul li a.icon_book {
                    background-position: center top;
                    background-repeat: no-repeat;

                }
				#action-bar ul li a.icon_con {background-image: url(../images/res/icon_contact_lg.png);}
				#action-bar ul li a.icon_pay {background-image: url(../images/res/icon_payment_lg.png);}
				#action-bar ul li a.icon_news {background-image: url(../images/res/icon_news_lg.png);}
				#action-bar ul li a.icon_phil {background-image: url(../images/res/icon_phil_lg.png);}
				#action-bar ul li a.icon_form {background-image: url(../images/res/icon_form_lg.png);}
    #action-bar ul li a.icon_book {background-image: url(../images/res/icon_book_lg.png); 
    }
				
				#action-bar ul li a:hover {
					background-position: center -100px;
                    background-repeat: no-repeat;
					background-color: transparent;
					border-color: transparent;
					color: #0b3868;
				}

}



.toggle {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle__checkbox {
    display: none
}

.toggle__inner {
    background-color: #efefef;
    border: 1px solid #aeb0af;
    border-radius: 19px;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    position: relative;
    width: 36px;
    margin-left: .25rem;
    margin-right: .25rem;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%)
}

.toggle--large .toggle__inner {
    border-radius: 34px;
    height: 34px;
    width: 72px
}

.toggle__handle {
    background-color: #01437d;
    border-radius: 50%;
    height: 15px;
    left: 1px;
    top: 1px;
    position: absolute;
    width: 15px;
    -webkit-transition: left .2s ease;
    transition: left .2s ease
}

.toggle__checkbox[disabled]~.toggle__inner .toggle__handle {
    background-color: #888 !important
}

.toggle--large .toggle__handle {
    height: 30px;
    width: 30px
}

.toggle__label {
    display: inline-block;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase
}

@media screen and (min-width: 0px) and (max-width:479px) {
    .toggle__label {
        font-size:.5688888889rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 480px) and (max-width:767px) {
    .toggle__label {
        font-size:.6044444444rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .toggle__label {
        font-size:.6044444444rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
    .toggle__label {
        font-size:.6755555556rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1440px) and (max-width:1899px) {
    .toggle__label {
        font-size:.6755555556rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1900px) and (max-width:9998px) {
    .toggle__label {
        font-size:.7111111111rem;
        margin-bottom: 0
    }
}

.toggle .toggle__label--checked,.toggle__checkbox:checked~.toggle__label--unchecked {
    color: #01437d
}

.toggle .toggle__label--unchecked,.toggle__checkbox:checked~.toggle__label--checked {
    color: #adaeb0
}

.toggle__checkbox:checked~.toggle__inner .toggle__handle {
    left: -webkit-calc(100% - 15px - 1px);
    left: calc(100% - 15px - 1px)
}

.toggle--large .toggle__checkbox:checked~.toggle__inner .toggle__handle {
    left: -webkit-calc(100% - 30px - 1px);
    left: calc(100% - 30px - 1px)
}

.toggle__checkbox[disabled]:checked~.toggle__label--unchecked,.toggle__checkbox[disabled]~.toggle__label--checked {
    color: rgba(136,136,136,.5)
}

.toggle__checkbox[disabled]:checked~.toggle__label--checked,.toggle__checkbox[disabled]~.toggle__label--unchecked {
    color: rgba(136,136,136,.25)
}

.toggle__checkbox[disabled]~.toggle__inner {
    background-color: rgba(239,239,239,.5);
    border: 1px solid rgba(174,176,175,.5);
    cursor: not-allowed
}

.toggle__checkbox[disabled]~.toggle__inner .toggle__handle {
    opacity: .5
}

.buttonUmbForm {    
	background-color: #ffffff !important;
    border-color: #aaaaaa !important;
    color: #aaaaaa !important;
}