/***
Module-Name: Aduvio Website
Machine-Name: aduvio-website
Author: Aduv.io
Version: 2.0
***/

@charset "utf-8";
/* CSS Document */
/* font */
/**/


html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 14px;
	background: #f7f9fb;
}


button {
	box-shadow: 0 4px 12px rgba(16,42,82,.08), 0 2px 4px rgba(16,42,82,.05);
}


#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,0,0,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.warning {
	color: #FBC02D;
}

.danger {
	color: #E53935;
}

.info {
	color: #0277BD;
}

.success {
	color: #388E3C;
}

.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-logo {
	margin-top: -12px;
}

/*The header's colour. It stays on .navbar-inverse rather than .site-header: theme and site
  stylesheets load after this one and recolour the header through .navbar-inverse, and a plain
  background there still replaces the gradient*/
.navbar-inverse {
	background: linear-gradient(115deg, #0a0a0a 0%, #161616 55%, #242424 100%) #141414;
	border-color: transparent;
}

#site-banner a {
	color: inherit !important;
	text-decoration: underline;
}

/*The banner is the first thing inside the fixed navbar and spans the whole bar. Its colours and
  font size are settings, so they arrive inline; the rest belongs here.*/
#site-banner {
	padding: 5px 15px;
	text-align: center;
}

header {
	background:#000;
	height: 40px;
	width: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	border-bottom: 2px #333;
}

.header_search {
	float: right;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	border: none;
}

.header_search input[type='text'] {
	border: 1px solid #222;
	width: 200px;
	background: #ccc;
	padding: 5px 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
color: #000;
}

.header_search input[type='text']:focus {
	background: #fff;
	color: #000;
}

#header_social_container {
	margin-top: 20px;
}


#header_social_container i {
	margin-left: 15px;
}

.header_fb_icon, .header_twitter_icon {
	color: #fff;
}

/* ==========================================================================
   Site header - php/includes/header.php

   Desktop (992px up) is two rows: a thin strip with the phone, e-mail and social icons and the
   language switcher, then the bar - logo on the left, the site menu centred on the page, the
   account links and cart on the right. The strip is only printed when something in it is turned
   on, and the nav carries .has-utility-bar when it is.

   Below 992px it is one bar with the menu button, and everything opens under it in the order
   menu, account, icons.

   The colours are custom properties on .site-header so a theme can retune the header without
   chasing every selector below. The background itself stays on .navbar-inverse, see above.
   ========================================================================== */

.site-header {
	--header-accent: #fff;
	--header-accent-ink: #111;
	--header-link: rgba(255,255,255,.78);
	--header-link-hover: #fff;
	--header-rule: rgba(255,255,255,.08);
	--header-strip-bg: rgba(0,0,0,.22);
	--header-gutter: 16px;
	border-width: 0px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/*A thin accent line along the bottom edge. .navbar uses :after as a clearfix, which a fixed bar
  with nothing floating after it has no use for*/
.site-header:after {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--header-accent) 30%, var(--header-accent) 70%, transparent);
	opacity: .2;
	pointer-events: none;
}

/*The page starts below the fixed header - page-js.php sets the real padding from the header's
  measured height once it has loaded, these are only what it starts at*/
.site-header ~ .content {
	padding-top: 60px;
}

.site-header .site-header-main {
	padding-left: var(--header-gutter);
	padding-right: var(--header-gutter);
}

/*Bootstrap pulls the brand 15px left from 768px up with a .navbar > .container-fluid selector,
  so this one has to be as specific*/
.site-header > .site-header-main .navbar-brand {
	display: flex;
	align-items: center;
	height: 60px;
	margin-left: 0px;
	padding: 10px 0px;
}

.site-header .navbar-logo {
	display: block;
	width: auto;
	max-width: 220px;
	height: 40px;
	margin-top: 0px;
	object-fit: contain;
}

/*The lists are flex rows on both layouts, where Bootstrap's clearfix pseudo elements would each
  become an item and take a gap*/
.site-header .site-header-menu:before,
.site-header .site-header-menu:after,
.site-header #header-nav-right:before,
.site-header #header-nav-right:after,
.site-header .site-header-utility:before,
.site-header .site-header-utility:after {
	content: none;
}

.site-header .navbar-nav > li > a {
	color: var(--header-link);
	font-weight: 500;
	transition: color .15s ease, background-color .15s ease;
}

.site-header .navbar-nav > li > a:hover,
.site-header .navbar-nav > li > a:focus,
.site-header .navbar-nav > .open > a,
.site-header .navbar-nav > .open > a:hover,
.site-header .navbar-nav > .open > a:focus {
	color: var(--header-link-hover);
	background-color: transparent;
}

.site-header .caret {
	margin-left: 4px;
	opacity: .7;
}

/*Account links: Sign Up / My Account is the button, Login / Logout a plain link beside it*/
.site-header #header-nav-right > li > a {
	border-radius: 999px;
	line-height: 20px;
}

.site-header #header-nav-right > li > a.header-cta {
	background: var(--header-accent);
	color: var(--header-accent-ink);
	font-weight: 600;
}

.site-header #header-nav-right > li > a.header-cta:hover,
.site-header #header-nav-right > li > a.header-cta:focus {
	background: #d4d4d4;
	color: var(--header-accent-ink);
}

.site-header .header-cart-link {
	position: relative;
}

.site-header .header-cart-icon {
	font-size: 18px;
}

.site-header .header-cart-badge {
	margin-left: 4px;
	background: var(--header-accent);
	color: var(--header-accent-ink);
	font-size: 11px;
	vertical-align: 2px;
}

/*The contact and social icons are one row inside a single li*/
.site-header .navbar-nav > li.header-icon-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.site-header .navbar-nav > li.header-icon-row > a {
	padding: 0px 8px;
	color: var(--header-link);
}

.site-header .navbar-nav > li.header-icon-row > a:hover,
.site-header .navbar-nav > li.header-icon-row > a:focus {
	color: var(--header-accent);
}

.site-header .header-icon-row .header_fb_icon {
	color: inherit;
}

.site-header #nav-language-link > a:before {
	content: '\f0ac';
	margin-right: 6px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.site-header #header-language-select {
	height: 28px;
	padding: 0px 6px;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 6px;
	background: transparent;
	color: var(--header-link-hover);
}

.site-header #header-language-select option {
	color: #222;
}

.site-header .navbar-toggle {
	margin: 13px 0px;
	padding: 10px;
	border: 0px;
	border-radius: 8px;
	box-shadow: none;
}

.site-header .navbar-toggle:hover,
.site-header .navbar-toggle:focus {
	background: rgba(255,255,255,.1);
}

.site-header .navbar-toggle .icon-bar {
	width: 22px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
}

/*Header: the menu button stays on until the desktop layout.

Bootstrap 3 lays the navbar out horizontally from 768px up, which is exactly the width of a tablet
held upright. The row it has to fit on there is the site menu, plus Sign Up / Login or My Account /
Logout, plus the phone, e-mail and social icons and the language switcher - so it wrapped onto a
second and often a third line. The navbar is fixed to the top of the page and .content clears it
with a flat 50px of padding, so every line it wrapped onto was a line of the page hidden behind it.

Below 992px the whole lot goes back behind the menu button instead. Bootstrap's own collapsed
styles only reach to 767px, so the parts of them that matter above that are repeated here.*/

@media (max-width: 991px) {

	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0px 0px 1px;
	}

	.navbar-collapse {
		border-top: 1px solid rgba(0,0,0,.1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}

	.navbar-fixed-top .navbar-collapse {
		max-height: 340px;
		overflow-y: auto;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.navbar-nav,
	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-nav {
		margin: 7.5px -15px;
	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*Sub menus open in place rather than as a panel floating over the page*/
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0px;
		background-color: transparent;
		border: 0px;
		box-shadow: none;
	}

	.navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px 5px 25px;
		line-height: 20px;
		color: #9d9d9d;
	}

	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		color: #fff;
		background-image: none;
		background-color: transparent;
	}

	/*The open menu: the site menu, then the account links and cart as a row of buttons, then the
	  icons and the language switcher, each part under a divider*/
	.site-header .navbar-collapse {
		max-height: 70vh;
		margin-left: calc(var(--header-gutter) * -1);
		margin-right: calc(var(--header-gutter) * -1);
		padding: 0px var(--header-gutter) 14px;
		border-top: 1px solid var(--header-rule);
		box-shadow: none;
	}

	.site-header .navbar-nav {
		margin: 0px;
	}

	.site-header .navbar-nav > li {
		padding-left: 0px;
		padding-right: 0px;
	}

	.site-header .site-header-menu {
		padding: 6px 0px;
	}

	.site-header .site-header-menu > li > a {
		padding: 11px 0px;
		font-size: 15px;
	}

	.site-header .navbar-nav .open .dropdown-menu {
		margin: 0px 0px 6px 2px;
		border-left: 2px solid var(--header-rule);
	}

	.site-header .navbar-nav .open .dropdown-menu > li > a {
		padding: 8px 0px 8px 16px;
		color: var(--header-link);
	}

	.site-header .navbar-nav .open .dropdown-menu > li > a:hover,
	.site-header .navbar-nav .open .dropdown-menu > li > a:focus {
		color: var(--header-link-hover);
	}

	.site-header #header-nav-right {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 14px 0px;
		border-top: 1px solid var(--header-rule);
	}

	.site-header #header-nav-right > li > a {
		padding: 8px 16px;
		border: 1px solid rgba(255,255,255,.18);
	}

	.site-header #header-nav-right > li > a.header-cta {
		border-color: transparent;
	}

	.site-header .site-header-utility {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding-top: 8px;
		border-top: 1px solid var(--header-rule);
	}

	/*The icons line up with the menu text above them, and get a finger sized row to sit on*/
	.site-header .navbar-nav > li.header-icon-row {
		margin-left: -8px;
	}

	.site-header .navbar-nav > li.header-icon-row > a,
	.site-header #nav-language-link > a {
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 44px;
	}

	.site-header #nav-language-link > a {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 992px) {

	.site-header {
		--header-gutter: 24px;
	}

	.site-header ~ .content {
		padding-top: 70px;
	}

	/*36px of strip plus its 1px rule*/
	.site-header.has-utility-bar ~ .content {
		padding-top: 107px;
	}

	/*Logo | menu | account. The two outside columns share what is left equally, which is what keeps
	  the menu centred on the page rather than in the space between the logo and the account links -
	  and each is still at least as wide as what is in it, so a long menu wraps rather than running
	  under the logo*/
	.site-header .site-header-main {
		display: grid;
		grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
		grid-template-areas: "brand menu account";
		align-items: center;
		column-gap: 24px;
	}

	.site-header.has-utility-bar .site-header-main {
		grid-template-areas: "utility utility utility" "brand menu account";
	}

	/*Bootstrap's clearfix pseudo elements would each take a cell of the grid*/
	.site-header .site-header-main:before,
	.site-header .site-header-main:after,
	.site-header .navbar-collapse:before,
	.site-header .navbar-collapse:after {
		content: none;
	}

	/*The collapse wrapper is only there for the menu button. Here its lists are placed in the grid
	  directly, which is what lets the menu and the account links sit in columns of their own and
	  the strip span the full width above them*/
	.site-header .navbar-collapse.collapse {
		display: contents !important;
	}

	.site-header .navbar-header {
		grid-area: brand;
		float: none;
	}

	.site-header > .site-header-main .navbar-brand {
		height: 70px;
		padding: 15px 0px;
	}

	.site-header .site-header-menu {
		grid-area: menu;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		float: none !important;
		margin: 0px;
	}

	.site-header .site-header-menu > li > a {
		padding: 25px 14px;
		font-size: 15px;
		line-height: 20px;
	}

	/*An accent underline grows in under the hovered item and the one whose sub menu is open*/
	.site-header .site-header-menu > li > a:after {
		content: '';
		position: absolute;
		left: 14px;
		right: 14px;
		bottom: 16px;
		height: 2px;
		border-radius: 2px;
		background: var(--header-accent);
		transform: scaleX(0);
		transition: transform .2s ease;
	}

	.site-header .site-header-menu > li > a:hover:after,
	.site-header .site-header-menu > li > a:focus:after,
	.site-header .site-header-menu > li.open > a:after,
	.site-header .site-header-menu > li.active > a:after {
		transform: scaleX(1);
	}

	.site-header .site-header-menu > li > .dropdown-menu {
		left: 50%;
		min-width: 210px;
		margin-top: -8px;
		padding: 8px;
		border: 0px;
		border-radius: 10px;
		box-shadow: 0 16px 40px rgba(0,0,0,.16), 0 2px 8px rgba(0,0,0,.08);
		transform: translateX(-50%);
		animation: site-header-dropdown .16s ease-out;
	}

	.site-header .site-header-menu .dropdown-menu > li > a {
		padding: 9px 14px;
		border-radius: 6px;
		color: #222;
	}

	.site-header .site-header-menu .dropdown-menu > li > a:hover,
	.site-header .site-header-menu .dropdown-menu > li > a:focus {
		background: #f0f0f0;
		color: #111;
	}

	.site-header #header-nav-right {
		grid-area: account;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 4px;
		margin: 0px;
	}

	.site-header #header-nav-right > li > a {
		padding: 8px 14px;
	}

	.site-header #header-nav-right > li > a:hover,
	.site-header #header-nav-right > li > a:focus {
		background-color: rgba(255,255,255,.08);
	}

	/*The count sits on the corner of the cart rather than beside it*/
	.site-header .header-cart-badge {
		position: absolute;
		top: 0px;
		right: 2px;
		min-width: 18px;
		margin: 0px;
		padding: 3px 5px;
	}

	/*The strip reaches past the gutter to both edges of the screen*/
	.site-header .site-header-utility {
		grid-area: utility;
		display: flex;
		align-items: center;
		float: none !important;
		min-height: 36px;
		margin: 0px calc(var(--header-gutter) * -1);
		padding: 0px var(--header-gutter);
		background: var(--header-strip-bg);
		border-bottom: 1px solid var(--header-rule);
		font-size: 13px;
	}

	/*Icons to the left, the language switcher to the right - either one on its own keeps its side*/
	.site-header .navbar-nav > li.header-icon-row {
		margin-left: -8px;
		margin-right: auto;
	}

	.site-header .header-language-item,
	.site-header #nav-language-link {
		margin-left: auto;
	}

	.site-header .navbar-nav > li.header-icon-row > a,
	.site-header #nav-language-link > a {
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 36px;
	}

	.site-header #nav-language-link > a {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 13px;
	}

	/*Phones keep 16px on the select - see the note on the max-width: 767px block further down*/
	.site-header #header-language-select {
		height: 26px;
		font-size: 13px;
	}
}

@media (min-width: 1400px) {

	.site-header {
		--header-gutter: 40px;
	}
}

@keyframes site-header-dropdown {
	from {
		opacity: 0;
		transform: translate(-50%, 6px);
	}
	to {
		opacity: 1;
		transform: translate(-50%, 0px);
	}
}

@media (prefers-reduced-motion: reduce) {

	.site-header *,
	.site-header *:after {
		animation: none !important;
		transition: none !important;
	}
}


.headertopcontent {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	color: #fff;
}
.headerlogo {
	width: 230px;
	height: 40px;
	margin-right: 10px;
	float: left;
	border: none;
}

.headerlogo img {
	border: none;
}

.headerfblogin {
	width: 120px;
	height: 40px;
	float: left;
	margin-left: 10px;
	display: none;
}

.headerfblogin img {
	opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
}

.headerfblogin img:hover {
	opacity: 1;
	filter: alpha(opacity=60);
}


.headerlogin {
	width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	float: right;
}


.warning {
	color: #FBC02D;
}

.danger {
	color: #E53935;
}

.info {
	color: #0277BD;
}

.success {
	color: #388E3C;
}


.aduvio-feature-card {

  background: #ffffff !important;
  border: 1px solid rgba(15, 41, 66, 0.08);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 41, 66, 0.06),
              0 1px 3px rgba(15, 41, 66, 0.04);
  transition: box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
              transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
	padding: 15px;
}

.aduvio-feature-card:hover {
  box-shadow: 0 10px 24px rgba(15, 41, 66, 0.10),
              0 4px 8px rgba(15, 41, 66, 0.06);
  transform: translateY(-2px);
}

/*List group styles */

.panel-body .list-group {
	margin-bottom: 0px;
}

/*JQuery Datepicker calendar icon fix */
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { margin-top: 10px !important;}


.ui-datepicker {
	z-index: 1060 !important;
	background: rgb(255,255,255);
}

.clickable {
	cursor: pointer;
}

#loginbutton {
	padding: 5px 10px;
	min-width: 70px;
	overflow: hidden;
	border: none;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	background: #55B5E0;
}

#accountbutton {
	padding: 5px 10px;
	min-width: 90px;
	overflow: hidden;
	border: none;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	background: #55B5E0;
}

#loginbutton:hover {
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
}

.header_register {
	height: 40px;
	width: 100px;
	float: right;
}

.header_register a {
	text-decoration: none;
}

#registerbutton {
	padding: 5px 10px;
	width: 70px;
	border: none;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	background: #FFB41A;
}


#registerbutton:hover {

background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );
}

#registerbutton a {
	text-decoration: none;
}

.headercenter {
	height: 40px;
	float: left;
	padding: 5px 20px;
	width: 560px;
}

.headerlogout {
	height: 40px;
	width: 120px;
	float: right;
}

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

.registererrors {
	min-height: 0;
	max-height: 15px;
	width: 600px;
	color: #fff;
}
.headerbottom {
	width: 100%;
	height: 35px;
	padding-top: 10px;
	background: #333;
	font-size: 13px;
}

.headerbottom_content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
}

.headerbottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.headerbottom li {
	color: #ccc;
	float: left;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	padding-left: 35px;
	padding-right: 35px;
	border-right: 1px #ccc;
	text-transform: uppercase;
}

.headerbottom li:hover {
	color: #fff;
}


.image_shaded:after {
content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, transparent 0px, transparent 0px, rgba(0, 0, 0, 0.50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	transition-duration: 0.5s;
}

.content {
	min-height: 400px;
	overflow: hidden;
	padding-top: 50px;
	background: #f7f9fb;
}

.bootstrap_container {
	 width: 100%;
	 min-height: 30px;
	 overflow: hidden;
	 margin-left: auto;
	 margin-right: auto;
	 padding-left: 10px;
	 padding-right: 10px;
}

.banner-row {
	background-color: #263544;
}

.sky-form .required {
	color: #f00;
}

/*Padding and margin styles*/

.padding-0 {
	padding: 0px !important;
}
.padding-bottom-sm {
	padding-bottom: 25px;
}

.padding-top-xs {
	padding-top: 10px !important;
}

.padding-xs {
	padding: 10px !important;
}

.padding-top-md {
	padding-top: 40px;
}

.padding-bottom-md {
	padding-bottom: 40px;
}


.margin-top-xs {
	margin-top: 10px !important;
}

.margin-bottom-xs {
	margin-bottom: 10px !important;
}

.margin-left-xs {
	margin-left: 10px !important;
}
.margin-right-xs {
	margin-right: 10px !important;
}

.margin-xs {
	margin: 10px !important;
}
.margin-left-sm {
	margin-left: 25px !important;
}

.margin-top-sm {
	margin-top: 25px !important;
}

.margin-bottom-sm {
	margin-bottom: 25px !important;
}

.margin-right-sm {
	margin-right: 25px !important;
}

.margin-top-md {
	margin-top: 40px !important;
}

.margin-bottom-md {
	margin-bottom: 40px !important;
}
.margin-top-lg {
	margin-top: 70px !important;
}
.margin-bottom-lg {
	margin-bottom: 70px !important;
}
.margin-bottom-0 {
	margin-bottom: 0px;
}



.sky-form fieldset .well {
	background: #fff;
}

.chosen-container {
	width: 100% !important;
}

.chosen-container-single .chosen-single {
	height: 30px !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	background: #fff !important;
	padding-top: 6px !important;
	border-color: #e5e5e5 !important;
	box-shadow: none !important;
}


.chosen-container-multi .chosen-choices {
	border: 1px solid #e5e5e5 !important;
	background-image:  none !important;
	padding: 5px 10px !important;
	border-radius: 4px !important;
}


.box {
	padding: 20px;
	background: #fafafa;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}


	.content-container {
	max-width: 1400px !important;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	background: none;
}


.title_box {
 width: 100%;
 background: #E7F5F8;
 min-height: 30px;
 box-sizing: border-box;
 color: #259BC1;
 padding: 10px;
 font-size: 2em;
 border-top: 3px solid #C4C9CC;
 margin-bottom: 30px;
}

.alert { position: relative; }
.alert_slim {
	padding-top: 10px;
	padding-bottom: 10px;
}



.alert-default {
	background: #f2f2f2;
	border-color: #ccc;
	color: #333;
}

.alert-warning {
	background-color: #fcf0cf;
	border-color: #E5A400;
	color: #333d47;
}

.alert-warning i {
	color: #E5A400;
}

.alert-success {
	background-color: #dbf3e7;
	border-color: #17A06B;
	color: #333d47;
}

.alert-success i {
	color: #17A06B;
}

.alert-info {
	background-color: #ebf4ff;
	border-color: #007AFF;
	color: #333d47;
}

.alert-info i {
	color: #007AFF;
}

.alert-danger {
	background-color: #fbe0e1;
	border-color: #E5484D;
	color: #333d47;
}

.alert-danger i {
	color: #E5484D;
}

i.alert-close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.label {
	border-radius: 10px;
}

.label-success {
	background-color: #dbf3e7;
	color: #12855a;
	border: 1px solid #12855a;
}

.label-warning {
	background-color: #fcf0cf;
	color: #F57F17;
	border: 1px solid #FBC02D;
}

.label-danger {
	background-color: #E5484D;
	color: #fff;
	border: 1px solid #E5484D;
}

.label-info {
	background-color: #ebf4ff;
	color: #0059a1;
	border: 1px solid #e1e7ed;
}

.label-default {
	background-color: #eef2f6;
	color: #333d47;
	border: 1px solid #0059a1;
}

.label > i {
  margin-left: 0px;
}

.transparent-breadcrumb {
	background: transparent !important;
}

.white {
	color: #fff !important;
}

/*Auto Complete */

.autocomplete-container {
	z-index: 999 !important;
	position: absolute;
	width: 95%;
}

.autocomplete-container .item {
	background: #fafafa;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 10px;
}


/* Sections */

.sectn {
	min-height: 200px;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}

.sectn_black {
	background: #111;
}

.sectn_grey_2_black {
/* IE10+ */
background-image: -ms-linear-gradient(bottom, #333333 20%, #000000 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom, #333333 20%, #000000 100%);

/* Opera */
background-image: -o-linear-gradient(bottom, #333333 20%, #000000 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20, #333333), color-stop(100, #000000));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #333333 20%, #000000 100%);

/* W3C Markup */
background-image: linear-gradient(to top, #333333 20%, #000000 100%);
}

.sectn_white {
	min-height: 200px;
	width: 100%;
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}

.sectn_blcktrnsprnt {
	min-height: 200px;
	width: 100%;
	background: url(../images/black70bck.png);
	background-repeat: repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}

.sectn_blcktrnsprnt h2 {
	color: #55B5E0;
	font-weight: bold;
	text-align: center;
}

.sectn_content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
	overflow: hidden;
}

.content_left300_300 {
	width: 300px;
	margin-right: 20px;
	float: left;
	min-height: 300px;
	overflow: hidden;
}

.content_triplebox {
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
	width: 260px;
	min-height: 140px;
	overflow: hidden;
	float: left;
}

.content_quadboxcont {
	width: 960px;
	min-height: 120px;
	overflow: hidden;
	background: #FDFDFD;
	border: 1px solid #ddd;
	padding: 10px 0px;
}
.content_quadbox {
	margin-left: 10px;
	margin-right: 10px;
	width: 220px;
	min-height: 120px;
	overflow: hidden;
	float: left;
	font-weight: bold;
	color: #000;
}

.content_quadbox:hover {
	color: #55B5E0;
}


.image_right640_300 {
	width: 640px;
	height: 300px;
	float: left;
}


.footer {
	width:100%;
	min-height: 200px;
	overflow: hidden;
	background: #fff;
}

.footertop {
	width: 100%;
	height: 50px;
	background: #f7f7f7;
}

.footertopcenter {
	width: 960px;
	height: 50px;
	margin-left: 200px;
	margin-right: auto;
}

.footercontent {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
	overflow: hidden;
	color: #55B5E0;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;
}

.footercontent a{
	color: #FDFDFD;
	text-decoration: none;
}

.footercontent a:hover {
	color: #fdfdfd;
}


.footer_trplbox {
	width: 300px;
	box-sizing: border-box;
	float: left;
	min-height: 180px;
	padding: 10px;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	color: #fdfdfd;
}

.footer_trplbox ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.footer_trplbox li{
	margin-bottom: 15px;
	font-size: 14px;
	color: #fdfdfd;
	font-weight: 300;

}

.footer_trplbox li span{
	margin-left: 10px;
}

.footer_newsletter {
	width: 100%;
	min-height: 150px;
	overflow: hidden;
	margin-top: -10px;
	border-bottom: 1px solid #fdfdfd;
}

.footer_newsletter input[type='text'] {
	border-radius: 5px;
	width: 90%;
	padding: 5px;
	border: 1px solid #565656;
	color: #111;
}

.footer_subscribe_btn {
	width: 100px;
	height: 30px;
	float: right;
	background: #F90;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	padding-top: 5px;
	text-align: center;
	margin-right: 20px;
}

.footer_subscribe_btn:hover {
	cursor: pointer;
	background: #cd8a07;
}

.footer_social {
	height: 50px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer_social_icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #666;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.footer_icon {
	position: relative;
}

.fb_footer_icon {
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -15px;
}

.twitter_footer_icon {
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}

.contact_footer_icon {
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
}



.footerbottom {
	min-height: 40px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	float: left;
	color: #eee;
	padding: 10px 0px;
	font-size: 14px;
	background: #111;
	padding-bottom: 10px;
}

.footerbottom a{
	color: #eee;
}

#backbutton {
	padding: 5px 10px;
	border-radius: 10px;
	background: #999;
	max-width: 120px;
}




/*
Back to top button
*/

#back-top {
	position: fixed;
	bottom: 0px;
	right: 100px;
	border-radius: 60px 60px 0px 0px;
	width: 120px;
	height: 60px;
	background: #55B5E0;
	z-index: 999;
	text-align: center;
	color: #ccc;
	font-weight: bold;
	padding-top: 30px;
	box-sizing: none !important;
	color: #fff;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top:hover {
	background: #218AB8;
}
#back-top a:hover {
	color: #fff;
}

.thumbs_container {
	margin-top: 20px;
	min-height: 100px;
	overflow: hidden;
}

#cover_thumb {
	float: left; margin-right: 30px;width: 150px; overflow: hidden; height: 150px;
}

.edit_picture_thumb {
	height: 150px;
	width: 150px;
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}


.thumb_container {

padding-bottom: 10px;
}


.edit_picture_thumb {
	float: left;
}

.edit_picture_thumb:hover {
	border: #27c3ed 1px solid;
}

.edit_picture_coverphoto {
	width: 90px;
	height: 30px;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.edit_picture_delete {
	right: 30px;
	top: 10px;
	background: rgba(0,0,0,0.7);
    text-align: center;
    color: #eee;
    border-radius: 10px;
    padding-top: 2px;
}


.edit_picture_delete:hover {
	cursor: pointer;
	background: rgba(255,0,0,0.7);
}

.edit_picture_coverphoto {
	background-image: url(../images/cover.png);
	background-size: cover;
	left: 10px;
	top: 10px;
}

.edit_pictures_makecoverbtn {
	width: 90px;
	height: 30px;
	padding: 9px;
	text-align: center;
	background: #f90;
	font-size: 12px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 140px;
	position: relative;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(150, 150, 150, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(150, 150, 150, 0.75);
box-shadow:         4px 4px 5px 0px rgba(150, 150, 150, 0.75);}

.edit_pictures_makecoverbtn:hover {
	cursor: pointer;
	background: #C60;
	text-decoration: none;
}

/*Login Page */

.loginbox {
width: 920px;
	margin-right: auto;
	margin-left: auto;
	min-height: 200px;
	overflow: hidden;
	padding: 50px 20px;
	background: #999;
	margin-top: 50px;
	margin-bottom: 50px;
}

.loginbox_left {
	width: 440px;
	float: left;
	min-height: 200px;
	overflow: hidden;
	padding-right: 10px;
	border-right: dotted 1px #333;
}

.loginbox_right {
	width: 440px;
	float: left;
	min-height: 200px;
	overflow: hidden;
	padding-left: 10px;
}

.registertitle {
	margin-left: auto;
	margin-right: auto;
}

.register_content {
	width:  550px;
	margin-left: auto;
	margin-right: auto;
}

.registerbox {
	width: 500px;
	min-height: 100px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.registerbox h2{
	text-align: center;
}

.registerbox input[type=text], input[type=password] {
	width: 150px;
	margin-bottom: 10px;
}

.registererror {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	background: #EE9193;
	color: #C11E1E;
}

/* Index Page */

.sammy_promo {
	background: url(../images/sugar%20sammy%20index%20promo.jpg);
	background-size: cover;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.sammy_promo h1 {
	font-weight: bold;
	color: #fff;
	text-shadow: 3px 3px 2px rgba(185, 185, 185, 1);
}

#index_video {
	width: 100%;
	height: auto;
}

.index_video_container {
width: 100%;
height: 100vh;
margin-top: -70px;
position: relative;
overflow: hidden;
background: center;
background-size: cover;
background-position: center center;
}

#index_events_sectn {
	margin-top: -80px;
}

#index_video_container:after {


}

.index_featurette_row {
	margin-top: 50px;
}

.index_featurette {
	background-position: center center;
	background-size: cover;
	height: 300px;
	}

.featurette_info {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	min-height: 40px;
	overflow: hidden;
	max-height: 120px;
	bottom: 40px;
	margin-top: 100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-weight: 100;
	font-size: 14px;
	z-index:50;
}

#indexEnjoyDiv {
	background: #333;
	background: no-repeat center center fixed;
    background-size:cover;
	padding-right: 0px !important; /*Not sure why this needs to be specified. Bootstrap should take car of col paddings */
}

#indexEnjoyDiv:after {
content: " ";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, transparent 0px, transparent 0px, rgba(0, 0, 0, 0.50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	transition-duration: 0.5s;
}


.indextopcontent {
	width: 100%;
	min-height: 50px;
	overflow: hidden;
	padding: 0px;
}

.indexslidersearch {
	width: 600px;
	height: 50px;
	padding: 20px 50px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -25px;
	z-index: 999;
	color: #55B5E0;
	-webkit-top: 50%;
}

.indexslidersearch input[type=text] {
	padding: 5px 10px;
	border-radius: 5px;
	width: 400px;
	height: 40px;
	font-size: 26px;
}

.indexslidersearch input[type=text]:focus {
	border: 2px solid #27c3ec;
}


.indexslidersearch input[type=submit] {
	margin-left: 30px;
	padding: 5px 10px;
	font-size: 26px;
	border: none;
	color: #fff;
	background: #55B5E0;
}

.indexslidersearch input[type=submit]:hover {
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
}


#indextop h3 {
	text-align: center;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
}

#indextop ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#indextop li {
	padding: 7px 20px;
	border-radius: 5px;
}


#indextop li:hover {
	background: #55B5E0;
	color: #fff;
}

.index_featuredinfo {
	width: 640px;
	height: 80px;
	margin-top: 220px;
	z-index: 999;
	position: relative;
}

#index_featuredimg {
	z-index: 0;
}

#indx_srch_cntner {
	height: 80vh;
	background-repeat: none;
	background-size: cover;
	background-position: cover cover;
	display: none;
 }

#indexsearchblock_container {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	position: absolute;
	top: 30%;
	z-index: 9;
  }

#indexsearchblock {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.indexsearch_location {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	text-shadow: 2px 2px #565656;
}

.indexsearchtitle {
	color: #fff;
	text-align: left;
	font-size: 2em;
	width: 100%;
	text-outline: #000 1px solid;
	max-width: 960px;
	min-height: 60px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-shadow: 2px 4px #000;
}


.srch_itm_title {
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.indexsearch_input input[type=text], input[type=date] {
	box-sizing: content-box;
    -moz-appearance: none;
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    color: #404040;
    display: block;
    font: 15px/19px "Open Sans",Helvetica,Arial,sans-serif;
    height: 39px;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
border-color: #e5e5e5;
    transition: border-color 0.3s ease 0s;
}

.indexsearch_input input[type=text]:focus , input[type=date]:focus {
	border: 2px solid #55B5E0;
}



#indexsearchbtn {
 	margin-top: 38px;
	width: 180px;
	color: #fff;
	border: none;
	height: 40px;
	font-weight: bold;
	font-size: 18px;
	background: #55B5E0;
	cursor: hand;
	cursor: pointer;

}

#indexsearchbtn:hover {
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
}
.indexcarouseltitle {
	font-size: 3.5em;
	text-align: center;
	text-transform: capitalize;
	color: #428bca;
	margin-bottom: 50px;
	margin-top: 0px;
	font-weight: 100;
}
.indexcarouseltitle span {
	font-size: 0.5em;
	color: #eee;
	text-transform: none;
}

#indexquads a{
color: none;
text-decoration: none;
}

.index_suggest_section {
	height: 70vh;
	max-height: 500px;
    color:#fff;
	background: #333;
	background: no-repeat center center fixed;
    background-size:cover;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.index_suggest_form_container {
	width: 100%;
	box-sizing: border-box;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#suggest_submit_btn {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#index_suggest_alert {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.quad_picture {
	width: 300px;
	height: 145px;
	overflow: hidden;
}

/*.quad_picture img {
	height: auto;
	width: auto;
	max-width: 300px;
	min-width: 300px;
	max-height: 145px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}*/

.quad_title {
	box-sizing: border-box;
	width: 100%;
	padding: 5px 10px;
	padding-bottom: 10px;
	height: 60px;
	text-align: left;
	text-transform: capitalize;
	line-height: 25px;
	overflow: hidden;
	font-weight: 300;
	font-size: 1.3em;
	border-bottom: #ccc solid 1px;
}

/* Results page */

.resultscontainer {
	width: 720px;
	float: left;
	margin-top: 10px;
	padding: 10px 0px;
}

.resultscontainer a{
	color: #000;
	text-decoration: none;
}

.results_remove_favourite {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 2.5em;
	margin-bottom: 30px;
	color: #27c3ed;
}

.results_add_favourite {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 2.5em;
	margin-bottom: 30px;
}

.results_favourite_login {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 2.5em;
	margin-bottom: 30px;
	color: #fff;
}


.resultspagination {
	width: 100%;
	min-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}

.resultspagination span {
	padding: 0px 10px;
}

.resultspagination a {
	text-decoration: underline;
	color: #55B5E0;
}

.sortbar {
	width: 960px;
	height: 30px;
	background: #F2F2F2;
}

.sort_activities {
	width: 90%;
	float: left;
	height: 60px;
	background: #1E9ABE;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
}

.sortcontainer {
	height: 20px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
}

#results_change_location_form {
	margin-top: -10px;
}


.sortcontainer form{
	display: inline;
	background: #fff;
}

.sortcontainer_numresults {
	width: 90%;
	float: right;
	height: 60px;
	background: #1E9ABE;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
}


.advancedsearch_results {
	width: 190px;
	margin-right: 10px;
	min-height: 500px;
	float: left;
	padding: 10px;
}

.advancedsearch_results label{
	color: #27c3dd;
}

.advancedsearch_results input[type=number] {
	width: 70px;
}

.advancedsearch_results select{
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.num_results {
	color: #000;
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.num_resultsemphasis {
	color: #55B5E0;
}



.container_results {
	width: 730px;
	height: 200px;
	padding-bottom: 20px;
	padding-top: 0px;
	padding-left: 0px;
	background: #FFF;
	margin-bottom: 10px;
	border-bottom: 2px solid #ddd;
	}
#results_user_map {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.image_results {
	height: 200px;
	width: 270px;
	background: #000;
	float: left;
	overflow: hidden;
}
.image_results img{
	max-height: 200px;
	height: 100%;
	border: none;
	width: 100%;
}

.resultsinfocontainer {
	height: 200px;
	width: 450px;
	margin-left: 10px;
	float: left;
}

.resultsinfoleft {
	width: 300px;
	height: 130px;
	float: left;
}

.resultsinforight {
	width: 110px;
	margin-left: 10px;
	height: 80px;
	float: left;
}

.resultsinforightamenities {
	height: 100px;
	width: 110px;
}

.resultsinforightamenities img{
	width: 25px;
	height: 25px;
	margin-left: 5px;
	margin-right: 5px;
	float: right;
	border: none;
}


.resultsinfobottom {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	height: 30px;
	float: left;
	font-size: 12px;
	padding-top: 3px;
	color: #565656;
	border-bottom: 1px solid #ddd;
}

.resultsinfobottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.resultsinfobottom li {
	float: left;
	width: 33%;
	border-right: 1px solid #565656;
	text-align: center;
	box-sizing: border-box;
}

.resultsinfobottom li:last-child {
	border-right: none;
}
.resultsinfobottom:hover {
	color: #55B5E0;
}


.result_title {
	width: 100%;
	height: 30px;
	color: #565656;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: capitalize;
	overflow: hidden;
	line-height: 22px;
	text-overflow: ellipsis;
	font-size: 20px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.result_title:hover {
	color: #55B5E0;
}

.result_description {
	width: 100%;
	box-sizing: border-box;
	height: 69px;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #565656;
	border-bottom: 1px solid #ddd;
}

.result_description:hover {
	color: #55B5E0;
}

.result_ratingbar {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	float: left;
	font-size: 12px;
	color: #565656;
	border-bottom: 1px solid #ddd;
}

.result_rating {
	width: 50%;
	box-sizing: border-box;
	height: 30px;
	float: left;
}

.result_rating img {
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.result_rating img:last-child {
	margin-right: 0;
}

.result_contacticons {
	width: 50%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}


.result_contacticon {
	float: right;
	margin-left: 10px;
	color: #565656;
}

.resultbottombar {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	float: left;
	font-size: 12px;
	color: #565656;
	border-bottom: 1px solid #ddd;
}

.result_ammenities {
	width: 260px;
	height: 30px;
	padding: 5px;
	float: left;
}

.result_moreinfo {
	width: 170px;
	height: 30px;
	padding: 5px;
	float: left;
}

.result_moreinfo_btn {
	width: 120px;
	margin-left: auto;
	border-radius: 5px;
	padding-top: 7px;
	-moz-border-radius: 5px;
	margin-right: auto;
	margin-top: 2px;
	height: 28px;
	color: #565656;
	font-size: 14px;
	text-align: center;
	background: #FFB41A;
	border-bottom: 2px solid #CD8A07;
}

.result_moreinfo_btn:hover {
	color: #ccc;
}

.result_ammenities img {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.result_ammenities img:last-child {
	margin-right: 0;
}


/* Details Page */

.details_title {
	width: 940px;
	min-height: 40px;
	padding: 0px 10px;
	font-size: 32px;
	overflow: hidden;
	text-transform: capitalize;
}

.details_seasonal {
	width: 940px;
	font-size: 16px;
	height: 40px;
	margin-top: -20px;
	margin-bottom: 20px;
	padding-left: 20px;
}


.details_time {
	text-align: center;
}
.details_topright {
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 300px;
	float: left;
	overflow: hidden;
}


.details_map {
	width: 300px;
	height: 200px;
	background: url(../images/no_map.jpg);
	background-repeat: no-repeat;
}

.details_features {
	min-height: 88px;
	width: 298px;
	margin-top: 10px;
	overflow: hidden;
	background: #fafafa;
	border: 1px solid #ddd;
	list-style: none;
	box-sizing: border-box;
	padding: 10px;
}

.details_features ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.details_socialbar {
	margin-top: 10px;
	min-height: 50px;
	overflow: hidden;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.details_thumbs {
	width: 640px;
	height: 50px;
	padding: 0px 10px;
	float: left;
}

.details_thumbs img{
	width: 50px;
	height: 50px;
	margin-right: 10px;
	box-sizing: border-box;
}

.details_thumbs img:hover {
	border: 1px solid #27c3ed;
}


.details_ammenities {
	width: 300px;
	min-height: 40px;
	overflow: hidden;
	padding: 0px;
	margin-left: 10px;
	float: left;
}

.details_ammenities img{
	margin-right: 10px;
	float: right;
}



.details_centerbar {
	width: 938px;
	min-height: 150px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	background: #fafafa;
	padding: 20px 10px;
	border: 1px solid #ddd;
}

.details_centertrpl {
	width: 303px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 150px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #999;
	padding: 0px 10px;
}

#last_centertrpl {
	border-right: 0px;
	width: 280px;
}

.details_ratingsubmit {
	border: none;
	margin-top: 20px;
}

.details_bottom {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
	overflow: hidden;
}

.details_bottom h3 {
	color: #55B5E0;
	text-transform: capitalize;
}

.details_btmleft {
	width: 640px;
	min-height: 100px;
	overflow: hidden;
	float: left;
}

.details_btmright {
	width: 320px;
	min-height: 100px;
	overflow: hidden;
	float: left;
}

.details_btm640 {
	width: 620px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 20px;
	overflow: hidden;
	float: left;
}

.details_btm640_title {
	width: 620px;
	height: 40px;
	padding: 10px 0px;
	color: #55B5E0;
	border-top: 1px solid #ccc;
	font-size: 20px;
	font-weight: bold;
}

.detailsarrow {
	width: 15px;
	height: 15px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/arrow_side.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.detailsarrowdown {
	width: 15px;
	height: 15px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/arrow_down.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.details_btm640_info {
	width: 620px;
	min-height: 20px;
	overflow: hidden;
	padding: 20px 0px;
	display: none;
}

#ticketinfo, #reviewinfo {
	display: block;
}

#details_ticketstable tr:hover {
	background: #55B5E0;
}

#details_ticketstable select {
	float: right;
	margin-right: 10px;
}

.details_ticketsbuy {
	width: 620px;
	min-height: 60px;
	overflow: hidden;
	margin-top: 10px;
}

.details_ticketsbuy_left {
	width: 335px;
	float: left;
	height: 60px;
}

.details_ticketsbuy_right {
	width: 255px;
	min-height: 60px;
	float: left;
	overflow: hidden;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #ccc;
}

.details_ticketsbuy_right span{
	float: right;
}

.details_btm320 {
	width: 300px;
	padding: 0px 10px;
	min-height: 80px;
	overflow: hidden;
	float: left;
}

.details_tag {
	background: #39C;
	display:inline-block;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	min-width: 20px;
	overflow: hidden;
}

.details_ticket {
	width: 300px;
	min-height: 20px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.details_ticketname {
	width: 190px;
	float: left;
	min-height: 20px;
	overflow: hidden;
	padding-right: 10px;
	text-transform: capitalize;
}

.details_ticketprice {
	width: 100px;
	float: left;
	min-height: 20px;
	overflow: hidden;
}

.details_ticketdescrip {
	width: 190px;
	float: left;
	min-height: 20px;
	overflow: hidden;
	font-size: 10px;
	padding-right: 10px;
}

.details_review_container {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.details_review_star {
	color: #06F;
	font-size: 1.2em;
	margin-right: 5px;
}

.details_review_date {
	font-size: 0.8em;
	color: #666;
}

.details_review_container h3 {
	margin-top: 0;
	padding-top: 0;
}

.details_review {
	width: 560px;
	padding: 10px;
	min-height: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.details_review_review {
	box-sizing: border-box;
	border-radius: 10px;
	max-width: 50%;
	min-height:10px;
	padding: 10px;
	background: #39c;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.details_review_review_right {
	box-sizing: border-box;
	border-radius: 10px;
	max-width: 50%;
	min-height:10px;
	padding: 10px;
	background: #39c;
	overflow: hidden;
	text-align: center;
	color: #fff;
	float: right;
}

.details_review_review hr {
	width: 60%;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.details_review_review_right hr {
	width: 60%;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
.details_review_name {
	margin-top: 10px;
	box-sizing: border-box;
	max-width: 440px;
	min-height: 10px;
	overflow: hidden;
	font-weight: bold;
}

#detailsbtm_addreview {
	padding: 5px 10px;
	padding: 5px 10px;
	border: none;
	color: #fff;
	background: #55B5E0;
}

#detailsbtm_addreview:hover {
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
}


.details_reviewnone {
	width: 500px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*Contact Page */

#contact_container {
	background-image: url(../images/hauptfoto1.jpg);
	background-position: top center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 90vh;
}


.contactleft, .contactright {
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	min-height: 50px;
	overflow: hidden;
}

.contact_form {
	color: #fff;
	border: 1px solid #111111;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background: rgba(0,0,0,0.5) !important;
	min-height: 500px;
}

.contact_form header {
	background: transparent;
	color: #fff;
	border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
}

.contact_form fieldset {
	background: transparent !important;
}

.contact_form footer {
	background: transparent !important;
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
}

.contact_form .checkbox {
	color: #fff;
}

/*FAQ Page */

#faq_container {
	background-image: url(../images/backgrounds/people_having_fun_xplorocity.jpg);
	background-position: top center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 90vh;
}



/* Account Page */


#accounttopframe {
	border: 1px solid #ddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fafafa;
	margin-bottom: 20px;
}

#accountframe {
	border: none;
	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
	border: 1px solid #ddd;
	background: #fafafa;
	border-radius: 10px;
	padding: 10px;
}

#accountframe th{
	background: #333;
	color: #55B5E0;
	padding: 5px 10px;
}

.account_section_title { text-align: center;}

.account_wrapper { padding-bottom: 40px;}


/*Modals */
.easy-modal,
.easy-modal-animated {
	width: 600px;
	padding: 1.5em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	background-color: white;
}

#loginmodal, #registermodal {
	top: 5%;
	max-height: 80vh;
	overflow-y: scroll;
	overflow-x: none;
}

.loginmodal {
	width: 50%;
	float: left;
	min-height: 200px;
	overflow: hidden;
}

#advancedsearch_results .drop_down_btn { display: none; }
#advancedsearch_results .collapse { display: block;}

@media (max-width: 960px) {
	header {
		background:#000;
		min-height: 60px;
		height:auto;
		width: 100%;
		overflow: visible;
		padding-top:5px;
		padding-bottom:5px;
	}
	.header_register {
		height: 50px;
		width:100%;
		margin-top:0px;
		float: none;
		display:block;
		box-sizing:border-box;
	}
	.registererrors {
		min-height: 0;
		max-height: 15px;
		width: 100%;
		color: #fff;
	}
	.headertopcontent {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		color: #fff;
	}
	.headerlogo {
		width: 100%;
		height: 50px;
		margin-right: 0px;
		float: none;
		display:block;
		border: none;
	}

	.headerlogo img {
		border: none;
		width:230px;
		height:auto;
		margin-left:calc((100% - 230px) / 2);
		margin-top:5px;
		margin-bottom:10px;
	}

	.headerfblogin {
		width: 100%;
		height: 50px;
		float: none;
		display:block;
		margin-left: 0px;
		display: none;
	}

	.headerfblogin img {
		opacity: 0.8;
		 filter: alpha(opacity=80); /* For IE8 and earlier */
	}

	.headerfblogin img:hover {
		opacity: 1;
		filter: alpha(opacity=60);
	}

	.headerlogin {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing:border-box;
		height: 40px;
		float: none;
		display:block;
	}

	.index_suggest_section {
		margin-bottom: -50px;
	}

	#loginbutton {
		padding: 5px 10px;
		width: 70%;
		box-sizing:border-box;
		overflow:visible;
		border: none;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-top: -10px;
		font-size: 14px;
		text-align: center;
		background: #55B5E0;
	}

	#accountbutton {
		padding: 5px 10px;
		min-width: 100%;
		box-sizing:border-box;
		overflow:visible;
		border: none;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		font-size: 14px;
		text-align: center;
		background: #55B5E0;
	}

	#loginbutton:hover {
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
	}

	.header_register {
		height: 50px;
		width: 100%;
		float: none;
		display:block;
	}

	.header_register a {
		text-decoration: none;
	}

	#registerbutton {
		padding: 5px 10px;
		width: 70%;
		box-sizing:border-box;
		border: none;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		font-size: 14px;
		text-align: center;
		background: #FFB41A;
	}


	#registerbutton:hover {

	background: rgba(255,175,75,1);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );
	}

	#registerbutton a {
		text-decoration: none;
	}

	.headercenter {
		height: 50px;
		float: none;
		padding: 5px 20px;
		width: 100%;
		box-sizing:border-box;
	}

	.headerlogout {
		height: 50px;
		width: 100%;
		float: none;
		display:block;
	}

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

	.registererrors {
		min-height: 0;
		max-height: 15px;
		width: 100%;
		color: #fff;
	}
	.headerbottom {
		width: 100%;
		height: 35px;
		padding-top: 10px;
		background: #333;
		font-size: 13px;
	}

	.headerbottom_content {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: 35px;
	}

	.headerbottom ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.headerbottom li {
		color: #ccc;
		float: none;
		height: 30px;
		padding-top: 5px;
		text-align: center;
		padding-left: 35px;
		padding-right: 35px;
		border-right: 1px #ccc;
		text-transform: uppercase;
	}

	.headerbottom li:hover {
		color: #fff;
	}
	.indexsearchtitle {
		font-size:12px;
	}
	.sectn_content {
		width:100%;
	}
	.left_scroll {
		width:12px;
		float:left;
		box-sizing:border-box;
	}
	.right_scroll {
		width:12px;
		float:left;
		box-sizing:border-box;
	}

	.content {
	padding-bottom: 50px; /* Height of the footer element */
	min-height: 400px;
	height:auto;
	overflow: hidden;
}

	.bootstrap_container {
		 width: 100%;
		 max-width: 100%;
		 min-height: 30px;
		 overflow: hidden;
		 margin-left: auto;
		 margin-right: auto;
		 padding-left: 10px;
		 padding-right: 10px;
	}


	.box {
		padding: 20px;
		background: #fafafa;
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}

	.title_box {
	 width: 100%;
	 background: #E7F5F8;
	 min-height: 30px;
	 box-sizing: border-box;
	 color: #259BC1;
	 padding: 10px;
	 font-size: 2em;
	 border-top: 3px solid #C4C9CC;
	 margin-bottom: 30px;
	}

	/* Sections */

	.sectn {
		min-height: 200px;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 50px;
		overflow: hidden;
	}

	.sectn_white {
		min-height: 200px;
		width: 100%;
		background: #fff;
		padding-top: 0px;
		padding-bottom: 50px;
		overflow: hidden;
	}

	.sectn_blcktrnsprnt {
		min-height: 200px;
		width: 100%;
		background: url(../images/black70bck.png);
		background-repeat: repeat;
		padding-top: 50px;
		padding-bottom: 50px;
		overflow: hidden;
	}

	.sectn_blcktrnsprnt h2 {
		color: #55B5E0;
		font-weight: bold;
		text-align: center;
	}

	.sectn_content {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		min-height: 200px;
		overflow: hidden;
	}

	.content_left300_300 {
		width: 100%;
		margin-right: 20px;
		float: none;
		display:block;
		min-height: 300px;
		overflow: hidden;
	}

	.content_triplebox {
		margin-left: 10px;
		margin-right: 10px;
		padding: 20px;
		width: 100%;
		min-height: 140px;
		overflow:visible;
		float: none;
		display:block;
	}

	.content_quadboxcont {
		width: 100%;
		min-height: 120px;
		overflow: hidden;
		background: #FDFDFD;
		border: 1px solid #ddd;
		padding: 10px 0px;
		box-sizing:border-box;
	}
	.content_quadbox {
		margin-left: 10px;
		margin-right: 10px;
		width: 100%;
		box-sizing:border-box;
		display:block;
		min-height: 120px;
		overflow: hidden;
		float: none;
		font-weight: bold;
		color: #000;
	}

	.content_quadbox:hover {
		color: #55B5E0;
	}


	.image_right640_300 {
		width: 100%;
		height: auto;
		float: none;
		display:block;
	}


	.footer {
		width:100%;
		min-height: 300px;
		overflow: hidden;
		background: #333333; /* Old browsers */
		background: -moz-linear-gradient(top, #333333 0%, #332929 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#332929)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #333333 0%,#332929 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #333333 0%,#332929 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #333333 0%,#332929 100%); /* IE10+ */
		background: linear-gradient(to bottom, #333333 0%,#332929 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#332929',GradientType=0 ); /* IE6-9 */
	}

	.footertop {
		width: 100%;
		height: 50px;
		background: #fdfdfd;
	}

	.footertopcenter {
		width: 100%;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
		box-sizing:border-box;
	}

	.footercontent {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		min-height: 200px;
		overflow: hidden;
		color: #55B5E0;
	}

	.footercontent a{
		color: #FDFDFD;
		text-decoration: none;
	}

	.footercontent a:hover {
		color: #fdfdfd;
	}


	.footer_trplbox {
		width: 100%;
		box-sizing: border-box;
		float: none;
		min-height: 180px;
		padding: 20px;
		overflow: hidden;
		margin-left: 0px;
		margin-right: 0px;
		color: #fdfdfd;
	}

	.footer_trplbox ul{
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}

	.footer_trplbox li{
		margin-bottom: 15px;
		font-size: 14px;
		color: #fdfdfd;
		font-weight: 300;

	}

	.footer_trplbox li span{
		margin-left: 10px;
	}

	.footer_newsletter {
		width: 100%;
		padding:0;
		box-sizing:border-box;
		min-height: 150px;
		overflow: hidden;
		margin-top: -10px;
		border-bottom: 1px solid #fdfdfd;
		left:0;
		margin-left:0;
	}

	.footer_newsletter input[type='text'] {
		border-radius: 5px;
		width: 100%;
		padding: 5px;
		box-sizing:border-box;
		border: 1px solid #565656;
	}

	.footer_subscribe_btn {
		width: 100%;
		height: 30px;
		float: none;
		background: #F90;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 5px;
		padding-top: 5px;
		text-align: center;
		margin-right: 0%;
		margin-left:0%;
		left:0;
	}

	.footer_subscribe_btn:hover {
		cursor: pointer;
		background: #cd8a07;
	}

	.footer_social {
		height: 50px;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer_social_icon {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: #666;
		float: left;
		margin-right: 10px;
		cursor: pointer;
	}
	.footer_icon {
		position: relative;
	}

	.fb_footer_icon {
		left: 50%;
		top: 50%;
		margin-left: -7px;
		margin-top: -15px;
	}

	.twitter_footer_icon {
		left: 50%;
		top: 50%;
		margin-left: -15px;
		margin-top: -15px;
	}

	.contact_footer_icon {
		left: 50%;
		top: 50%;
		margin-left: -12px;
		margin-top: -12px;
	}



	.footerbottom {
		min-height: 40px;
		overflow: hidden;
		width: 100%;
		box-sizing:border-box;
		text-align: center;
		float: left;
		color: #eee;
		padding: 10px 10px;
		font-size: 14px;
		background: #222;
	}

	.footerbottom a{
		color: #eee;
	}

	#backbutton {
		padding: 5px 10px;
		border-radius: 10px;
		background: #999;
		max-width: 120px;
	}

	/* Banners */

	#site-banner a {
		color: inherit !important;
	}

	.banner600 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}

	.banner600 img{
		border: none;
	}

	/*
	Back to top button
	*/

	#back-top {
		position: fixed;
		bottom: 0px;
		right: 10px;
		border-radius: 60px 60px 0px 0px;
		width: 100px;
		height: 30px;
		background: #55B5E0;
		z-index: 999;
		text-align: center;
		color: #ccc;
		font-weight: bold;
		padding-top: 30px;
		box-sizing: none !important;
	}
	#back-top a {
		width: 100px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #eeeeee;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top:hover {
		background: #218AB8;
	}
	#back-top a:hover {
		color: #fff;
	}
	/*Login Page */

	.loginbox {
	width: 100%;
		margin-right: auto;
		margin-left: auto;
		min-height: 200px;
		overflow: hidden;
		padding: 50px 20px;
		background: #999;
		margin-top: 50px;
		margin-bottom: 50px;
		box-sizing:border-box;
	}

	.loginbox_left {
		width: 100%;
		float: none;
		min-height: 200px;
		overflow: hidden;
		padding-right: 10px;
		border-right: dotted 1px #333;
		box-sizing:border-box;
	}

	.loginbox_right {
		width: 100%;
		float: none;
		box-sizing:border-box;
		min-height: 200px;
		overflow: hidden;
		padding-left: 10px;
	}

	.registertitle {
		margin-left: auto;
		margin-right: auto;
	}

	.register_content {
		width:  550px;
		margin-left: auto;
		margin-right: auto;
	}

	.registerbox {
		width: 100%;
		min-height: 100px;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
		margin-top: 40px;
		margin-bottom: 40px;
		box-sizing:border-box;
	}

	.registerbox h2{
		text-align: center;
	}

	.registerbox input[type=text], input[type=password] {
		width: 150px;
		margin-bottom: 10px;
	}

	.registererror {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		background: #EE9193;
		color: #C11E1E;
	}

	/* Index Page */

	.indextopcontent {
		width: 100%;
		min-height: 50px;
		overflow: hidden;
		padding: 0px;
	}

	.indexslidersearch {
		width: 100%;
		height: 50px;
		padding: 5px 10px;
		border-radius: 10px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -300px;
		margin-top: -25px;
		z-index: 999;
		color: #55B5E0;
		-webkit-top: 50%;
		box-sizing:border-box;
	}

	.indexslidersearch input[type=text] {
		padding: 5px 10px;
		border-radius: 5px;
		width: 100%;
		height: 40px;
		font-size: 26px;
		box-sizing:border-box;
	}

	.indexslidersearch input[type=text]:focus {
		border: 2px solid #27c3ec;
	}


	.indexslidersearch input[type=submit] {
		margin-left: 30px;
		padding: 5px 10px;
		font-size: 26px;
		border: none;
		color: #fff;
		background: #55B5E0;
	}

	.indexslidersearch input[type=submit]:hover {
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
	}


	#indextop h3 {
		text-align: center;
		border-top: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-top: 0px;
	}

	#indextop ul {
		list-style: none;
		margin-left: 0;
		padding: 0;
	}

	#indextop li {
		padding: 7px 20px;
		border-radius: 5px;
	}


	#indextop li:hover {
		background: #55B5E0;
		color: #fff;
	}

	.index_featuredinfo {
		width: 100%;
		box-sizing:border-box;
		height: 80px;
		margin-top: 220px;
		z-index: 999;
		position: relative;
	}

	#index_featuredimg {
		z-index: 0;
	}

	#index_video_container {
		display: hidden;
	}

	#indx_srch_cntner {
		display: block;
		min-height: 230px;
		height:auto;
		max-height:1000px;
		background-repeat: none;
		background-size: cover;
		margin-bottom:25px;
	 }

	#indexsearchblock_container {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 40px;
		position: absolute;
	  }

	#indexsearchblock {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.indexsearch_location {
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		font-size: 14px;
		margin-top: -20px;
		padding-bottom: 10px;
		padding:10px;
		box-sizing:border-box;
	}

	.indexsearchtitle {
		color: #fff;
		text-align: center;
		font-size: 14px;
		width: 100%;
		max-width: 100%;
		min-height: 60px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		text-shadow: 2px 2px #565656;
		padding:10px;
		padding-top: 5px;
		padding-bottom:5px;
		box-sizing:border-box;
		margin-bottom: 0px;
	}



	.srch_itm_title {
		color: #fff;
		text-align: center;
	}

	.indexsearch_input input[type=text], input[type=date] {
		box-sizing: content-box;
		background: none repeat scroll 0 0 #fff;
		border-radius: 0;
		border-style: solid;
		border-width: 2px;
		box-sizing: border-box;
		color: #404040;
		display: block;
		font: 15px/19px "Open Sans",Helvetica,Arial,sans-serif;
		height: 39px;
		outline: medium none;
		padding: 8px 10px;
		width: 100%;
	border-color: #e5e5e5;
		transition: border-color 0.3s ease 0s;
	}

	.indexsearch_input input[type=text]:focus , input[type=date]:focus {
		border: 2px solid #55B5E0;
	}

	#indexsearchbtn {
		margin-top: 30px;
		width: 180px;
		margin-left:0;
		left:0;
		color: #fff;
		border: none;
		height: 40px;
		font-weight: bold;
		font-size: 18px;
		background: #55B5E0;
		cursor: hand;
		cursor: pointer;

	}

	#indexsearchbtn:hover {
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
	}
	.indexcarouseltitle {
		font-size: 3em;
		text-align: center;
		text-transform: uppercase;
		color: #27c3ed;
		margin-left: 0px;
		margin-top: 20px;
	}
	#indexquads a{
	color: none;
	text-decoration: none;
	}

	.quad_picture {
		width: 100%;
		height: 145px;
		overflow: hidden;
	}

	.quad_picture img {
		max-width: 100%;
		width: 100%;
		max-height: 145px;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}

	.quad_title {
		box-sizing: border-box;
		width: 100%;
		padding: 5px 10px;
		padding-bottom: 10px;
		height: 60px;
		text-align: left;
		text-transform: capitalize;
		line-height: 25px;
		overflow: hidden;
		font-weight: 300;
		font-size: 1.3em;
		border-bottom: #ccc solid 1px;
	}


	/* Results page */

	.resultscontainer {
		width: 100%;
		float: left;
		margin-top: 10px;
		padding: 10px 0px;
	}

	.resultscontainer a{
		color: #000;
		text-decoration: none;
	}

	.resultspagination {
		width: 100%;
		min-height: 15px;
		overflow: hidden;
		text-align: center;
		margin-top: 20px;
	}

	.resultspagination span {
		padding: 0px 10px;
	}

	.resultspagination a {
		text-decoration: underline;
		color: #55B5E0;
	}

	.sortbar {
		width:100%;
		height: 30px;
		display:none;
		background: #F2F2F2;
	}

	.sort_activites {
		width: 300px;
		float: left;
		height: 30px;
		background: #1E9ABE;
		color: #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		font-size: 15px;
	}

	.sortcontainer {
		height: 20px;
		width: 600px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		float: right;
	}


	.sortcontainer form{
		display: inline;
		background: #fff;
	}


	.advancedsearch_results {
		width: 100%;
		margin-right: 0px;
		min-height: 500px;
		float: none;
		padding: 10px;
		box-sizing:border-box;
		display: none;
	}

	#advancedsearch_results .drop_down_btn {
		display:block;
		width:100%; background: #333; margin-bottom: 20px; color: #fff; height: 50px;
	}
	#advancedsearch_results .collapse { display: none;}
	#advancedsearch_results .collapse.in { display: block;}

	.advancedsearch_results label{
		width:inherit;
		margin-left:inherit;
		left:inherit;
		margin-right:inherit;
	}

	.advancedsearch_results input[type=number] {
		width:inherit;
		margin-left:inherit;
		left:inherit;
		margin-right:inherit;
	}

	.advancedsearch_results select{
		width:inherit;
		margin-left:inherit;
		left:inherit;
		margin-right:inherit;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
		box-sizing:border-box;
	}

	#advancedsearchform .col {
		padding-left:15px;
		padding-right:15px;
	}

	.num_results {
		color: #000;
		text-align: center;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.num_resultsemphasis {
		color: #55B5E0;
	}



	.container_results {
		width: 100%;
		height: 200px;
		padding-bottom: 20px;
		padding-top: 0px;
		padding-left: 0px;
		background: #F9F9F9;
		margin-bottom: 10px;
		border-bottom: none;
		}

	.image_results {
		height: auto;
		min-height:60px;
		width: 100%;
		background: #000;
		float: left;
		overflow: hidden;
	}
	.image_results img{
		max-height: 350px;
		height: auto;
		border: none;
		width: 100%;
	}

	.resultsinfocontainer {
		height: auto;
		width: 100%;
		margin-left: 10px;
		float: left;
	}

	.resultsinfoleft {
		width: 50%;
		box-sizing:border-box;
		height: 130px;
		float: left;
	}

	.resultsinforight {
		width: 50%;
		box-sizing:border-box;
		margin-left: 10px;
		height: 80px;
		float: left;
	}

	.resultsinforightamenities {
		height: 100px;
		width: 110px;
	}

	.resultsinforightamenities img{
		width: 25px;
		height: 25px;
		margin-left: 5px;
		margin-right: 5px;
		float: right;
		border: none;
	}


	.resultsinfobottom {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		height: auto;
		float: left;
		font-size: 10px;
		padding-top: 3px;
		color: #565656;
		border-bottom: 1px solid #ddd;
	}

	.resultsinfobottom ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.resultsinfobottom li {
		float: left;
		width: calc(100% / 3);
		border-right: 1px solid #565656;
		text-align: center;
		box-sizing: border-box;
	}

	.resultsinfobottom li:last-child {
		border-right: none;
	}
	.resultsinfobottom:hover {
		color: #55B5E0;
	}

	#advancedsearchform {
		margin-left:0 !important;
		margin-top:0 !important;
	}


	.result_title {
		width: 100%;
		height: auto;
		color: #565656;
		padding-top: 5px;
		padding-bottom: 5px;
		text-transform: capitalize;
		overflow: hidden;
		line-height: 22px;
		text-overflow: ellipsis;
		font-size: 20px;
		overflow: hidden;
		border-bottom:none;
	}

	.result_title:hover {
		color: #55B5E0;
	}

	.result_description {
		width: calc(100% - 10px);
		box-sizing: border-box;
		height: 69px;
		padding: 0px;
		padding-right:20px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px;
		line-height: 18px;
		text-align: justify;
		color: #565656;
		border-bottom:none;
		margin-left:0 !important;
	}

	.result_description:hover {
		color: #55B5E0;
	}

	.result_ratingbar {
		width: 100%;
		box-sizing: border-box;
		height: 30px;
		float: left;
		font-size: 12px;
		color: #565656;
		border-bottom: none;
	}

	.result_rating {
		width: 50%;
		box-sizing: border-box;
		height: 30px;
		float: left;
	}

	.result_rating img {
		width: 20px;
		height: 20px;
		float: left;
		margin-top: 5px;
		margin-right: 5px;
	}

	.result_rating img:last-child {
		margin-right: 0;
	}

	.result_contacticons {
		width: 50%;
		float: left;
		padding-left: 10px;
		padding-right: 20px;
		box-sizing: border-box;
	}


	.result_contacticon {
		float: right;
		margin-left: 10px;
		color: #565656;
	}

	.resultbottombar {
		width: 100%;
		box-sizing: border-box;
		height: 100px;
		float: none;
		font-size: 12px;
		color: #565656;
		border-bottom: none;
		margin-bottom:20px;
	}

	.result_ammenities {
		width: 50%;
		box-sizing:border-box;
		height: 30px;
		padding: 5px;
		float: left;
	}

	.result_moreinfo {
		width: 50%;
		box-sizing:border-box;
		height: 40px;
		padding: 5px;
		float: left;
	}

	.result_moreinfo_btn {
		width: 90%;
		margin-left: auto;
		border-radius: 5px;
		padding-top: 5px;
		-moz-border-radius: 5px;
		margin-right: auto;
		margin-top: 5px;
		height: 33px;
		color: #565656;
		font-size: 14px;
		text-align: center;
		background: #FFB41A;
		border-bottom: 2px solid #CD8A07;
		margin-bottom:10px;
	}

	.result_moreinfo_btn:hover {
		color: #ccc;
	}

	.result_ammenities img {
		float: left;
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}

	.result_ammenities img:last-child {
		margin-right: 0;
	}


	/* Details Page */

	.details_title {
		width: 940px;
		min-height: 40px;
		padding: 0px 10px;
		font-size: 32px;
		overflow: hidden;
		text-transform: capitalize;
	}

	.details_seasonal {
		width: 940px;
		font-size: 16px;
		height: 40px;
		margin-top: -20px;
		margin-bottom: 20px;
		padding-left: 20px;
	}

	.details_image {
		max-width: 300px;
		background: #666;
		height: 150px;
		float: left;
		margin-left: auto;
		margin-right: auto;
		margin-left:calc((100% - 300px) / 2);
	}

	.details_image img{
		width: 300px;
		height: 150px;
		margin-left:calc((100% - 300px) / 2);
		left:calc((100% - 300px) / 2);
	}

	.details_topright {
		width: 300px;
		margin-left: 10px;
		margin-right: 10px;
		min-height: 300px;
		float: left;
		overflow: hidden;
	}


	.details_map {
		width: 300px;
		height: 200px;
		background: url(../images/no_map.jpg);
		background-repeat: no-repeat;
	}

	.details_features {
		min-height: 88px;
		width: 298px;
		margin-top: 10px;
		overflow: hidden;
		background: #fafafa;
		border: 1px solid #ddd;
		list-style: none;
		box-sizing: border-box;
		padding: 10px;
	}

	.details_features ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.details_socialbar {
		margin-top: 10px;
		min-height: 50px;
		overflow: hidden;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		float: left;
	}

	.details_thumbs {
		width: 640px;
		height: 50px;
		padding: 0px 10px;
		float: left;
	}

	.details_thumbs img{
		width: 50px;
		height: 50px;
		margin-right: 10px;
		box-sizing: border-box;
	}

	.details_thumbs img:hover {
		border: 1px solid #27c3ed;
	}


	.details_ammenities {
		width: 300px;
		min-height: 40px;
		overflow: hidden;
		padding: 0px;
		margin-left: 10px;
		float: left;
	}

	.details_ammenities img{
		margin-right: 10px;
		float: right;
	}



	.details_centerbar {
		width: 938px;
		min-height: 150px;
		float: left;
		margin-top: 20px;
		overflow: hidden;
		margin-bottom: 20px;
		background: #fafafa;
		padding: 20px 10px;
		border: 1px solid #ddd;
	}

	.details_centertrpl {
		width: 303px;
		padding-left: 10px;
		padding-right: 10px;
		min-height: 150px;
		overflow: hidden;
		float: left;
		border-right: 1px solid #999;
		padding: 0px 10px;
	}

	#last_centertrpl {
		border-right: 0px;
		width: 280px;
	}

	.details_ratingsubmit {
		border: none;
		margin-top: 20px;
	}

	.details_bottom {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		min-height: 200px;
		overflow: hidden;
	}

	.details_bottom h3 {
		color: #55B5E0;
		text-transform: capitalize;
	}

	.details_btmleft {
		width: 640px;
		min-height: 100px;
		overflow: hidden;
		float: left;
	}

	.details_btmright {
		width: 320px;
		min-height: 100px;
		overflow: hidden;
		float: left;
	}

	.details_btm640 {
		width: 620px;
		padding-left: 10px;
		padding-right: 10px;
		min-height: 20px;
		overflow: hidden;
		float: left;
	}

	.details_btm640_title {
		width: 620px;
		height: 40px;
		padding: 10px 0px;
		color: #55B5E0;
		border-top: 1px solid #ccc;
		font-size: 20px;
		font-weight: bold;
	}

	.detailsarrow {
		width: 15px;
		height: 15px;
		float: left;
		margin-top: 5px;
		margin-right: 10px;
		margin-left: 10px;
		background: url(../images/arrow_side.png);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.detailsarrowdown {
		width: 15px;
		height: 15px;
		float: left;
		margin-top: 5px;
		margin-right: 10px;
		margin-left: 10px;
		background: url(../images/arrow_down.png);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.details_btm640_info {
		width: 620px;
		min-height: 20px;
		overflow: hidden;
		padding: 20px 0px;
		display: none;
	}

	#ticketinfo, #reviewinfo {
		display: block;
	}

	#details_ticketstable tr:hover {
		background: #55B5E0;
	}

	#details_ticketstable select {
		float: right;
		margin-right: 10px;
	}

	.details_ticketsbuy {
		width: 620px;
		min-height: 60px;
		overflow: hidden;
		margin-top: 10px;
	}

	.details_ticketsbuy_left {
		width: 335px;
		float: left;
		height: 60px;
	}

	.details_ticketsbuy_right {
		width: 255px;
		min-height: 60px;
		float: left;
		overflow: hidden;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 10px;
		border-top: 1px solid #ccc;
	}

	.details_ticketsbuy_right span{
		float: right;
	}

	.details_btm320 {
		width: 300px;
		padding: 0px 10px;
		min-height: 80px;
		overflow: hidden;
		float: left;
	}

	.details_tag {
		background: #39C;
		display:inline-block;
		color: #fff;
		border-radius: 5px;
		padding: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		min-width: 20px;
		overflow: hidden;
	}

	.details_ticket {
		width: 300px;
		min-height: 20px;
		overflow: hidden;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.details_ticketname {
		width: 190px;
		float: left;
		min-height: 20px;
		overflow: hidden;
		padding-right: 10px;
		text-transform: capitalize;
	}

	.details_ticketprice {
		width: 100px;
		float: left;
		min-height: 20px;
		overflow: hidden;
	}

	.details_ticketdescrip {
		width: 190px;
		float: left;
		min-height: 20px;
		overflow: hidden;
		font-size: 10px;
		padding-right: 10px;
	}

	.details_review {
		width: 560px;
		padding: 10px;
		min-height: 10px;
		overflow: hidden;
		margin-bottom: 10px;
		box-sizing: border-box;
	}

	.details_review_review {
		box-sizing: border-box;
		border-radius: 10px;
		max-width: 50%;
		min-height:10px;
		padding: 10px;
		background: #39c;
		overflow: hidden;
		text-align: center;
		color: #fff;
	}

	.details_review_review_right {
		box-sizing: border-box;
		border-radius: 10px;
		max-width: 50%;
		min-height:10px;
		padding: 10px;
		background: #39c;
		overflow: hidden;
		text-align: center;
		color: #fff;
		float: right;
	}

	.details_review_review hr {
		width: 60%;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}

	.details_review_review_right hr {
		width: 60%;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	.details_review_name {
		margin-top: 10px;
		box-sizing: border-box;
		max-width: 440px;
		min-height: 10px;
		overflow: hidden;
		font-weight: bold;
	}

	#detailsbtm_addreview {
		padding: 5px 10px;
		padding: 5px 10px;
		border: none;
		color: #fff;
		background: #55B5E0;
	}

	#detailsbtm_addreview:hover {
		/* IE10 Consumer Preview */
		background-image: -ms-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Mozilla Firefox */
		background-image: -moz-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Opera */
		background-image: -o-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* Webkit (Safari/Chrome 10) */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-.1, #55B5E0), color-stop(1, #0073A8));
		/* Webkit (Chrome 11+) */
		background-image: -webkit-linear-gradient(top, #55B5E0 -10%, #0073A8 100%);
		/* W3C Markup, IE10 Release Preview */
		background-image: linear-gradient(to bottom, #55B5E0 -10%, #0073A8 100%);
	}


	.details_reviewnone {
		width: 100%;
		text-align: center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}


	/*Contact Page */

	.contactleft, .contactright {
		width: 98%;
		margin-left: 2%;
		margin-right: 2%;
		box-sizing:border-box;
		float: none;
		min-height: 50px;
		overflow: hidden;
	}


	/* Account Page */


	#accounttopframe {
		border: 1px solid #ddd;
		border-radius: 10px;

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #fafafa;
		margin-bottom: 20px;
	}

	#accountframe {
		border: none;
		margin-left: auto;
		margin-right: auto;
		overflow-y: hidden;
		border: 1px solid #ddd;
		background: #fafafa;
		border-radius: 10px;
		padding: 10px;
	}

	#accountframe th{
		background: #333;
		color: #55B5E0;
		padding: 5px 10px;
	}


	/*Modals */
	.easy-modal,
	.easy-modal-animated {
		width: 600px;
		padding: 1.5em;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
		background-color: white;
	}

	#loginmodal, #registermodal {
		top: 5%;
		min-height: 80vh;
		overflow-y: scroll;
		overflow-x: none;
	}

	.loginmodal {
		width: 50%;
		float: left;
		min-height: 200px;
		overflow: hidden;
	}
	.banner600 img {
		margin-left:calc((100% - 600px) / 2);
	}
	.mobilehidden {
		display:none;
	}
	#submitrating {
		margin-bottom:10px;
		}

}
.sky-form header { padding-top: 5px; padding-bottom: 5px;}



@media screen and (max-width: 960px) {
.indexsearchform  {    background: transparent;}
.indexsearchform .srch_itm_title { text-shadow: 2px 2px 7px rgba(19,19,19,0.83);}
.sky-form .col-3 { width:33%;}
.sky-form label, .sky-form a, #location_autocomplete, .sky-form .note { width:100% !important;}
.sky-form label { left: 0;}
#indexsearchbtn { margin-top: 0 !important; width:100%; max-width: 95%;}
.sky-form .note { text-align: center;}
.sky-form  .search_home { width:33%; margin:auto; float: none;}
.whats_new { padding-top: 45px;}
.index_suggest_form_container  { width: 96%;}
#newsletterform input { height: 45px;}
.footer_subscribe_btn { height: 45px; line-height: 40px; font-size: 15px;}
select#orderby, select#order, select#perpage { width:100% !important; margin:10px 0; height: 40px;}
.results_sort_container .col-md-4 { font-size: 16px;}
img.hide_mb  { display: none !important;}
.sortcontainer_numresults,.sort_activities { width:100%; line-height: 50px;}
.sortcontainer_numresults { height: 30px; line-height: 20px; padding-top: 5px; }
#index_location_autocomplete { position: absolute;}
}


@media screen and (max-width: 768px) {
	.sky-form .col-3 { width:100%;}

	.navbar-nav > li { padding-left: 10px; padding-right: 10px;}


	.indexsearchtitle h1, .indexsearchtitle h2 { padding-bottom: 10px; padding-top: 10px;}
	.sky-form .note { padding-bottom: 20px; font-size: 14px;}
	#suggest_submit_btn { margin-top: 10px; width:95%; padding-top: 10px; padding-bottom: 10px;}
	.activity_form .col { margin-bottom:10px; }
	.srch_itm_title { font-size: 18px; margin-bottom: 4px;}
	.discover_home, .when_home, .where_home { margin-bottom: 10px !important;}

	.discover_home .select {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.when_home .input {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.where_home .input {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#index_location_autocomplete {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.index_suggest_section h1 { font-size: 20px;}
	.index_suggest_section h2 { font-size: 16px;}
	.indexsearchtitle h1, .indexsearchtitle h2 { padding: 20px 0;}
	.index_suggest_section h1, .index_suggest_section h2 { padding:10px 0;}
	.index_suggest_section { height: 68vh; background-image: url(../images/black-and-white-cityscape-index-suggest.jpg) !important; background-position: top center !important;}
	.index_suggest_form_container { margin-top: 20px;}
	#indexEnjoyDiv {    background-image: url(../images/al-59840.jpg) !important;
		background-position: top center !important;}
	.write_review_btn .top_review_button   { width: 90% !important; font-size: 18px !important; font-weight: normal;}

	.content { padding-top: 50px;}

	#resultsViewButtons { display: none;}

	#back-top {
		height: 55px;
		color: #fff;
	}

	#indexsearchblock_container {
		top: 20%;
	}

}



@media (max-width: 600px) {
	.header {
		height: 60px;
		background: #eee;
	}

	.headerlogo {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}

	.padding_huge {
		padding-bottom: 75px;
		padding-top: 75px;
	}
	.sky-form section {
		margin-bottom: 0px;
	}


	.featurette_info {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		max-height: 200px;
		padding: 10px;
		font-size: 12px;
		z-index:50;
	}



	.rch {
		width: 50%;
		float: left;
		margin: 0;
		box-sizing: border-box;
	}

	.index_video_container {
	  min-height:85vh !important;
	  overflow: hidden;
	  background-image: url(../images/search_bg2.jpg);
	  padding-bottom: 20px;
  	}

	.indexsearchtitle h1,h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#index_events_sectn {
		margin-top: 0px !important;
	}



	#indx_srch_cntner {
		min-height: 530px;
		height:auto;
		max-height:1000px;
		background-repeat: none;
		background-size: cover;
		margin-bottom:25px;
	 }

	 .srch_itm_title {
		margin-bottom: 2px;
	}

	#indexsearchbtn {
	 margin-top: 20px !important;
	}


	.banner600 img {
		width:100%;
		height:auto;
		margin-left:0;
	}
}



@media (max-device-width: 600px) {
	.header {
		height: 60px;
		background: #fff;
	}

	.headerlogo {
		width: 50%;
		float: left;
	}

	.header_search {
		width: 50%;
		float: left;
	}

		.sky-form section {
		margin-bottom: 0px;
	}


	#indexsearchblock_container {
	padding-top: 20px;
	padding-bottom: 20px;
	top: 5%;
	background: transparent;
  	}

	.indexsearchtitle h1, .indexsearchtitle h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.srch_itm_title {
		margin-bottom: 2px;
	}

  .index_video_container {
	  min-height:85vh !important;
	  overflow: hidden;
	  padding-bottom: 20px;
  }

  #indexsearchbtn {
	  margin-top: 0;
  }

	.details_image img{
		width: 300px;
		height: 150px;
		left:calc((100% - 300px) / 2);
		margin-left:calc((100% - 300px) / 2);
	}


	.headerlogo img {
		left:calc((100% - 230px) / 2);
		margin-left:calc((100% - 300px) / 2);
	}
	.content { padding-top: 50px;}
}

/*
	Phones: 16px is the floor for anything a visitor types into.

	iOS Safari zooms the whole page in the moment a field smaller than 16px takes focus, and leaves
	it there once the keyboard goes away - the page is then wider than the screen and has to be
	pinched back. Bootstrap's .form-control is 14px and sky-form's fields are 15px, so every form on
	the front end did it.

	?This used to be hidden behind maximum-scale=1.0 in the viewport meta, which is gone - see the
	?note in php/includes/page-head.php. Blocking the zoom gesture is not a fix for a field that is
	?too small; making the field big enough is, and it costs nothing on a screen this size.

	?Prefixed with body only to out-specify the rules being corrected - sky-forms.css sets its 15px
	?in a font shorthand and is loaded after this file on the pages that use it.
*/

@media (max-width: 767px) {

	body .form-control,
	body .sky-form .input input,
	body .sky-form .select select,
	body .sky-form .textarea textarea,
	body input[type="text"],
	body input[type="email"],
	body input[type="tel"],
	body input[type="number"],
	body input[type="password"],
	body input[type="search"],
	body input[type="url"],
	body input[type="date"],
	body input[type="datetime-local"],
	body input[type="time"],
	body select,
	body textarea {
		font-size: 16px;
	}
}

/* ==========================================================================
   FAQ block - php/includes/faq-block.php
   Answers are in the markup open, not revealed on click: this block exists to
   be quoted, and content behind a collapsed panel may not count as part of the
   page. The toggle collapses it for a reader who wants the list short.
   ========================================================================== */

.faq-block {
	margin: 40px 0;
}

.faq-block-heading {
	margin-bottom: 20px;
}

.faq-list {
	border-top: 1px solid #e0e0e0;
}

.faq-item {
	border-bottom: 1px solid #e0e0e0;
}

.faq-question {
	margin: 0;
	font-size: 17px;
}

.faq-question-toggle {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding: 16px 0;
	background: none;
	border: 0;
	text-align: left;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.faq-question-toggle:hover .faq-question-text {
	text-decoration: underline;
}

.faq-question-icon {
	flex: 0 0 auto;
	font-size: 13px;
	opacity: .6;
}

.faq-answer {
	padding: 0 0 18px;
}

.faq-answer > *:last-child {
	margin-bottom: 0;
}

.faq-item.faq-collapsed .faq-answer {
	display: none;
}