/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
html, body {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  background: #FFF;
  position: relative;
  /*Disables the default callout shown when you touch and hold a touch target.*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  clear: both;
  height: 100%;
  background: url(../images/1300-grey-bg.png) repeat-y 1300px top; }

/*html {
	height: none;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.915, #FFFFFF), color-stop(0.915, #C7C7C7), color-stop(1, #C8C7C7));
}*/
body {
  font-size: 100%;
  line-height: normal;
  color: #4d4d4d;
  /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
  font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /* Testing display issues */
  /*background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.9, #FFFFFF), color-stop(0.9, #C7C7C7), color-stop(1, #C8C7C7));*/ }
  body.screenlock-desktop {
    overflow-x: hidden;
    overflow-y: hidden; }

h1, h2, h3, h4, h5 {
  margin: 0;
  font-weight: normal;
  line-height: normal; }

.red {
  color: #FF0000;
  font-weight: bold;
  margin-left: 4px; }

.read_more {
  color: #FF0000;
  font-family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif; }

button {
  font-size: 1em;
  line-height: normal;
  border: 0;
  outline: none !important;
  padding: 0;
  margin: 0;
  cursor: pointer; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none none inside; }

li {
  font-size: 100%;
  line-height: normal; }

p {
  line-height: 1.4em;
  margin: 15px 0;
  font-size: 100%; }

u {
  font-size: 11px; }

a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
  color: #A6A4A4; }

.browse_trips_share {
  float: right;
  background-size: 25px;
  margin-right: 10px; }

/*.browse_share_icon {
	content: url(../images/like-icon.png) no-repeat;
	position: absolute;
	float: right;
	margin-top: -24px;
	height: 20px;
	margin-right: -21%!important;
}*/
img {
  border: none; }

a img {
  border: none;
  width: 100%; }

.clear {
  clear: both; }

.captialize {
  text-transform: capitalize; }

/*.icon {
	font-size: 1.5em;
}*/
/*
#home_view {
  width: 320px;
  margin: 0 auto;
}
*/
.screen {
  /*width:320px;
    height:480px;*/
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
  .screen.hidden {
    display: none !important; }

.sidebar {
  display: none; }

.share_placeholder {
  width: 100%;
  margin-top: 3px;
  margin-left: -5px; }

.map-opener {
  border: 1px solid black; }

.btnAddToFavourites {
  border: 1px solid black;
  margin-left: 200px;
  margin-top: -21px;
  position: absolute; }

.share_button {
  border: 1px solid black;
  position: absolute;
  margin-left: 280px;
  margin-top: -40px; }

.overview_add_trip {
  border: 1px solid black;
  width: 130px;
  /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
  font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: black !important; }

.overview_map {
  border: 1px solid black;
  color: red;
  width: 100px;
  margin-left: 300px;
  margin-top: -38px; }

.overview_favourite {
  margin-top: -15px;
  margin-left: 220px;
  position: absolute; }

.overview_share_home {
  margin-left: 490px;
  width: 48px;
  position: absolute;
  margin-top: -28px; }

.price {
  display: inline-flex; }

.symbol {
  display: inline-block; }

.practicalities_title {
  color: #FF0000;
  border-bottom: 1px solid #C8C7C7;
  padding-bottom: 5px;
  font-size: 13.74px; }

@media screen and (max-width: 599px) {
  .screen.hidden-mobile {
    display: none !important; }
  .screen.screenlock-mobile {
    overflow-y: hidden; } }


/*h1 {
  padding-left: 13px;
  margin-bottom: 0.1em;
  font-size: 1em;
  color: #fff;
  border-radius: 5px;
  background-color: #91a2c0;
/*  background-image: url('http://brunch.io/images/brunch.png');
  background-repeat: no-repeat;
  background-position: 2px;
}*/
button {
  border: none; }

button.left {
  float: left; }

button.right {
  float: right; }

#destination_page_view .header, #destination_page_view .content {
  padding: 5%;
  margin: 0 0;
  width: auto; }

.interactive_artwork {
  color: black;
  font-size: 0.6em;
  margin-left: 42px;
  margin-top: 12px; }

/* Map */
#show_map_view {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 101;
  top: 0;
  display: block; }
  #show_map_view #map-holder {
    position: absolute;
    width: 100%;
    height: 100%; }
  #show_map_view header {
    text-align: center;
    display: none; }
    #show_map_view header h2 {
      color: white;
      background-color: #7eadda;
      margin: 0;
      padding-top: 11px;
      line-height: normal;
      font-size: 1.0625em;
      text-transform: uppercase;
      height: 29px; }
  #show_map_view #map-wrapper {
    /*background: url(../images/map-full.jpg) no-repeat center center;*/
    height: 100%; }
  #show_map_view .map-close {
    position: absolute;
    display: block;
    text-indent: -9999px;
    background: url(../images/icon_close.png) no-repeat center;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    top: 10px;
    right: 10px;
    height: 46px;
    width: 46px;
    background-color: white;
    z-index: 3;
    box-shadow: inset 0 -3px #A6A4A4;
    -moz-box-shadow: inset 0 -3px #A6A4A4;
    -webkit-box-shadow: inset 0 -3px #A6A4A4; }
    #show_map_view .map-close:hover {
      box-shadow: inset 0 3px #A6A4A4;
      -moz-box-shadow: inset 0 3px #A6A4A4;
      -webkit-box-shadow: inset 0 3px #A6A4A4; }
  #show_map_view .locate-me {
    position: absolute;
    display: block;
    text-indent: -9999px;
    background: url(../images/locate-me.png) no-repeat left top;
    background-size: 43px 92px;
    -webkit-background-size: 43px 92px;
    -moz-background-size: 43px 92px;
    -o-background-size: 43px 92px;
    bottom: 5px;
    left: 5px;
    height: 43px;
    width: 43px;
    z-index: 2; }
    #show_map_view .locate-me:hover {
      background-position: left -46px; }

.view-close {
  right: 0;
  top: 0;
  position: absolute;
  color: white;
  height: 40px;
  width: 40px;
  background: url(../images/close-icon.png) no-repeat center 2px;
  background-size: 35px 35px;
  -webkit-background-size: 35px 35px;
  -moz-background-size: 35px 35px;
  -o-background-size: 35px 35px;
  -ms-behavior: url(/backgroundsize.min.htc);
  text-indent: -9999px;
  cursor: pointer; }

/* POI lists */
.overview_share {
  border: 1px solid black;
  display: inline-flex;
  margin: 0 0 3px 0;
  width: 100%;
  text-align: center; }

.poi_options {
  height: 35px;
  width: 100%;
  border: 1px solid black;
  /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
  font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 35px;
  color: red;
  text-decoration: none;
  font-size: 1em;
  text-align: center; }

.poi_options_add_icon {
  content: url(../images/add-icon-green.png);
  float: left;
  display: inline-block; }

.poi-list {
  clear: both; }
  .poi-list.similar {
    padding-bottom: 20px;
    margin-bottom: 10px; }
    .poi-list.similar .poi-preview {
      cursor: pointer;
      width: 100%;
      margin-bottom: 10px;
      border: 1px solid #C8C7C7; }
      .poi-list.similar .poi-preview .distance .method span, .poi-list.similar .poi-preview .distance .method a {
        cursor: pointer; }
  .poi-list .poi-preview2 {
    position: relative;
    display: inline-block;
    border: 1px solid #C8C7C7;
    width: 94%;
    height: 114px;
    margin: 10px;
    cursor: pointer; }
    .poi-list .poi-preview2 .image-wrap {
      display: inline-block;
      margin-right: 10px; }
      .poi-list .poi-preview2 .image-wrap img {
        width: 115px; }
    .poi-list .poi-preview2 .poi-info2 {
      display: inline-block;
      position: absolute;
      top: 33px; }
      .poi-list .poi-preview2 .poi-info2 h3 {
        font-size: 16px;
        color: #000000; }
      .poi-list .poi-preview2 .poi-info2 .distance {
        display: inline-block;
        color: #686867; }
      .poi-list .poi-preview2 .poi-info2 .walk {
        background: url(../images/walk-icon.png) no-repeat 3px center white;
        background-size: 14px 20px; }
      .poi-list .poi-preview2 .poi-info2 .km {
        padding-left: 20px;
        line-height: 40px;
        font-size: 12px;
        color: #686867; }
      .poi-list .poi-preview2 .poi-info2 .method-label {
        display: none; }
      .poi-list .poi-preview2 .poi-info2 .price {
        margin-left: 20px;
        line-height: 40px;
        font-size: 12px;
        display: inline-block;
        color: #686867; }
      .poi-list .poi-preview2 .poi-info2 .symbol {
        font-size: 22px;
        vertical-align: middle; }
  .poi-list .poi-preview1 {
    position: relative;
    display: inline-block;
    border: 1px solid #C8C7C7;
    width: 90%;
    height: 116px;
    margin: 10px;
    cursor: pointer; }
    .poi-list .poi-preview1 .image-wrap1 {
      display: inline-block;
      margin-right: 10px;
      height: 100%; }
      .poi-list .poi-preview1 .image-wrap1 img {
        height: 100%; }
    .poi-list .poi-preview1 .poi-info1 {
      display: inline-block;
      position: absolute;
      top: 33px; }
      .poi-list .poi-preview1 .poi-info1 h3 {
        font-size: 16px;
        color: #000000; }
      .poi-list .poi-preview1 .poi-info1 .distance {
        display: inline-block;
        color: #686867; }
      .poi-list .poi-preview1 .poi-info1 .walk {
        background: url(../images/walk-icon.png) no-repeat 3px center white;
        background-size: 14px 20px; }
      .poi-list .poi-preview1 .poi-info1 .km {
        padding-left: 20px;
        line-height: 40px;
        font-size: 12px;
        color: #686867; }
      .poi-list .poi-preview1 .poi-info1 .method-label {
        display: none; }
      .poi-list .poi-preview1 .poi-info1 .price {
        margin-left: 20px;
        line-height: 40px;
        font-size: 12px;
        display: inline-block;
        color: #686867; }
        .poi-list .poi-preview1 .poi-info1 .price span {
          padding-left: 16px;
          margin-left: 10px; }
      .poi-list .poi-preview1 .poi-info1 .symbol {
        font-size: 22px;
        position: absolute;
        margin-top: 0px; }
  .poi-list .poi-preview {
    clear: both;
    position: relative; }
    .poi-list .poi-preview.selected .top .hide {
      display: block;
      background-color: transparent;
      padding-left: 7px; }
    .poi-list .poi-preview.selected .top .price, .poi-list .poi-preview.selected .top .distance {
      display: none !important; }
    .poi-list .poi-preview .distance .method {
      padding: 0 0 0 22px;
      color: white;
      font-size: 0.66666em;
      margin-right: 0; }
      .poi-list .poi-preview .distance .method span, .poi-list .poi-preview .distance .method a {
        display: block;
        position: relative;
        padding-left: 5px;
        color: #686867;
        float: none;
        margin-right: 0;
        cursor: default;
        font-size: 1.5em; }
        .poi-list .poi-preview .distance .method span span, .poi-list .poi-preview .distance .method a span {
          font-size: inherit; }
      .poi-list .poi-preview .distance .method a {
        padding-left: 0; }
      .poi-list .poi-preview .distance .method span.method-label {
        display: none; }
      .poi-list .poi-preview .distance .method.walk {
        background: url(../images/walk-icon.png) no-repeat 3px center white;
        background-size: 25px 40px; }
      .poi-list .poi-preview .distance .method.selected.active a {
        background-position: 40px -41px; }
    .poi-list .poi-preview .distance-selector {
      display: inline-block;
      margin-left: -69px;
      padding-right: 15px; }
      .poi-list .poi-preview .distance-selector.active {
        overflow: visible; }
    .poi-list .poi-preview .bottom {
      display: inline; }
      .poi-list .poi-preview .bottom h3 {
        padding: 7px 7px 0 0;
        font-size: 1em;
        color: #666; }
        .poi-list .poi-preview .bottom h3 a {
          float: none;
          color: #666; }
          .poi-list .poi-preview .bottom h3 a .distance {
            float: none;
            height: auto; }
      .poi-list .poi-preview .bottom h4 {
        display: none; }
      .poi-list .poi-preview .bottom a {
        padding: 7px 7px 0 0;
        float: right; }
        .poi-list .poi-preview .bottom a.manage {
          display: none; }
      .poi-list .poi-preview .bottom .details {
        display: none; }
      .poi-list .poi-preview .bottom .theme-icons {
        padding-right: 3px;
        padding-bottom: 3px; }
        .poi-list .poi-preview .bottom .theme-icons .free {
          text-transform: uppercase;
          color: #686867;
          font-size: 15px;
          margin-top: -2px; }
        .poi-list .poi-preview .bottom .theme-icons .icon {
          /*color: #f3fbfc;
					box-shadow: inset 0 0 0 2px #f3fbfc;
					-webkit-box-shadow: inset 0 0 0 2px #f3fbfc;
					-moz-box-shadow: inset 0 0 0 2px #f3fbfc;
					background-color: #00BFD3;*/
          font-size: 1.25em;
          display: inline !important; }
          .poi-list .poi-preview .bottom .theme-icons .icon.top-choice {
            background-color: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -o-box-shadow: none;
            color: #00BFD3; }
            .poi-list .poi-preview .bottom .theme-icons .icon.top-choice img {
              height: 19px;
              padding-bottom: 2px;
              display: none; }
          .poi-list .poi-preview .bottom .theme-icons .icon img {
            height: 21px;
            display: none;
            width: auto;
            vertical-align: bottom; }
    .poi-list .poi-preview .image-wrap {
      float: left;
      width: 20%;
      min-height: 75px;
      min-width: 75px;
      margin-right: 7px; }
      .poi-list .poi-preview .image-wrap .btnRemoveFromItinerary {
        display: none;
        position: absolute;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        background: url(../images/remove-icon-small.png) center center no-repeat #ff4845;
        top: 0;
        right: 0;
        position: absolute; }
      .poi-list .poi-preview .image-wrap img {
        width: 100%;
        height: auto;
        min-width: 75px;
        vertical-align: bottom; }
    .poi-list .poi-preview .poi-info {
      height: 100%; }
      .poi-list .poi-preview .poi-info .top {
        margin-top: 32px; }
      .poi-list .poi-preview .poi-info .unmissable, .poi-list .poi-preview .poi-info .dk-choice {
        display: inline;
        color: #FF0000;
        margin-right: 10px;
        /*-ms-behavior: url(/backgroundsize.min.htc);*/ }
    .poi-list .poi-preview .poi-options {
      display: none; }
    .poi-list .poi-preview .practicalities {
      display: none; }
    .poi-list .poi-preview:nth-child(1) .distance .method span.method-label {
      display: inline; }
    .poi-list .poi-preview:nth-child(1) .distance .method span.km {
      display: none; }
  .poi-list.manage .poi-preview .image-wrap .btnRemoveFromItinerary {
    display: block; }
  .poi-list.manage .poi-preview .top {
    border-bottom: none !important;
    height: 25px; }
    .poi-list.manage .poi-preview .top .price, .poi-list.manage .poi-preview .top .distance {
      display: none; }
    .poi-list.manage .poi-preview .top .manage-buttons {
      display: block; }

@media screen and (min-width: 600px) and (max-width: 850px) {
  .poi-list .poi-preview .top .price {
    width: 29%;
    white-space: nowrap; }
    .poi-list .poi-preview .top .price .symbol {
      margin-right: 5px; } }

@media screen and (min-width: 413px) and (max-width: 599px) { }

.Morning .poi-list .poi-preview .bottom h3 {
  overflow: hidden; }

.Afternoon .poi-list .poi-preview .top {
  border-bottom: 3px solid #27aae1; }
.Afternoon .poi-list .poi-preview .bottom h3 {
  max-height: 38px;
  overflow: hidden; }

.Evening .poi-list .poi-preview .top {
  border-bottom: 3px solid #37537b; }
.Evening .poi-list .poi-preview .bottom h3 {
  max-height: 38px;
  overflow: hidden; }

.select-wrapper {
  border: 1px solid black; }
  .select-wrapper .select .filter {
    cursor: pointer;
    display: block;
    font-size: 1em; }
    .select-wrapper .select .filter:nth-child(even) {
      background-color: #f1f1f2; }

.browse-poi {
  background-color: white;
  /* Testing display issues */
  /* Sorting - mobile */
  /*  Filters  */ }
  .browse-poi.hideTripButtons .view-close {
    display: none; }
  .browse-poi.hideTripButtons .poi-options .share li.add:hover {
    background-color: #cda8c2; }
  .browse-poi.hideTripButtons .poi-options .share li.add a.btnAddToItinerary {
    opacity: 0.3;
    cursor: default; }
  .browse-poi #content {
    padding-bottom: 5%;
    background-color: white; }
  .browse-poi .show-more {
    clear: both;
    position: relative;
    background-color: #bbb8db;
    width: 50%;
    margin: 5% auto;
    display: block;
    /*display: none;*/
    text-align: center;
    padding: 10px 0 7px;
    border-bottom: 3px solid #a5a3c2;
    text-transform: uppercase;
    color: white; }
    .browse-poi .show-more:hover {
      color: white;
      border-top: 3px solid #a5a3c2;
      border-bottom: none; }
  .browse-poi .go-back {
    clear: both;
    position: relative;
    background-color: #FFFFFF;
    width: 50%;
    margin: 150px 0 -80px 5%;
    display: block;
    text-align: center;
    padding: 10px 0 7px;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000; }
    .browse-poi .go-back:hover {
      border-top: 3px solid #000000; }
  .browse-poi .go-forward {
    clear: both;
    position: relative;
    width: 50%;
    margin: 5% 0 5% 5%;
    display: block;
    /*display: none;*/
    text-align: center;
    padding: 10px 0 7px;
    border: 1px solid black;
    text-transform: uppercase;
    color: #000000; }
    .browse-poi .go-forward:hover {
      border-top: 3px solid #000000; }
  .browse-poi header {
    /*.list-close {
			z-index: 1;
            right: 0;
			//right: 8%;
			top: 0;
            //position: absolute;
			position: fixed;
            color: white;
			height: 40px;
			width: 40px;
			//display: block;
            display: none;
			background: url(../images/close-icon.png) no-repeat center 2px;
			text-indent: -9999px;
		}*/ }
    .browse-poi header.title {
      width: 100%;
      text-align: center;
      height: 45px;
      position: fixed;
      z-index: 2;
      top: 0;
      background-color: white; }
    .browse-poi header h2 {
      color: black;
      margin: 0;
      padding-top: 13px;
      /*padding-left: 30px;*/
      line-height: normal;
      font-size: 16px;
      display: block;
      padding-left: 12.5%;
      padding-right: 12.5%;
      width: 75%;
      overflow: hidden;
      position: absolute; }
  .browse-poi .poi-list {
    padding: 2% 0 0;
    display: none;
    margin-top: 110px; }
    .browse-poi .poi-list.active {
      display: block; }
    .browse-poi .poi-list .practicalities {
      display: block;
      clear: both;
      width: 82%;
      position: relative;
      background-color: #fff8ef; }
      .browse-poi .poi-list .practicalities header {
        background-color: #fff0da;
        height: auto; }
        .browse-poi .poi-list .practicalities header h3 {
          background: url(../images/poi-tab-prac.png) no-repeat left top;
          padding-left: 32.5%;
          display: block;
          position: relative;
          text-align: left;
          font-size: 1.125em; }
          .browse-poi .poi-list .practicalities header h3 a {
            color: #999;
            padding: 7px 0;
            display: block;
            background: url(../images/prac-expand-cursors.png) right 4px no-repeat; }
            .browse-poi .poi-list .practicalities header h3 a.active {
              background-position: right -26px; }
      .browse-poi .poi-list .practicalities .bullets-wrapper {
        display: none;
        padding: 7px; }
        .browse-poi .poi-list .practicalities .bullets-wrapper .bullets {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1; }
    .browse-poi .poi-list .poi-preview {
      border: 1px solid #C8C7C7;
      margin-bottom: 20px;
      padding-bottom: 10px;
      width: 101%;
      /*&:nth-child(even) {
				//border-top: 3px solid #9ab3be;
				
				.poi-info {
					background-color: #f4f6f8;
					border-top: 3px solid #9ab3be;
					
					.theme-icons {

						.icon {
							color: #00BFD3;
							
							&.top-choice {
								background-color: transparent;
								box-shadow: none;
								-webkit-box-shadow: none;
								-moz-box-shadow: none;
								color: #00BFD3;
							}
						}
					}
				}
				
				.poi-options {
					.opener {
						background-color: #9ab3be;
						
						&.active {
							background-color: #cda8c2;
							
							&:hover {
								background-color: #dbc1d6;
							}
						}
					}
				}
			}*/ }
      .browse-poi .poi-list .poi-preview .image-wrap {
        width: 116px;
        margin: 10px;
        /*&.theatre-entertainment, &.show  {
					background-color: #00bfd6;
				}
				&.foodanddrink {
					background-color: #bfd8e9;
				}				
				&.shopping {
					background-color: #c990a9;
				}*/ }
        .browse-poi .poi-list .poi-preview .image-wrap img {
          min-width: auto; }
      .browse-poi .poi-list .poi-preview .bottom {
        width: 45%;
        width: -webkit-calc(100% - 156px);
        width: -moz-calc(100% - 156px);
        width: -o-calc(100% - 156px);
        width: -ms-calc(100% - 156px);
        width: calc(unquote(100% - 156px));
        padding: 10px;
        float: left; }
        .browse-poi .poi-list .poi-preview .bottom h3 {
          float: none;
          padding: 0;
          font-size: 17px;
          color: black;
          /*.top {
						display: none;
					}*/ }
          .browse-poi .poi-list .poi-preview .bottom h3 a {
            color: #4d4d4d;
            padding: 0;
            float: none; }
          .browse-poi .poi-list .poi-preview .bottom h3 .distance {
            display: none; }
        .browse-poi .poi-list .poi-preview .bottom h4 {
          display: inline-block;
          font-size: 1em;
          color: #999;
          padding-left: 4px;
          margin-right: 4px;
          border-left: 1px solid #FF0000;
          margin-left: 169px;
          margin-top: -31px;
          position: absolute; }
        .browse-poi .poi-list .poi-preview .bottom .details {
          display: block;
          line-height: 1.35em;
          width: 115%; }
          .browse-poi .poi-list .poi-preview .bottom .details .more {
            text-transform: uppercase;
            float: none;
            clear: both;
            font-size: 0.875em;
            display: none; }
          .browse-poi .poi-list .poi-preview .bottom .details h5 {
            font-size: 1em;
            padding-top: 1%; }
          .browse-poi .poi-list .poi-preview .bottom .details p {
            font-size: 1em;
            margin: 2.5% 0 0; }
          .browse-poi .poi-list .poi-preview .bottom .details .intro {
            max-height: 4.05em;
            overflow: hidden; }
            .browse-poi .poi-list .poi-preview .bottom .details .intro p {
              margin: 0;
              font-size: 15px;
              color: #686867;
              line-height: inherit; }
        .browse-poi .poi-list .poi-preview .bottom .theme-icons {
          clear: none !important;
          display: inline-block; }
      .browse-poi .poi-list .poi-preview .poi-info {
        width: 90%;
        display: block; }
        .browse-poi .poi-list .poi-preview .poi-info .top {
          display: none; }
        .browse-poi .poi-list .poi-preview .poi-info:hover {
          cursor: pointer; }
        .browse-poi .poi-list .poi-preview .poi-info .footerBar {
          color: #FF0000;
          font-size: 1em; }
          .browse-poi .poi-list .poi-preview .poi-info .footerBar .cuisine {
            display: inline; }
          .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat {
            float: right;
            height: 18px;
            width: 58px;
            background: url(../images/pound.png) no-repeat left -72px, url(../images/pound.png) no-repeat 20px -36px, url(../images/pound.png) no-repeat 40px -36px;
            background-size: 18px auto;
            -moz-background-size: 18px auto;
            -webkit-background-size: 18px auto;
            -o-background-size: 18px auto;
            text-indent: -9999px;
            display: inline; }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.dollar {
              background-image: url(../images/dollar.png), url(../images/dollar.png), url(../images/dollar.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.euro {
              background-image: url(../images/euro.png), url(../images/euro.png), url(../images/euro.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.yen {
              background-image: url(../images/yen.png), url(../images/yen.png), url(../images/yen.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.turkish-lira {
              background-image: url(../images/turkish-lira.png), url(../images/turkish-lira.png), url(../images/turkish-lira.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.brazil-real {
              background-image: url(../images/brazil-real.png), url(../images/brazil-real.png), url(../images/brazil-real.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.czech-koruna {
              background-image: url(../images/czech-koruna.png), url(../images/czech-koruna.png), url(../images/czech-koruna.png); }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.price2 {
              background-position: left -72px, 20px -72px, 40px -36px; }
            .browse-poi .poi-list .poi-preview .poi-info .footerBar .priceCat.price3 {
              background-position: left -72px, 20px -72px, 40px -72px; }
      .browse-poi .poi-list .poi-preview .poi-options {
        display: none; }
        .browse-poi .poi-list .poi-preview .poi-options .opener {
          background-color: #9ab3be; }
          .browse-poi .poi-list .poi-preview .poi-options .opener.active {
            background-color: #cda8c2; }
            .browse-poi .poi-list .poi-preview .poi-options .opener.active:hover {
              background-color: #dbc1d6; }
  .browse-poi .event {
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px; }
    .browse-poi .event .poi-options .opener {
      background-color: #9ab3be; }
      .browse-poi .event .poi-options .opener.active {
        background-color: #cda8c2; }
        .browse-poi .event .poi-options .opener.active:hover {
          background-color: #dbc1d6; }
    .browse-poi .event .event-info {
      width: 82%;
      float: left; }
      .browse-poi .event .event-info:hover {
        cursor: pointer; }
      .browse-poi .event .event-info .right {
        float: right;
        width: 60%;
        margin-left: 0;
        padding: 3.5%; }
        .browse-poi .event .event-info .right header h3 {
          margin-top: -8px;
          font-size: 1em; }
        .browse-poi .event .event-info .right .details {
          clear: both;
          width: 130%; }
          .browse-poi .event .event-info .right .details .intro {
            max-height: 4.05em;
            overflow: hidden;
            margin-top: 10px;
            font-size: 1em;
            line-height: 1.35em; }
            .browse-poi .event .event-info .right .details .intro p {
              margin: 0;
              font-size: 1em;
              line-height: 1.35em; }
          .browse-poi .event .event-info .right .details .more {
            color: #00bed6;
            text-transform: uppercase;
            float: none;
            clear: both;
            display: none;
            font-size: 0.875em; }
      .browse-poi .event .event-info .left {
        width: 29%;
        margin: 0 3.5% 3.5% 0; }
  .browse-poi .sort-wrapper {
    position: fixed;
    top: 45px;
    z-index: 3;
    width: 100%;
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    background-color: white; }
    .browse-poi .sort-wrapper h3 {
      position: absolute;
      float: left;
      z-index: 1;
      font-size: 1em;
      padding-left: 3%;
      color: red !important;
      line-height: 17px;
      margin-top: 10px; }
    .browse-poi .sort-wrapper .sort-options {
      height: 36px;
      overflow: hidden;
      position: relative;
      /*z-index: 500;*/
      width: 100%; }
      .browse-poi .sort-wrapper .sort-options.open {
        overflow: visible;
        height: auto; }
        .browse-poi .sort-wrapper .sort-options.open li {
          display: block;
          background-color: white; }
          .browse-poi .sort-wrapper .sort-options.open li.opener {
            display: none; }
          .browse-poi .sort-wrapper .sort-options.open li.active {
            background-color: #9ab3be; }
            .browse-poi .sort-wrapper .sort-options.open li.active button {
              background-image: none;
              background-color: white; }
              .browse-poi .sort-wrapper .sort-options.open li.active button:hover {
                background-color: #afc2cb; }
      .browse-poi .sort-wrapper .sort-options li {
        height: 33px;
        padding-bottom: 2px;
        width: 100%;
        background-color: white;
        display: none;
        cursor: pointer; }
        .browse-poi .sort-wrapper .sort-options li.opener {
          position: absolute;
          display: block;
          background: url(../images/sort-cursor.png) no-repeat 94% 12px transparent;
          z-index: 1;
          cursor: pointer;
          top: 0;
          background-size: 14px auto;
          -webkit-background-size: 14px auto;
          -moz-background-size: 14px auto;
          -o-background-size: 14px auto; }
        .browse-poi .sort-wrapper .sort-options li button {
          color: black;
          display: block;
          text-align: left;
          background-color: white;
          position: relative;
          height: 33px;
          padding-left: 15%;
          width: 85%;
          font-size: 1em;
          padding-top: 2px;
          box-sizing: content-box;
          -moz-box-sizing: content-box;
          -webkit-box-sizing: content-box; }
          .browse-poi .sort-wrapper .sort-options li button:hover {
            background-color: #afc2cb; }
        .browse-poi .sort-wrapper .sort-options li.active {
          display: block;
          background-color: white; }
          .browse-poi .sort-wrapper .sort-options li.active button {
            background-size: 14px 10px;
            -webkit-background-size: 14px 10px;
            -moz-background-size: 14px 10px;
            -o-background-size: 14px 10px; }
            .browse-poi .sort-wrapper .sort-options li.active button:hover {
              background-color: white; }
  .browse-poi .filters-wrapper {
    background-color: white;
    padding: 0;
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 2;
    margin-top: 8px; }
    .browse-poi .filters-wrapper #overlay {
      z-index: 0;
      position: fixed;
      width: 66.66666%;
      background-color: rgba(255, 255, 255, 0.8);
      height: 100%;
      top: 0;
      left: 33.33333%;
      display: none; }
    .browse-poi .filters-wrapper .inner-wrapper {
      width: 100%; }
    .browse-poi .filters-wrapper.active {
      position: fixed;
      height: 100%;
      width: 100%;
      overflow-y: auto;
      top: 0;
      z-index: 501; }
      .browse-poi .filters-wrapper.active .inner-wrapper {
        position: absolute; }
      .browse-poi .filters-wrapper.active .filters {
        display: block; }
    .browse-poi .filters-wrapper h3 {
      color: black;
      padding: 9px 3% 0;
      height: 26px;
      font-size: 1em;
      cursor: pointer;
      width: 94%; }
    .browse-poi .filters-wrapper .filters {
      display: none;
      width: 100%;
      padding-bottom: 80px; }
    .browse-poi .filters-wrapper .filter-types .filter-type {
      border-bottom: 1px dotted #c1b9b2;
      /*&.date {
					display: none;
				}*/ }
      .browse-poi .filters-wrapper .filter-types .filter-type:nth-last-child(1) {
        border-bottom: none; }
      .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"], .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"] {
        display: none; }
      .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"] + label, .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"] + label {
        display: inline-block;
        width: 94%;
        cursor: pointer;
        padding: 3%;
        font-size: 0.9em;
        color: #999;
        margin: 0;
        cursor: pointer; }
        .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"] + label:hover, .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"] + label:hover {
          color: #A6A4A4; }
      .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"]:checked + label, .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"]:checked + label {
        background: url(../images/tick.png) no-repeat 97% center white;
        color: black; }
      .browse-poi .filters-wrapper .filter-types .filter-type .filter-expand {
        padding: 3%;
        display: block;
        color: #999;
        font-size: 0.9em; }
        .browse-poi .filters-wrapper .filter-types .filter-type .filter-expand:hover {
          background-color: white; }
        .browse-poi .filters-wrapper .filter-types .filter-type .filter-expand.highlight {
          background-color: white;
          color: black; }
      .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper {
        display: none;
        background-color: white; }
        .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper h4 {
          display: none; }
        .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select {
          margin-bottom: 0; }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] {
            display: none; }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] + label {
            display: inline-block;
            width: 94%;
            cursor: pointer;
            padding: 1% 3% 0.5%;
            font-size: 1em;
            line-height: 2em;
            color: #999;
            margin: 0;
            margin-left: 44px; }
            .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] + label .icon {
              display: block;
              height: 29px;
              float: left;
              padding-right: 5%;
              line-height: 1em;
              padding-left: 29px;
              background-position: left top;
              background-repeat: no-repeat;
              background-size: 29px auto;
              -webkit-background-size: 29px auto;
              -moz-background-size: 29px auto;
              -o-background-size: 29px auto;
              display: none; }
            .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] + label:hover .icon {
              background-position: left -58px; }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"]:checked + label {
            color: black;
            background: url(../images/tick.png) no-repeat 85% center white;
            width: 80%;
            background-size: 20px; }
            .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"]:checked + label .icon {
              background-position: left -58px; }
        .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .finished {
          display: none; }
      .browse-poi .filters-wrapper .filter-types .filter-type.area .select-wrapper .select input[type="checkbox"] + label .icon, .browse-poi .filters-wrapper .filter-types .filter-type.cuisine .select-wrapper .select input[type="checkbox"] + label .icon {
        display: none !important; }
      .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper p {
        padding: 15px 3%;
        margin: 0;
        font-size: 0.875em; }
      .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select {
        /*#pricerange1 + label {
								.icon2, .icon3 {
									//color: #D6D5D4;
									opacity: 0.3;
								}
							}
							
							#pricerange2 + label {
								.icon3 {
									//color: #D6D5D4;
									opacity: 0.3;
								}
							}*/
        /*.checkbox + label {
								background: url(../images/pound-icon.png) no-repeat center center;	
								height: 25px;
								width: 25px;
															
								span {
									display: none !important;
								}
							}*/ }
        .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label {
          /*span {
									//display: none !important;
								}*/ }
          .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .icon {
            padding-right: 0;
            padding-top: 2px; }
          .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .text {
            padding-left: 10px; }
          .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat {
            display: inline-block;
            height: 26px;
            width: 82px;
            background: url(../images/pound.png) no-repeat left -104px, url(../images/pound.png) no-repeat 28px -52px, url(../images/pound.png) no-repeat 56px -52px;
            background-size: 26px auto;
            -moz-background-size: 26px auto;
            -webkit-background-size: 26px auto;
            -o-background-size: 26px auto;
            text-indent: -9999px; }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.dollar {
              background-image: url(../images/dollar.png), url(../images/dollar.png), url(../images/dollar.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.euro {
              background-image: url(../images/euro.png), url(../images/euro.png), url(../images/euro.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.yen {
              background-image: url(../images/yen.png), url(../images/yen.png), url(../images/yen.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.turkish-lira {
              background-image: url(../images/turkish-lira.png), url(../images/turkish-lira.png), url(../images/turkish-lira.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.brazil-real {
              background-image: url(../images/brazil-real.png), url(../images/brazil-real.png), url(../images/brazil-real.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.czech-koruna {
              background-image: url(../images/czech-koruna.png), url(../images/czech-koruna.png), url(../images/czech-koruna.png); }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.price1 {
              background-position: left -104px, 28px -104px, 56px -52px; }
            .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat.price2 {
              background-position: left -104px, 28px -104px, 56px -104px; }
      .browse-poi .filters-wrapper .filter-types .filter-type.price {
        display: block; }
    .browse-poi .filters-wrapper .filter-types .price {
      display: none; }
    .browse-poi .filters-wrapper.active .filter-types {
      display: block; }
    .browse-poi .filters-wrapper .refine-controls {
      position: fixed;
      width: 100%;
      bottom: 0; }
      .browse-poi .filters-wrapper .refine-controls .inner-fix {
        position: absolute;
        bottom: 0;
        width: 100%; }
      .browse-poi .filters-wrapper .refine-controls a {
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 0 7px;
        background-color: #ccc;
        border-bottom: 3px solid #999;
        border-right: 3px solid #999;
        color: black; }
        .browse-poi .filters-wrapper .refine-controls a:hover {
          border-left: 3px solid #999;
          border-top: 3px solid #999;
          border-bottom: none;
          border-right: none; }
        .browse-poi .filters-wrapper .refine-controls a.confirm {
          float: right;
          background-color: white;
          border: 1px solid #A6A4A4;
          color: black; }
          .browse-poi .filters-wrapper .refine-controls a.confirm:hover {
            border-left: 3px solid black;
            border-top: 3px solid black;
            border-bottom: none;
            border-right: none; }
        .browse-poi .filters-wrapper .refine-controls a.cancel {
          display: none; }
  .browse-poi .view-close {
    z-index: 2;
    position: fixed;
    right: 0;
    display: block; }

@media screen and (min-width: 380px) {
  .browse-poi header h2 {
    font-size: 16px; } }

.poi-options {
  display: block;
  float: right;
  width: 18%;
  margin-right: -50px; }
  .poi-options .opener {
    width: 100%;
    background: url(../images/options-open.png) no-repeat center 30%;
    background-color: #afdfe4;
    text-align: center;
    margin-top: 3px;
    padding-top: 47px;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 0.75em;
    height: 23px;
    overflow: display;
    color: white;
    -moz-box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2); }
    .poi-options .opener:hover {
      -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 3px 3px rgba(0, 0, 0, 0.1); }
    .poi-options .opener.active {
      background: url(../images/options-close.png) no-repeat center 30% #cda8c2;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .poi-options .opener.active:hover {
        background-color: #dbc1d6;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
  .poi-options .share {
    position: absolute;
    width: 82%;
    left: 0;
    top: 3px;
    display: none;
    z-index: 1; }
    .poi-options .share ul {
      line-height: 0;
      /*-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 5px 5px rgba(0, 0, 0, 0.2);*/ }
    .poi-options .share li {
      width: 35.5%;
      float: left;
      /* To fix Firefox alignment issue */
      background-color: #cda8c2;
      display: inline-block;
      height: 0;
      padding-bottom: 29%;
      overflow: visible;
      /*&.unbookmark
				//visibility: hidden;
				display: inline-block;
				position: absolute;
				margin-left: -35.33333%;
				margin-top: -29%;
				z-index: -1;
			}*/ }
      .poi-options .share li:hover {
        cursor: pointer; }
      .poi-options .share li a {
        display: block;
        position: relative;
        text-transform: uppercase;
        font-size: 0.75em;
        text-align: center;
        color: white;
        padding-top: 55%;
        width: 100%;
        background: url(../images/add-icon.png) no-repeat center 45%;
        background-size: 35px 35px;
        -webkit-background-size: 35px 35px;
        -moz-background-size: 35px 35px;
        -o-background-size: 35px 35px; }
        .poi-options .share li a.btnAddToItinerary {
          padding-top: 55%;
          margin-top: 0;
          height: auto;
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none; }
      .poi-options .share li.hidden {
        display: none; }
      .poi-options .share li.more-info {
        background: url(../images/dotted-border-white-vert.png) repeat-y right top #cda8c2;
        margin-left: 29%; }
        .poi-options .share li.more-info a {
          background-image: url(../images/more-icon.png); }
      .poi-options .share li.map {
        background: url(../images/map-tab-bg.jpg) no-repeat center center #f3f3f3;
        width: 29%;
        background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        -webkit-background-size: 100% auto; }
        .poi-options .share li.map a {
          background-image: url(../images/map-icon-blue.png);
          padding-top: 67.5%;
          color: #2b4169;
          background-size: auto 41px;
          -moz-background-size: auto 41px;
          -o-background-size: auto 41px;
          -webkit-background-size: auto 41px; }
      .poi-options .share li.bookmark {
        background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y right top #cda8c2; }
        .poi-options .share li.bookmark a {
          background-image: url(../images/bookmark-icon.png); }
      .poi-options .share li.like {
        background: url(../images/dotted-border-white-horiz.png) repeat-x left top #cda8c2; }
        .poi-options .share li.like a {
          background-image: url(../images/like-icon.png); }
      .poi-options .share li.null {
        background: url(../images/dotted-border-white-horiz.png) repeat-x left top #cda8c2; }
        .poi-options .share li.null:hover {
          cursor: default;
          background-color: #cda8c2; }
      .poi-options .share li.added a {
        background-image: url(../images/added-icon.png); }
      .poi-options .share li.bookmarked a {
        background-image: url(../images/bookmarked-icon.png); }
      .poi-options .share li.remove {
        background-color: #afdfe4; }
        .poi-options .share li.remove a {
          background-image: url(../images/remove-icon.png); }
      .poi-options .share li.liked {
        background: url(../images/dotted-border-white-horiz.png) repeat-x left top #afdfe4; }
        .poi-options .share li.liked:hover {
          cursor: default;
          background-color: #afdfe4 !important; }
        .poi-options .share li.liked a {
          background-image: url(../images/liked-icon.png); }
          .poi-options .share li.liked a:hover {
            cursor: default; }
      .poi-options .share li.unbookmark {
        background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y right top #afdfe4; }
        .poi-options .share li.unbookmark a {
          background-image: url(../images/unbookmark-icon.png); }
      .poi-options .share li.remove, .poi-options .share li.unbookmark, .poi-options .share li.liked, .poi-options .share li.added, .poi-options .share li.bookmarked {
        /* display: none; */
        -moz-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        -webkit-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        background-color: #afdfe4 !important; }
        .poi-options .share li.remove:hover, .poi-options .share li.unbookmark:hover, .poi-options .share li.liked:hover, .poi-options .share li.added:hover, .poi-options .share li.bookmarked:hover {
          background-color: #c7e9ec !important; }
      .poi-options .share li.bookmarked, .poi-options .share li.added {
        -moz-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        -webkit-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 3px 3px rgba(0, 0, 0, 0.1), inset -3px -3px rgba(0, 0, 0, 0.1);
        background-color: #afdfe4; }
        .poi-options .share li.bookmarked:hover, .poi-options .share li.added:hover {
          background-color: #c7e9ec; }
      .poi-options .share li:hover {
        background-color: #dbc1d6; }
  .poi-options.short .share ul li.add {
    background: url(../images/dotted-border-white-vert.png) repeat-y right top #cda8c2;
    margin-left: 29%; }
  .poi-options.short .share ul li.added, .poi-options.short .share ul li.remove {
    background: url(../images/dotted-border-white-vert.png) repeat-y right top #afdfe4;
    margin-left: 29%; }
  .poi-options.short .share ul li.bookmark {
    background-image: none; }
  .poi-options.short .share ul li.bookmarked, .poi-options.short .share ul li.unbookmark {
    background-image: none; }
  .poi-options.short .share ul li.like {
    background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y right top #cda8c2; }
  .poi-options.short .share ul li.liked {
    background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y right top #afdfe4; }
  .poi-options.short .share ul li.null:hover {
    background-color: #cda8c2; }
  .poi-options.short .share ul li:hover {
    background-color: #dbc1d6; }
  .poi-options.short .share ul li.bookmarked:hover, .poi-options.short .share ul li.unbookmark:hover, .poi-options.short .share ul li.liked:hover, .poi-options.short .share ul li.added:hover, .poi-options.short .share ul li.remove:hover {
    background-color: #c7e9ec !important; }
  .poi-options.favourites .share ul li.unbookmark {
    display: inline-block;
    background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y right top #afdfe4; }
    .poi-options.favourites .share ul li.unbookmark:hover {
      background-color: #c7e9ec; }

/* POI lists ends */
/* POI Content */
#show_poi_view {
  float: left;
  width: 100%;
  overflow-x: hidden;
  background-color: white; }
  #show_poi_view.hideTripButtons .sidebar .share li.add, #show_poi_view.hideTripButtons .sidebar .share li.remove {
    display: none; }
  #show_poi_view header.title {
    width: 100%;
    color: black;
    position: relative;
    /*.poi-close {
                right: 0;
				top: 0;
                position: absolute;
                color: white;
				height: 40px;
				width: 40px;
				//display: block;
                display: none;
				background: url(../images/close-icon.png) no-repeat center 2px;
				text-indent: -9999px;
			}*/ }
    #show_poi_view header.title h1 {
      margin: 0;
      text-align: center;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 36px;
      padding-top: 11px;
      padding-bottom: 10px;
      line-height: normal;
      margin: 0 40px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  #show_poi_view .tab-selector {
    text-align: center;
    width: 92%;
    margin-top: 10px;
    margin-left: 4%;
    margin-right: 4%;
    height: 70px;
    background-color: white;
    border: 1px solid #C8C7C7; }
    #show_poi_view .tab-selector li {
      width: 18%;
      display: inline-block;
      text-align: center;
      min-width: 55px;
      background-color: white;
      margin-top: 10px; }
      #show_poi_view .tab-selector li a {
        display: block;
        position: relative;
        color: #000000;
        background: url(../images/poi-tab-overview.png) no-repeat center top;
        height: 37px;
        background-size: 37px 22px; }
        #show_poi_view .tab-selector li a span {
          font-size: 0.75em;
          top: 37px;
          position: relative;
          white-space: nowrap; }
      #show_poi_view .tab-selector li.selected.overview a {
        background-image: url(../images/poi-tab-overview-red.png); }
      #show_poi_view .tab-selector li.selected.practicalities a {
        background-image: url(../images/poi-tab-prac-red.png);
        background-size: 29px 29px; }
      #show_poi_view .tab-selector li.selected.nearby a {
        background-image: url(../images/poi-tab-nearby-red.png); }
      #show_poi_view .tab-selector li.selected.find-out-more a {
        background-image: url(../images/poi-tab-find-out-more-red.png); }
      #show_poi_view .tab-selector li.selected.whats-on a {
        background-image: url(../images/poi-tab-whats-on-red.png);
        background-size: 32px 25px; }
      #show_poi_view .tab-selector li.selected.similar a {
        background-image: url(../images/poi-tab-similar-red.png); }
      #show_poi_view .tab-selector li.practicalities a {
        background-image: url(../images/info-icon.png);
        background-size: 24px 24px; }
      #show_poi_view .tab-selector li.nearby a {
        background-image: url(../images/poi-tab-nearby.png); }
      #show_poi_view .tab-selector li.find-out-more a {
        background-image: url(../images/poi-tab-find-out-more.png); }
      #show_poi_view .tab-selector li.whats-on a {
        background-image: url(../images/poi-tab-whats-on.png);
        background-size: 32px 25px; }
      #show_poi_view .tab-selector li.similar a {
        background-image: url(../images/poi-tab-similar.png); }
  #show_poi_view .sidebar .share {
    display: none; }
    #show_poi_view .sidebar .share li.liked:hover {
      background-color: #afdfe4 !important; }
    #show_poi_view .sidebar .share li.remove, #show_poi_view .sidebar .share li.unbookmark, #show_poi_view .sidebar .share li.liked, #show_poi_view .sidebar .share li.added, #show_poi_view .sidebar .share li.bookmarked {
      background-color: #afdfe4 !important; }
      #show_poi_view .sidebar .share li.remove:hover, #show_poi_view .sidebar .share li.unbookmark:hover, #show_poi_view .sidebar .share li.liked:hover, #show_poi_view .sidebar .share li.added:hover, #show_poi_view .sidebar .share li.bookmarked:hover {
        background-color: #c7e9ec !important; }
    #show_poi_view .sidebar .share li.hidden {
      display: none; }
  #show_poi_view .sidebar header {
    display: none; }

#show_poi_overview_view .btnAddToItinerary {
  border: none;
  margin-left: 0px; }

.poi-tab {
  margin-top: 200px;
  background-color: white;
  width: 100%; }
  .poi-tab.hideTripButtons .sidebar .map-toggle {
    width: 25%; }
  .poi-tab.hideTripButtons .sidebar .share {
    width: 75%; }
    .poi-tab.hideTripButtons .sidebar .share li {
      width: 33%; }
      .poi-tab.hideTripButtons .sidebar .share li.add, .poi-tab.hideTripButtons .sidebar .share li.remove {
        display: none; }
  .poi-tab .wrapper {
    padding: 20px 4%;
    width: 92%; }
  .poi-tab header h1 {
    font-size: 1.375em;
    margin: 0 0 20px;
    color: #5ec5c2; }
  .poi-tab header .details {
    font-style: italic;
    font-size: 0.8em;
    letter-spacing: 1px;
    margin-bottom: 3%; }
    .poi-tab header .details .icon {
      display: inline !important;
      color: #1D6A9B;
      margin-right: 5px; }
      .poi-tab header .details .icon img {
        height: 22px;
        width: auto;
        vertical-align: bottom;
        padding-bottom: 1px; }
    .poi-tab header .details.telephone {
      font-style: normal;
      padding-top: 5px; }
  .poi-tab header .theme-icons {
    float: left;
    margin-right: 5px;
    display: none; }
    .poi-tab header .theme-icons .icon {
      /* New property for IE9
				box-shadow: inset 0 0 0 4px white;*/
      /*-webkit-box-shadow: inset 0 0 0 3px white;
				-moz-box-shadow: inset 0 0 0 3px white;
				background-color: #00BFD3;*/
      display: inline !important;
      font-size: 1.3em;
      line-height: 1.7em; }
      .poi-tab header .theme-icons .icon.top-choice img {
        height: 23px;
        padding-bottom: 7px; }
      .poi-tab header .theme-icons .icon img {
        height: 25px;
        vertical-align: bottom;
        padding-bottom: 5px;
        width: auto; }
  .poi-tab .tab-close {
    display: none; }
  .poi-tab .sidebar .map-toggle {
    position: relative;
    height: 100px;
    background-color: #cda8c2;
    width: 20%;
    float: left; }
    .poi-tab .sidebar .map-toggle a {
      background: url(../images/map-icon.png) no-repeat center 20px;
      background-size: 35px 35px;
      -webkit-background-size: 35px 35px;
      -moz-background-size: 35px 35px;
      -o-background-size: 35px 35px;
      padding-top: 60px;
      text-transform: uppercase;
      font-size: 0.75em;
      display: block; }
  .poi-tab .sidebar .share {
    width: 80%;
    float: left; }
    .poi-tab .sidebar .share li a {
      text-indent: -9999px; }
    .poi-tab .sidebar .share ul .remove a span {
      display: none; }

@media screen and (max-width: 1023px) {
  .poi-tab .wrapper {
    background-color: white; } }

#show_poi_overview_view .wrapper {
  background-color: white; }
#show_poi_overview_view header h1 {
  color: #5ec5c2;
  margin-bottom: 2%; }
#show_poi_overview_view .tab-content h3, #show_poi_overview_view .tab-content h2 {
  margin: 25px 0 5px;
  color: black; }
#show_poi_overview_view .tab-content h2 {
  font-family: Georgia, serif;
  font-weight: normal;
  font-size: 22px; }
#show_poi_overview_view .tab-content h3 {
  font-size: 1.25em; }
#show_poi_overview_view .tab-content p {
  margin: 5px 0 25px;
  line-height: 1.5em;
  font-size: 16px; }
  #show_poi_overview_view .tab-content p:nth-child(2) {
    font-size: 1.1875em;
    line-height: 1.4em; }
#show_poi_overview_view .tab-content .head-image {
  /*max-width: 100%;
			max-height: 300px;
			overflow-y: hidden;*/
  width: 100%;
  margin-bottom: 4%;
  position: relative; }
  #show_poi_overview_view .tab-content .head-image img {
    width: 100%;
    max-width: 100%;
    height: auto; }
    #show_poi_overview_view .tab-content .head-image img.cutaway {
      width: 100%; }
  #show_poi_overview_view .tab-content .head-image .caption {
    font-size: 0.625em; }
    #show_poi_overview_view .tab-content .head-image .caption p {
      padding-left: 0;
      margin: 0;
      display: inline;
      font-size: 0.625em; }
  #show_poi_overview_view .tab-content .head-image .cutaway-overlay {
    position: absolute;
    height: 100%;
    right: 0;
    border: 1px solid #A6A4A4;
    width: 100%; }
    #show_poi_overview_view .tab-content .head-image .cutaway-overlay .cutaway-open {
      position: absolute;
      height: 100%;
      width: 100%;
      display: block;
      cursor: pointer; }
    #show_poi_overview_view .tab-content .head-image .cutaway-overlay img {
      position: absolute;
      height: 30px;
      width: 30px;
      padding-right: 121px;
      border: 1px solid #A6A4A4;
      margin-top: 1%;
      margin-left: 1%;
      /*top: -10px;
					left: -5px;*/ }
    #show_poi_overview_view .tab-content .head-image .cutaway-overlay img::after {
      content: "tessdsdsdt"; }
  #show_poi_overview_view .tab-content .head-image .image-expand {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14%;
    height: 0;
    padding-bottom: 13.5%;
    background-color: #A6A4A4;
    border-radius: 100%;
    margin-bottom: 5px;
    margin-right: 5px; }
    #show_poi_overview_view .tab-content .head-image .image-expand a {
      height: 100%;
      width: 99%;
      position: absolute;
      top: 0;
      left: 0;
      background: url(../images/image-icon.png) no-repeat center center;
      background-size: 55px 40px;
      -webkit-background-size: 55px 40px;
      -moz-background-size: 55px 40px;
      -o-background-size: 55px 40px;
      background-size: 41px 30px;
      -webkit-background-size: 41px 30px;
      -moz-background-size: 41px 30px;
      -o-background-size: 41px 30px; }
    #show_poi_overview_view .tab-content .head-image .image-expand img {
      border: 1px solid #27aae1;
      box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      display: none; }
    #show_poi_overview_view .tab-content .head-image .image-expand:hover {
      background-color: #93d4f0; }
  #show_poi_overview_view .tab-content .head-image.noCutaway .image-expand {
    bottom: 24px;
    height: 0;
    margin-right: 7px;
    padding-bottom: 13.5%;
    border: 1px solid #A6A4A4;
    background-color: #A6A4A4;
    border-radius: 50%;
    opacity: 0.8; }
    #show_poi_overview_view .tab-content .head-image.noCutaway .image-expand img {
      display: none; }
    #show_poi_overview_view .tab-content .head-image.noCutaway .image-expand:hover {
      background-color: #A6A4A4; }

@media screen and (min-width: 1024px) {
  #show_poi_overview_view .tab-content p, #show_poi_overview_view .tab-content h3, #show_poi_overview_view .tab-content h2 {
    padding-left: 8%; } }

@media screen and (min-width: 1250px) {
  #show_poi_overview_view .tab-content p, #show_poi_overview_view .tab-content h3, #show_poi_overview_view .tab-content h2 {
    padding-left: 0;
    float: right;
    clear: both;
    width: 100%; } }

.popup {
  position: absolute;
  top: 0px;
  left: 0; }

.bullets {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  font-size: 14px; }
  .bullets li {
    margin-bottom: 10px;
    column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    line-height: 1.5em;
    -webkit-text-size-adjust: 100%; }
    .bullets li p {
      margin: 0; }
    .bullets li .icon {
      margin-right: 10px;
      display: inline !important;
      background-color: white;
      box-shadow: inset 0 0 0 2px white;
      -webkit-box-shadow: inset 0 0 0 2px white;
      -moz-box-shadow: inset 0 0 0 2px white;
      line-height: normal; }
      .bullets li .icon img {
        height: 27px;
        width: auto;
        vertical-align: bottom; }
      .bullets li .icon.transport {
        color: #815b9c; }
      .bullets li .icon.facilities {
        color: #1c699f; }
      .bullets li .icon.entrance {
        color: #9b8579; }
    .bullets li a {
      color: #00bed6; }
      .bullets li a:hover {
        text-decoration: underline; }

#show_poi_whatson_view .wrapper {
  width: 100%;
  padding: 20px 0;
  background-color: white; }
#show_poi_whatson_view .image-wrap {
  width: 115px; }
#show_poi_whatson_view .selected-date {
  float: left;
  text-transform: uppercase;
  font-size: 0.875em;
  margin-bottom: 15px;
  display: none; }
#show_poi_whatson_view .events {
  padding: 0 4%; }
#show_poi_whatson_view header {
  padding: 0 4%; }
#show_poi_whatson_view .calendar header, #show_poi_whatson_view .events .event header {
  padding: 0; }
#show_poi_whatson_view .events .event .admission, #show_poi_whatson_view .events .event .website {
  font-weight: bold; }
#show_poi_whatson_view .events .event .admission::after {
  content: " | ";
  color: #FF0000; }
#show_poi_whatson_view .events .event .website::after {
  content: "|";
  color: #FF0000; }
#show_poi_whatson_view .events .event .event-date {
  text-transform: capitalize;
  float: right;
  margin-right: 10px; }
#show_poi_whatson_view .events .event .event-options {
  display: block;
  width: 18%; }
  #show_poi_whatson_view .events .event .event-options ul {
    line-height: 0; }
  #show_poi_whatson_view .events .event .event-options li {
    float: left;
    /* To fix Firefox alignment issue */
    display: inline-block; }
    #show_poi_whatson_view .events .event .event-options li:hover {
      cursor: pointer; }
    #show_poi_whatson_view .events .event .event-options li a {
      border: 1px solid #C8C7C7;
      display: block;
      position: relative;
      font-size: 0.75em;
      text-align: center;
      color: black;
      padding-left: 40px;
      margin-left: 10px;
      margin-bottom: 10px;
      line-height: 35px;
      height: 35px;
      background: url(../images/add-icon.png) no-repeat left;
      background-size: 35px 35px;
      -webkit-background-size: 35px 35px;
      -moz-background-size: 35px 35px;
      -o-background-size: 35px 35px;
      width: 80px; }
    #show_poi_whatson_view .events .event .event-options li.hidden {
      display: none; }
    #show_poi_whatson_view .events .event .event-options li.added a {
      background-image: url(../images/added-icon.png); }
    #show_poi_whatson_view .events .event .event-options li.remove a {
      background-image: url(../images/delete-icon.png); }

#show_poi_findoutmore_view .wrapper {
  width: 100%;
  padding: 20px 0;
  background-color: white; }
#show_poi_findoutmore_view header {
  padding: 0 4%; }

.calendar {
  display: none;
  margin-top: -10px; }
  .calendar .bubble {
    height: 12px;
    display: block;
    background: url(../images/calendar-active.png) no-repeat 95.8% top white; }
    .calendar .bubble .calendar-wrap {
      width: 92%;
      padding: 0 4%;
      background-color: #e9e9e8;
      padding-bottom: 15px;
      position: relative;
      /*.dates {
				clear: both;

				ul {
					li {
						width: 14.285714%;
						display: block;
						float: left;
						text-align: center;
						font-size: 0.6875em;
						color: black;

						a {
							padding-top: 5px;
							position: relative;
							display: block;
							height: 15px;
						}

					}

					&.week {
						background-color: #bbb8dc;
						height: 20px;

						li {
							text-transform: uppercase;
							padding-top: 5px;
							height: 15px;
						}
					}
				}

				ul.date-selector {

					li {
						padding-bottom: 1px;
						background-color: #e9e9e8;
						height: 20px;

						a {
							border-left: 1px solid #e9e9e8;	
							background-color: white;

							&:hover {
								background-color: #9cceef;
							}
						}

						&.selected a {
							background-color: #27aae1 !important;
							color: white;
						}

						&.prev a {
							background-color: #f3eef3;

							&:hover {
								background-color: #9cceef;
							}
						}
					}
				}
			}

			.month-selector {
				height: 30px;
				overflow: hidden;
				position: relative;
				z-index: 499;

				&.active {
					overflow: visible;
				}

				li {
					height: 21px;
					padding-top: 9px;
					width: 100%;
					display: none;
					color: black;
					text-align: center;
					position: relative;
					font-size: 0.875em;
					text-transform: uppercase;

					&.selected {
						display: block;

						a {
							//background: url(../images/day-select-cursor.png) no-repeat 94% 0px $background-color;
						}
					}

					&.active a {
						//background: url(../images/day-select-cursor.png) no-repeat 94% -35px  $background-color;
					}
				}
			}

			.months {
				position: relative;

				.month-nav {
					width: 100%;
					position: absolute;
					margin-top: -30px;
					z-index: 500;

					li {
						float: left;
						width: 15px;
						height: 30px;
						cursor: pointer;

						//a {
							text-indent: -9999px;
							background: url(../images/grey-cursors.png) no-repeat center top;
							display: block;
							position: relative;
							//height: 30px;
						//}

						&.next {
							float: right;

							//a {
								background-position: center -30px;
							//}
						}
					}
				}
			}*/ }

/* New jquery calendar */
.browse-poi .filters-wrapper .filter-types .filter-type.date .select-wrapper .finished {
  float: right;
  margin-right: 10%;
  width: 61.5%; }

.browse-poi .filters-wrapper .filter-types .filter-type.date .select-wrapper .finished.top {
  float: none; }

#calendar input {
  display: none; }
#calendar .hasDatepicker {
  padding: 2% 10%; }
#calendar .ui-datepicker .ui-state-disabled {
  background-image: none !important;
  cursor: default; }
#calendar .ui-datepicker .ui-datepicker-header {
  height: 40px;
  background-color: #FF0000;
  font-family: "Georgia";
  font-size: 16px; }
  #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    float: left;
    width: 10%;
    height: 40px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../images/grey-cursors.png) no-repeat center 6px;
    display: block;
    position: relative; }
  #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    float: right;
    background-position: center -24px; }
  #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    height: 32px;
    padding-top: 8px;
    float: left;
    width: 80%;
    color: white;
    text-align: center;
    position: relative;
    font-size: 1.375em;
    text-transform: uppercase; }
#calendar .ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  margin: 0;
  color: black;
  font-size: 0.875em;
  border: 2px solid #A6A4A4; }
  #calendar .ui-datepicker table th, #calendar .ui-datepicker table td {
    padding: 3% 0;
    font-weight: normal;
    text-transform: uppercase;
    width: 14.28571%; }
  #calendar .ui-datepicker table th {
    background-color: white;
    color: #FF0000;
    font-family: "Lucida Grande";
    font-size: 11px; }
  #calendar .ui-datepicker table td {
    background-color: white;
    cursor: pointer;
    height: 24px; }
    #calendar .ui-datepicker table td.ui-datepicker-other-month {
      background-color: #f3eef3; }
    #calendar .ui-datepicker table td.ui-datepicker-today {
      background-color: #FF0000;
      border-radius: 100%; }
    #calendar .ui-datepicker table td:hover {
      background-color: #9cceef; }
    #calendar .ui-datepicker table td.ui-state-disabled {
      background-color: #e9e9e8;
      color: #ccc; }
    #calendar .ui-datepicker table td.date-range-selected, #calendar .ui-datepicker table td.ui-datepicker-current-day {
      background-color: #FF0000;
      border-radius: 50%; }
      #calendar .ui-datepicker table td.date-range-selected a, #calendar .ui-datepicker table td.ui-datepicker-current-day a {
        color: white; }
    #calendar .ui-datepicker table td a {
      color: black;
      text-decoration: none;
      font-family: "Lucida Grande";
      font-size: 11px; }
#calendar #clearDates {
  display: none;
  padding: 3%;
  color: #999;
  margin-left: 7%; }
  #calendar #clearDates:hover {
    color: black; }

.time-selected .options {
  background-color: white;
  padding: 10px; }
  .time-selected .options #selected-date {
    display: none;
    float: left;
    margin: 5px 0; }
  .time-selected .options .edit {
    float: right;
    background-color: #ddd;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding: 3px 12px;
    text-transform: uppercase;
    color: #666;
    font-size: 0.8125em;
    margin-top: 3px;
    cursor: pointer; }
    .time-selected .options .edit:hover {
      border-top: 2px solid #bbb;
      border-bottom: none; }
    .time-selected .options .edit.done {
      background-color: #ff4845;
      border-color: #cb3533;
      color: white; }
      .time-selected .options .edit.done:hover {
        border-bottom: none;
        border-top: 2px solid #cb3533; }
.time-selected .cal-toggle {
  background: url(../images/calendar-open.png) no-repeat left -30px;
  /* Afternoon */
  height: 30px;
  padding: 0;
  padding-left: 35px;
  padding-top: 4px;
  display: block;
  float: left;
  cursor: pointer;
  color: #27aae1;
  /* Afternoon */ }
  .time-selected .cal-toggle.set {
    width: 30px; }
.time-selected .select-wrapper {
  display: none;
  position: fixed;
  height: -webkit-calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: -o-calc(100% - 40px);
  height: -ms-calc(100% - 40px);
  height: calc(unquote(100% - 40px));
  width: 100%;
  top: 40px;
  left: 0;
  z-index: 501;
  background-color: #fff8ef; }
  .time-selected .select-wrapper #calendar {
    text-align: center; }
    .time-selected .select-wrapper #calendar input {
      display: none;
      margin-bottom: 0; }
  .time-selected .select-wrapper h4 {
    display: block;
    background-color: #fff2e1;
    font-size: 1.125em;
    padding: 3%;
    text-align: center; }
  .time-selected .select-wrapper .finished {
    display: block;
    padding: 3% 0;
    width: 80%;
    background-color: #5ec5c2;
    border-bottom: 3px solid #51a9a7;
    text-transform: uppercase;
    color: white;
    margin: 3% 10%;
    text-align: center; }
    .time-selected .select-wrapper .finished:hover {
      border-top: 3px solid #51a9a7;
      border-bottom: none; }
    .time-selected .select-wrapper .finished.top {
      position: absolute;
      right: 0;
      top: 0;
      margin: 0;
      margin-top: 0.5%;
      height: 35px;
      width: 35px;
      text-indent: 9999px;
      padding: 0;
      background: url(../images/close-grey.png) no-repeat center center transparent;
      border: none !important; }

/* jQuery Price slider */
#price-wrapper {
  padding: 3%; }
  #price-wrapper .ui-slider {
    width: 45%;
    float: left;
    position: relative;
    text-align: left;
    background: url(../images/slider-increments.png) left top no-repeat #d2c8bd;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    height: 10px;
    margin-top: 11px; }
    #price-wrapper .ui-slider .ui-slider-range {
      position: absolute;
      z-index: 1;
      display: block;
      background-color: #FF0000;
      height: 10px; }
    #price-wrapper .ui-slider .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 16px;
      height: 44px;
      cursor: default;
      background: url(../images/menu-icon.png) no-repeat center center #5a6f94;
      background-size: 88% auto;
      -moz-background-size: 88% auto;
      -o-background-size: 88% auto;
      -webkit-background-size: 88% auto;
      top: -18px;
      margin-left: -8px; }
  #price-wrapper .total {
    padding-left: 8px;
    padding-top: 15px; }
    #price-wrapper .total label {
      float: left;
      font-size: 1.125em;
      color: #999;
      padding-top: 8px; }
    #price-wrapper .total input[type="text"] {
      float: left;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      border: none;
      font-size: 1.375em;
      width: 95px;
      padding: 7px;
      margin-bottom: 0;
      margin-right: 10px;
      margin-left: 18px; }

.party div {
  float: left;
  width: 35%; }
  .party div input[type="text"] {
    float: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    font-size: 1.375em;
    width: 20px;
    padding: 7px;
    margin-bottom: 0;
    margin-right: 10px;
    text-align: center; }
  .party div button {
    color: white;
    font-size: 1.375em;
    text-align: center;
    padding: 5px 10px 6px;
    background-color: #FF0000;
    background-image: url(../images/down_arrow.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
    margin-left: 144px;
    margin-top: -13px;
    position: absolute;
    height: 17px; }
    .party div button.increase {
      background-color: #FF0000; }
    .party div button.disabled {
      position: absolute;
      margin-left: 144px;
      margin-top: -13px;
      background-color: #FF0000;
      background-image: url(../images/down_arrow.png);
      background-size: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-position-x: 4px;
      background-position-y: 4px;
      height: 17px;
      width: 20px; }
  .party div label {
    clear: both;
    font-size: 1.125em;
    color: #999;
    padding-top: 8px; }

@media screen and (min-width: 768px) {
  #calendar #clearDates {
    float: left;
    margin-top: 3%; } }

.event {
  border-bottom: 10px solid white;
  border: 1px solid #C8C7C7;
  margin-bottom: 10px;
  margin-bottom: 10px;
  /*&:nth-child(even) {
			.event-info {
				//background-color: #F6F9F7;
				border-top: 3px solid #9ab3be;
				background-color: #f4f6f8;
			}
		}*/
  /*.btnAddToItinerary {
			float: right;
			width: 18%;
			background: url(../images/add-icon.png) no-repeat center 18px #afdfe4;
			//background-size: 30px auto;
			text-align: center;
			margin-top: 3px;
			padding-top: 47px;
			display: block;
			position: relative;
			text-transform: uppercase;
			font-size: 0.75em;
			height: 23px;
			color: white;
			-moz-box-shadow: inset 3px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 3px 0 rgba(0,0,0,0.2);
			box-shadow: inset 3px 0 rgba(0,0,0,0.2);

			&:hover {
				-moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
				-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
				box-shadow: 3px 3px rgba(0,0,0,0.1);
			}

			span {
				padding-left: 3px;
				display: none;
			}
		}*/ }
  .event .event-info {
    background-color: white;
    width: 82%;
    float: left; }
    .event .event-info header {
      width: auto;
      padding: 0;
      text-align: left;
      height: auto; }
      .event .event-info header h3 {
        font-weight: bold;
        color: black;
        font-size: 1.25em;
        margin-bottom: 10px;
        margin-top: 10px; }
        .event .event-info header h3.subheader {
          display: block;
          font-size: 1em;
          margin-top: -7px !important; }
      .event .event-info header .poi-title {
        color: #FF0000; }
      .event .event-info header .poi-distance {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1em;
        color: #999;
        width: 68.5%;
        float: right; }
    .event .event-info .event-date {
      color: black;
      width: 93%;
      font-size: 0.8em;
      font-weight: bold;
      /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
      font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
      font-weight: normal;
      display: inline; }
    .event .event-info .left {
      float: left;
      margin-right: 4%;
      margin-bottom: 4%; }
    .event .event-info .right {
      margin-left: 4%;
      padding-right: 4%;
      padding-top: 20px; }
      .event .event-info .right p {
        clear: both;
        line-height: 1.35em;
        width: 100%;
        margin-top: 10px;
        color: black; }
      .event .event-info .right h3 p {
        clear: none;
        /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
        font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-top: 20px;
        font-weight: normal; }
      .event .event-info .right .themeName {
        color: #FF0000; }
    .event .event-info .image-wrap {
      margin-left: 10px;
      margin-top: 10px;
      /*&.opera-music {
					background-color: #d2c9bf;
				}
				&.theatre-entertainment {
					background-color: #00bfd6;
				}
				&.art-exhibition {
					background-color: #ffe3a5;
				}
				&.dance {
					background-color: #fbd2c3;
				}
				&.seasonal-outdoors {
					background-color: #c3ded4;
				}
				&.royal {
					background-color: #bbb8da;
				}
				&.comedy {
					background-color: #cde6cb;
				}
				&.sport {
					background-color: #afdfe4;
				}
				&.foodanddrink {
					background-color: #bfd8e9;
				}
				&.parks {
					background-color: #cee6c0;
				}
				&.family {
					background-color: #fdb713;
				}			
				&.religious {
					background-color: #fdd2b8;
				}			
				&.museum {
					background-color: #d2c9be;
				}*/ }
      .event .event-info .image-wrap img {
        width: 100%;
        display: block; }
    .event .event-info p, .event .event-info ul li {
      color: #555; }
    .event .event-info ul li {
      margin-bottom: 15px; }
      .event .event-info ul li .icon {
        margin-left: -40px;
        color: black;
        margin-right: 5px;
        display: inline !important; }
        .event .event-info ul li .icon img {
          height: 25px;
          width: auto;
          vertical-align: bottom;
          padding-bottom: 3px; }
      .event .event-info ul li a {
        color: #686867; }
        .event .event-info ul li a:hover {
          text-decoration: underline; }

.features {
  padding: 0 2%;
  text-align: center; }
  .features.opened .feature {
    /*&:nth-child(2n + 1) {
				clear: none;
			}
			&:nth-child(3n + 1) {
				clear: both;
			}*/ }
    .features.opened .feature:nth-child(3), .features.opened .feature:nth-child(5), .features.opened .feature:nth-child(7), .features.opened .feature:nth-child(9) {
      clear: none; }
    .features.opened .feature:nth-child(4), .features.opened .feature:nth-child(6), .features.opened .feature:nth-child(8), .features.opened .feature:nth-child(10) {
      clear: both; }
  .features .feature {
    width: 46%;
    float: left;
    height: 215px;
    margin: 0 1% 2%;
    border: 1px solid #A6A4A4; }
    .features .feature:nth-child(3), .features .feature:nth-child(5), .features .feature:nth-child(7), .features .feature:nth-child(9) {
      clear: both; }
    .features .feature .click {
      cursor: pointer; }
    .features .feature .image-wrap {
      width: 100%;
      height: 141px;
      padding: 10px;
      text-align: center; }
      .features .feature .image-wrap img {
        max-width: 83%;
        max-height: 100%;
        margin-left: -9%; }
    .features .feature header {
      padding: 10px 0 !important; }
      .features .feature header h1 {
        font-size: 1.0625em;
        margin-bottom: 0;
        color: black;
        margin-top: -21px;
        margin-left: 3px; }
    .features .feature .caption {
      color: black;
      font-size: 0.8125em;
      padding-top: 10px;
      padding-bottom: 20px; }
    .features .feature p {
      line-height: 1.5em;
      margin: 5px 0 25px;
      margin-left: 280px; }
    .features .feature .feature-close {
      background-color: white;
      border: 1px solid #A6A4A4;
      width: 95% !important;
      text-align: center !important;
      text-transform: uppercase;
      padding: 10px 0;
      margin: 20px 0;
      cursor: pointer;
      margin-left: 2% !important; }
    .features .feature p, .features .feature .caption, .features .feature .feature-controls, .features .feature .feature-close, .features .feature h2 {
      display: none; }
    .features .feature h2, .features .feature h3 {
      font-size: 1.25em;
      color: black;
      margin: 25px 0 5px; }
    .features .feature .feature-next {
      display: none;
      cursor: pointer;
      text-transform: uppercase; }
    .features .feature.active {
      width: 96%;
      height: 100%; }
      .features .feature.active header h1 {
        font-size: 1.25em;
        margin-top: -4px; }
      .features .feature.active p, .features .feature.active .feature-close, .features .feature.active h2 {
        display: block;
        margin-left: 0;
        width: 93%;
        text-align: left;
        margin-left: 5%; }
      .features .feature.active .caption {
        width: 72%;
        display: block;
        text-align: left;
        margin-left: -12px;
        color: #A6A4A4; }
        .features .feature.active .caption p {
          margin-left: 0px;
          margin-top: 0px;
          width: 100%; }
      .features .feature.active .feature-controls .feature-close {
        display: none; }
      .features .feature.active .click {
        cursor: auto; }
      .features .feature.active .image-wrap {
        height: auto;
        text-align: left;
        padding-bottom: 0;
        background-image: none;
        margin-left: 14%; }
        .features .feature.active .image-wrap img {
          max-height: auto; }

/* Sidebar */
.sidebar {
  background-color: #cda8c2;
  color: white;
  text-align: center;
  width: 100%; }
  .sidebar a {
    color: white; }
  .sidebar header {
    background-color: #cda8c2; }
    .sidebar header h2 {
      font-size: 0.875em;
      text-transform: uppercase;
      margin: 0;
      padding: 20px 0 0; }
  .sidebar .map-toggle {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0; }
    .sidebar .map-toggle a {
      background: url(../images/map-icon-small.png) no-repeat center 2px;
      background-size: 35px 35px;
      -webkit-background-size: 35px 35px;
      -moz-background-size: 35px 35px;
      -o-background-size: 35px 35px;
      /*-ms-behavior: url(/backgroundsize.min.htc);*/
      display: none;
      position: relative;
      height: 40px;
      text-indent: -9999px; }
  .sidebar .share {
    text-align: center;
    background-color: #cda8c2; }
    .sidebar .share li {
      background-color: #cda8c2;
      display: inline-block;
      width: 25%; }
      .sidebar .share li a {
        background: url(../images/add-icon.png) no-repeat center 20px;
        background-size: 35px 35px;
        -webkit-background-size: 35px 35px;
        -moz-background-size: 35px 35px;
        -o-background-size: 35px 35px;
        /*-ms-behavior: url(/backgroundsize.min.htc);*/
        padding-top: 60px;
        display: block;
        position: relative;
        text-transform: uppercase;
        font-size: 0.75em;
        height: 40px; }
      .sidebar .share li.bookmark a {
        background-image: url(../images/bookmark-icon.png); }
      .sidebar .share li.like a {
        background-image: url(../images/like-icon.png); }
      .sidebar .share li.added a {
        background-image: url(../images/added-icon.png); }
      .sidebar .share li.bookmarked a {
        background-image: url(../images/bookmarked-icon.png); }
      .sidebar .share li.remove a {
        background-image: url(../images/remove-icon.png); }
      .sidebar .share li.liked:hover {
        cursor: default; }
      .sidebar .share li.liked a {
        background-image: url(../images/liked-icon.png); }
        .sidebar .share li.liked a:hover {
          cursor: default; }
      .sidebar .share li.unbookmark a {
        background-image: url(../images/unbookmark-icon.png); }
      .sidebar .share li.feedback a {
        background-image: url(../images/feedback-icon.png); }
      .sidebar .share li.hidden {
        display: none; }
      .sidebar .share li.app a {
        background-image: url(../images/app-icon.png); }

@media screen and (min-width: 768px) {
  .sidebar .map-toggle a {
    display: block; } }

.click-overlay {
  left: 0;
  top: 0;
  cursor: pointer;
  position: fixed;
  height: 100%;
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: -o-calc(100% - 15px);
  width: -ms-calc(100% - 15px);
  width: calc(unquote(100% - 15px));
  z-index: -1; }

#poi_teaser_view {
  position: fixed;
  z-index: 101;
  height: 100%;
  /*background-color: white;*/
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  top: 0;
  overflow-y: auto; }
  #poi_teaser_view .see-more {
    display: inline-block;
    line-height: 37px;
    background-size: 37px 22px;
    border-bottom: 1px solid #C8C7C7;
    width: 100%; }
  #poi_teaser_view .see-more-text a {
    font-size: 15px;
    color: #FF0000 !important; }
  #poi_teaser_view .line {
    border-bottom: 1px solid #C8C7C7; }
  #poi_teaser_view.hideTripButtons .poi-options .share li.remove {
    display: none; }
  #poi_teaser_view.hideTripButtons .poi-options .share li.add {
    display: block !important; }
    #poi_teaser_view.hideTripButtons .poi-options .share li.add:hover {
      background-color: #cda8c2; }
  #poi_teaser_view.hideTripButtons .poi-options .share li a.btnAddToItinerary {
    opacity: 0.3;
    cursor: default; }
  #poi_teaser_view .click-overlay {
    cursor: default; }
  #poi_teaser_view .teaser-wrapper.teaser-view {
    width: 100%;
    position: relative;
    /*z-index: 5;*/ }
    #poi_teaser_view .teaser-wrapper.teaser-view .top {
      /*background-color: #999;
			height: 22px;
			//border-bottom: 3px solid #00bed6;
			border-bottom: 3px solid #5ec5c2;*/
      display: none; }
    #poi_teaser_view .teaser-wrapper.teaser-view .poi-info {
      border: 1px solid #C8C7C7;
      display: block;
      background-color: white;
      padding-bottom: 10px;
      padding-top: 10px; }
    #poi_teaser_view .teaser-wrapper.teaser-view .image-wrap {
      float: left;
      margin: 10px;
      width: 150px;
      display: inline-block;
      vertical-align: top; }
    #poi_teaser_view .teaser-wrapper.teaser-view .bottom {
      float: left;
      width: 45%;
      width: -webkit-calc(100% - 195px);
      width: -moz-calc(100% - 195px);
      width: -o-calc(100% - 195px);
      width: -ms-calc(100% - 195px);
      width: calc(unquote(100% - 195px));
      padding: 10px;
      padding-top: 20px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom h3 {
        padding: 7px 7px 0 0;
        font-size: 17px;
        float: none;
        padding: 0;
        font-size: 1.25em;
        margin-bottom: 2.5%;
        margin-top: -16px;
        color: #000000; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom h3 a {
          float: none;
          padding: 0; }
          #poi_teaser_view .teaser-wrapper.teaser-view .bottom h3 a .distance {
            float: none;
            height: auto; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom h4 {
        font-size: 0.75em;
        display: block;
        color: #FF0000; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom p {
        font-size: 14px;
        color: #7F7E80; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .event-date {
        margin-top: 10px;
        color: #000000;
        font-size: 0.75em; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .cuisine {
        font-size: 1em;
        color: red; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom li {
        display: inline-block;
        margin: 0;
        padding: 0; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom span {
        color: red; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .website {
        font-size: 0.875em; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom a {
        color: #000000; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom a.manage {
          display: none; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat {
        margin-top: -8px;
        text-align: right;
        float: right;
        margin-top: -8px;
        height: 18px;
        width: 58px;
        background: url(../images/pound.png) no-repeat left -72px, url(../images/pound.png) no-repeat 20px -36px, url(../images/pound.png) no-repeat 40px -36px;
        background-size: 18px auto;
        -moz-background-size: 18px auto;
        -webkit-background-size: 18px auto;
        -o-background-size: 18px auto;
        margin-top: -17px; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.dollar {
          background-image: url(../images/dollar.png), url(../images/dollar.png), url(../images/dollar.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.euro {
          background-image: url(../images/euro.png), url(../images/euro.png), url(../images/euro.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.yen {
          background-image: url(../images/yen.png), url(../images/yen.png), url(../images/yen.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.turkish-lira {
          background-image: url(../images/turkish-lira.png), url(../images/turkish-lira.png), url(../images/turkish-lira.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.brazil-real {
          background-image: url(../images/brazil-real.png), url(../images/brazil-real.png), url(../images/brazil-real.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.czech-koruna {
          background-image: url(../images/czech-koruna.png), url(../images/czech-koruna.png), url(../images/czech-koruna.png); }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat span {
          display: none; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.price2 {
          background-position: left -72px, 20px -72px, 40px -36px; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .priceCat.price3 {
          background-position: left -72px, 20px -72px, 40px -72px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .theme-icons {
        text-align: right;
        clear: both;
        padding-right: 3px;
        padding-bottom: 3px;
        float: right;
        clear: none !important;
        margin-top: 10px;
        display: none; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .theme-icons .icon {
          display: inline !important; }
          #poi_teaser_view .teaser-wrapper.teaser-view .bottom .theme-icons .icon img {
            height: 25px;
            width: auto;
            vertical-align: bottom;
            padding-bottom: 5px; }
          #poi_teaser_view .teaser-wrapper.teaser-view .bottom .theme-icons .icon.top-choice {
            background-color: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            color: #00BFD3; }
            #poi_teaser_view .teaser-wrapper.teaser-view .bottom .theme-icons .icon.top-choice img {
              height: 23px;
              padding-bottom: 7px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details {
        display: block;
        line-height: 1.35em; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details .tickets {
          font-size: 0.875em;
          padding: 0 0; }
          #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details .tickets span {
            color: #FF0000; }
          #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details .tickets .icon {
            color: black; }
            #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details .tickets .icon img {
              height: 25px;
              width: auto;
              vertical-align: bottom;
              padding-bottom: 3px; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details p {
          font-size: 1em;
          margin: 2.5% 0 0; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details .icon {
          display: inline !important;
          color: #1D6A9B;
          margin-right: 5px; }
        #poi_teaser_view .teaser-wrapper.teaser-view .bottom .details.telephone {
          float: left;
          font-style: normal;
          padding-top: 5px;
          font-size: 0.8em;
          letter-spacing: 1px;
          margin-bottom: 20px;
          clear: none;
          margin-top: 10px; }
    #poi_teaser_view .teaser-wrapper.teaser-view .poi-options {
      /*position: absolute;
			top: 0;
			right: 0;*/
      width: 18%;
      right: 0;
      position: absolute; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .opener {
        margin-top: 59px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .teaser-close {
        display: block;
        text-transform: uppercase;
        font-size: 0.75em;
        cursor: pointer;
        position: absolute;
        text-indent: -9999px;
        background: url(../images/close_icon_new.png) no-repeat left top;
        background-size: 22px;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        -o-background-size: 22px;
        right: 50px;
        height: 46px;
        width: 46px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .more-info {
        /*width: 13.63636%;
				position: absolute;
				top: 0;
				right: -13.63636%;*/
        background-color: #63b6e3;
        margin-top: 3px;
        -moz-box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 3px 0 rgba(0, 0, 0, 0.2); }
        #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .more-info:hover {
          -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px rgba(0, 0, 0, 0.1); }
        #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .more-info a {
          width: 100%;
          background: url(../images/more-icon.png) no-repeat center 25%;
          text-align: center;
          padding-top: 47px;
          display: block;
          position: relative;
          text-transform: uppercase;
          font-size: 0.75em;
          height: 23px;
          overflow: display;
          color: white; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share {
        /*width: 44%;
				right: 12%;
				left: auto;*/
        /*width: 50%;
				left: 32%;*/
        width: 300%;
        left: -300%;
        top: 59px;
        z-index: 1; }
        #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li {
          width: 50%;
          padding-bottom: 40%;
          /*&.more-info {
						background: url(../images/dotted-border-white-vert.png) repeat-y right top #cda8c2;
						margin-left: 29%;

						a {
							background-image: url(../images/more-icon.png);
						}
					}*/ }
          #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.hidden {
            display: none; }
          #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.map {
            width: 50%; }
            #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.map a {
              padding-top: 55%; }
          #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.bookmark {
            background: url(../images/dotted-border-white-horiz.png) repeat-x left top, url(../images/dotted-border-white-vert.png) repeat-y left top #cda8c2; }
            #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.bookmark:hover {
              background-color: #dbc1d6; }
          #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.like {
            background-image: none; }
    #poi_teaser_view .teaser-wrapper.teaser-view .extras {
      position: relative;
      clear: both;
      display: block; }
      #poi_teaser_view .teaser-wrapper.teaser-view .extras.more-button .extra {
        width: 100%; }
      #poi_teaser_view .teaser-wrapper.teaser-view .extras.related .extra {
        width: 100%; }
      #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra {
        width: 100%;
        position: relative;
        float: left; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra header h3 {
          display: block;
          position: relative; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra header h3 a, #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra header h3 button {
            padding-left: 16px;
            text-align: left;
            display: block;
            height: 35px;
            width: 100%;
            background: transparent;
            font-size: 17px;
            color: #686867;
            border-bottom: 1px solid #A6A4A4;
            /*&.active {
								background-position: right -26px;
							}*/ }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra .expand-wrapper {
          display: none; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities header {
          background-color: white; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities header h3 {
            border-left: 1px solid #A6A4A4;
            border-right: 1px solid #A6A4A4; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities .expand-wrapper {
          background-color: white;
          border: 1px solid #C8C7C7; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities .expand-wrapper .bullets {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            padding: 7px;
            padding-left: 14px; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities .expand-wrapper .bullets li .icon {
              margin-right: 1px;
              color: black;
              box-shadow: inset 0 0 0 2px #fff8ef;
              -webkit-box-shadow: inset 0 0 0 2px #fff8ef;
              -moz-box-shadow: inset 0 0 0 2px #fff8ef; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby header {
          background-color: white;
          border: 1px solid #A6A4A4;
          text-align: left; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .expand-wrapper {
          position: absolute;
          width: 100%; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list {
          background-color: white;
          border-left: 1px solid #C8C7C7;
          border-right: 1px solid #C8C7C7;
          border-bottom: 1px solid #C8C7C7;
          padding: 7px; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list.similar {
            margin-bottom: 0; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list header h1 {
            color: white;
            font-size: 1.25em;
            padding: 10px 0; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview {
            width: 100%;
            margin-left: 0; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .top {
              display: block;
              position: absolute;
              margin-left: 160px;
              margin-top: 55px;
              width: 100px; }
              #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .top .distance {
                width: 37%;
                margin-left: 0;
                margin-left: 0;
                position: absolute; }
                #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .top .distance .method a {
                  padding-left: 5px; }
                #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .top .distance .method span {
                  padding-left: 0; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .poi-info {
              border-top: none;
              width: 100%;
              height: 75px;
              border: 1px solid #C8C7C7; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .image-wrap {
              margin: 0 7px 0 0; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .bottom {
              width: 20%;
              position: absolute;
              margin-right: 425px !important;
              color: black;
              margin-top: 15px; }
              #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .bottom h3 {
                font-size: 17px;
                padding: 7px 7px 0 0;
                margin-bottom: 0;
                width: 300px;
                color: black; }
              #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby .poi-list .poi-preview .bottom .btnAddToItinerary {
                float: right;
                width: 35px;
                height: 35px;
                background: url(../images/add-icon-green.png) no-repeat center center transparent;
                text-indent: -9999px;
                position: absolute;
                top: 9px;
                right: 9px; }
        #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.more-info {
          background-color: #63b6e3;
          text-align: center;
          height: 35px; }
          #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.more-info a {
            color: white;
            text-transform: uppercase;
            display: block;
            position: relative;
            height: 27px;
            padding-top: 8px; }
            #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.more-info a:hover {
              -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
              -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
              box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); }
    #poi_teaser_view .teaser-wrapper.teaser-view .poi_likes_preview {
      margin-left: -295px !important; }
    #poi_teaser_view .teaser-wrapper.teaser-view .poi_teaser_add {
      float: left; }
    #poi_teaser_view .teaser-wrapper.teaser-view .image-wrap {
      float: left; }
      #poi_teaser_view .teaser-wrapper.teaser-view .image-wrap img {
        height: auto;
        margin: 0;
        padding: 0; }
      #poi_teaser_view .teaser-wrapper.teaser-view .image-wrap p {
        font-size: 0.6em;
        margin: 0 0 0 0;
        word-wrap: break-word;
        background-color: #FFFFFF;
        width: 115px; }

#listOfPOIs .holder {
  width: 100%;
  border: 1px solid #C8C7C7;
  height: 65px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: center;
  color: #7F7E80;
  font-size: 15px;
  line-height: 20px;
  display: none; }
#listOfPOIs .holder1 {
  display: block; }

#show_poi_nearby_view .poi-list .poi-preview .poi-info .bottom {
  position: absolute;
  margin-left: 7px;
  margin-top: -60px;
  color: black !important; }
  #show_poi_nearby_view .poi-list .poi-preview .poi-info .bottom h3 {
    padding: 7px 7px 0 0; }
  #show_poi_nearby_view .poi-list .poi-preview .poi-info .bottom .btnAddToItinerary {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../images/add-icon-green.png) no-repeat center center transparent;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 9px; }
#show_poi_nearby_view .poi-list .poi-preview:nth-child(2) .poi-info .distance .method span.method-label {
  display: inline; }

@media screen and (min-width: 600px) {
  #poi_teaser_view {
    position: fixed;
    left: 40%;
    width: 60%;
    background-color: rgba(255, 255, 255, 0.8); }
    #poi_teaser_view .teaser-wrapper.teaser-view {
      margin-top: 75px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-info {
        display: block; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .opener {
        margin-top: 36px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .teaser-close {
        top: -20px; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share {
        top: 36px; }
    #poi_teaser_view.list-view .teaser-wrapper {
      margin-left: 2.66664%;
      width: 97.33336%; }
  .click-overlay {
    margin-left: 40%;
    width: -webkit-calc(60% -15px);
    width: -moz-calc(60% -15px);
    width: -o-calc(60% -15px);
    width: -ms-calc(60% -15px);
    width: calc(unquote(60% -15px)); }
  #show_poi_view {
    width: 60%;
    margin-left: 40%; }
    #show_poi_view .view-close {
      display: block; }
    #show_poi_view .menu-toggle {
      display: none; }
  #listOfPOIs .holder {
    display: block; }
  .time-selected .select-wrapper {
    width: 40%; }
  .time-selected #listOfPOIs .holding-copy {
    display: block;
    text-align: center;
    padding: 0 20px; }
    .time-selected #listOfPOIs .holding-copy hr {
      width: 40%;
      border-top: dotted 1px;
      border-bottom: none; }
    .time-selected #listOfPOIs .holding-copy img {
      width: 60%; }
    .time-selected #listOfPOIs .holding-copy .green {
      color: #5ec5c2; }
    .time-selected #listOfPOIs .holding-copy .blue {
      color: #27aae1; }
  #destination_page_view {
    width: 60%;
    margin-left: 40%; }
  .trip-storage {
    width: 60%;
    margin-left: 40%; }
    .trip-storage .trip-list {
      padding: 3%; }
  .view-close {
    display: block; }
  .sidebar .map-toggle {
    right: auto; }
  .poi-tab {
    width: 60%;
    margin-left: 40%; }
  .browse-poi {
    width: 60%;
    margin-left: 40%; }
    .browse-poi header.title {
      width: 60%; }
      .browse-poi header.title h2 {
        padding-top: 11px;
        font-size: 36px;
        font-family: "Georgia", serif;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: -5px;
        background-color: white;
        height: 60px; }
    .browse-poi .sort-wrapper {
      width: 60%; }
    .browse-poi .filters-wrapper {
      width: 60%; }
    .browse-poi .filters-wrapper.active {
      width: 60%; }
      .browse-poi .filters-wrapper.active .inner-wrapper {
        position: absolute; }
        .browse-poi .filters-wrapper.active .inner-wrapper .refine-controls {
          width: 60%; }
    .browse-poi .poi-list {
      padding: 3%; }
    .browse-poi .view-close {
      z-index: 2;
      position: fixed;
      right: 0;
      display: block; }
    .browse-poi .sidebar {
      display: none; }
  .day-selector {
    clear: both;
    padding: 0;
    height: 35px;
    position: relative;
    width: 100%; }
    .day-selector ul {
      height: 35px;
      overflow: hidden;
      position: relative;
      width: 100%;
      /*z-index: 500;*/ }
      .day-selector ul.open {
        overflow: visible;
        height: auto;
        position: absolute;
        z-index: 2; }
        .day-selector ul.open li {
          display: block; }
          .day-selector ul.open li.active {
            background-color: #7f7c7c; }
            .day-selector ul.open li.active a {
              background-image: none;
              background-color: #FFFFFF; }
              .day-selector ul.open li.active a:hover {
                background-color: #999797; }
            .day-selector ul.open li.active.cat a {
              background-color: #FFFFFF; }
          .day-selector ul.open li.opener {
            display: none; }
      .day-selector ul li {
        height: 33px;
        padding-bottom: 2px;
        width: 100%;
        background-color: #FFFFFF;
        display: none; }
        .day-selector ul li.cat {
          width: 100%;
          margin: 0; }
          .day-selector ul li.cat a {
            font-size: 0.9em; }
          .day-selector ul li.cat.active a {
            background-color: #FFFFFF; }
        .day-selector ul li a {
          color: #333;
          display: block;
          text-align: center;
          padding-top: 9px;
          background-color: #FFFFFF;
          position: relative;
          height: 24px;
          font-size: 0.9em; }
          .day-selector ul li a:hover {
            background-color: #999797; }
        .day-selector ul li.active {
          display: block; }
        .day-selector ul li.opener {
          position: absolute;
          top: 0;
          cursor: pointer; }
        .day-selector ul li.add {
          margin-left: 0;
          background-color: #FFFFFF; }
        .day-selector ul li.remove {
          margin-right: 0;
          background-color: #FFFFFF; }
      .day-selector ul.days4 li.remove {
        display: none; }
  .time-selector {
    z-index: 1; }
  .time-selected {
    position: relative;
    min-height: 60%;
    min-height: -webkit-calc(100% - 195px);
    min-height: -moz-calc(100% - 195px);
    min-height: -o-calc(100% - 195px);
    min-height: -ms-calc(100% - 195px);
    min-height: calc(unquote(100% - 195px)); }
  #show_map_view {
    margin-left: 40%;
    width: 60%; } }

@media screen and (min-width: 600px) and (max-width: 767px) {
  .browse-poi header.title h2 {
    font-size: 16px;
    width: 50%;
    margin: 0 25%;
    top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0;
    background-color: transparent;
    height: auto; } }

@media screen and (min-width: 768px) {
  .similar {
    padding-bottom: 20px;
    margin-bottom: 10px; }
    .similar .poi-preview {
      cursor: pointer;
      margin-bottom: 10px; }
      .similar .poi-preview .distance .method span, .similar .poi-preview .distance .method a {
        cursor: pointer; }
  #poi_teaser_view {
    left: 33.33333%;
    width: 66.66666%; }
    #poi_teaser_view .teaser-wrapper.teaser-view {
      width: 88%;
      margin-left: 5%; }
    #poi_teaser_view.list-view .teaser-wrapper {
      width: 85.33336%; }
  .click-overlay {
    margin-left: 33.33333%;
    width: -webkit-calc(66.66666% - 15px);
    width: -moz-calc(66.66666% - 15px);
    width: -o-calc(66.66666% - 15px);
    width: -ms-calc(66.66666% - 15px);
    width: calc(unquote(66.66666% - 15px)); }
  #show_poi_overview_view header .row-2 {
    float: right; }
  #show_poi_overview_view header .details {
    float: left; }
    #show_poi_overview_view header .details .icon {
      position: absolute;
      margin-left: -35px;
      margin-top: -5px;
      margin-right: 0; }
    #show_poi_overview_view header .details.telephone {
      float: right;
      padding-top: 0; }
  #show_poi_overview_view .theme-icons {
    margin-right: 38px;
    margin-top: -10px; }
  #show_poi_overview_view .tab-content .head-image .image-expand a {
    background-size: 55px 40px;
    -webkit-background-size: 55px 40px;
    -moz-background-size: 55px 40px;
    -o-background-size: 55px 40px; }
  #show_poi_nearby_view .poi-list .poi-preview .poi-info .bottom .btnAddToItinerary {
    top: 13px; }
  .time-selected .select-wrapper {
    width: 33.33333%; }
  #show_poi_view {
    overflow-x: auto;
    width: 66.66666%;
    margin-left: 33.33333%; }
    #show_poi_view #content {
      width: 88%; }
    #show_poi_view .sidebar .share {
      display: block; }
    #show_poi_view .view-close {
      background-size: 80px 92px;
      -moz-background-size: 80px 92px;
      -webkit-background-size: 80px 92px;
      -o-background-size: 80px 92px;
      /*-ms-behavior: url(/backgroundsize.min.htc);*/
      top: 5px;
      height: 46px;
      width: 80px;
      left: 0;
      text-transform: uppercase;
      color: #2c9adc;
      font-size: 0.75em; }
      #show_poi_view .view-close:hover {
        background-position: left -46px; }
  #destination_page_view {
    width: 66.66666%;
    margin-left: 33.33333%; }
  .trip-storage {
    width: 66.66666%;
    margin-left: 33.33333%;
    height: auto; }
    .trip-storage .trip-list {
      padding: 35px 10% 35px; }
    .trip-storage .view-close {
      top: 5px;
      right: 5px;
      width: 46px;
      background: url(../images/close-button-solid.png) no-repeat left top;
      height: 46px; }
      .trip-storage .view-close:hover {
        background-position: left -46px; }
  .sidebar {
    right: 0;
    width: 8%;
    top: 0;
    padding-top: 75px;
    background-color: #f3f3f3;
    height: 100%;
    position: fixed;
    -webkit-box-shadow: inset 1px 0 #ccc;
    box-shadow: inset 1px 0 #ccc;
    -moz-box-shadow: inset 1px 0 #ccc; }
    .sidebar header {
      display: none; }
    .sidebar .share {
      display: block;
      background-color: transparent;
      padding-top: 5px;
      -moz-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2); }
      .sidebar .share li {
        width: 100%;
        -moz-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2); }
        .sidebar .share li a {
          text-indent: -9999px; }
    .sidebar .map-toggle {
      height: 100px;
      background: url(../images/map-tab-bg.jpg) no-repeat center center #f3f3f3;
      background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      -webkit-background-size: auto 100%;
      width: 100%;
      display: block;
      position: relative;
      -moz-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2); }
      .sidebar .map-toggle a {
        background: url(../images/map-icon-blue.png) no-repeat center 20px;
        background-size: auto 41px;
        -moz-background-size: auto 41px;
        -o-background-size: auto 41px;
        -webkit-background-size: auto 41px;
        padding-top: 65px;
        height: 35px;
        text-transform: uppercase;
        font-size: 0.75em;
        text-indent: -9999px;
        color: #2b4169; }
  .poi-tab {
    width: 58.66666%;
    margin-left: 33.33333%; }
    .poi-tab .sidebar {
      display: none; }
  .browse-poi {
    width: 66.66666%;
    margin-left: 33.33333%; }
    .browse-poi #content {
      padding-bottom: 1%;
      margin-top: 50px; }
    .browse-poi .show-more {
      width: 38%;
      margin: 10%; }
    .browse-poi header.title, .browse-poi .sort-wrapper {
      width: 58.66666%; }
    .browse-poi .view-close {
      top: 5px;
      background-size: 80px 92px;
      -moz-background-size: 80px 92px;
      -webkit-background-size: 80px 92px;
      -o-background-size: 80px 92px;
      /*-ms-behavior: url(/backgroundsize.min.htc);*/
      height: 46px;
      width: 80px;
      left: 34%;
      left: -webkit-calc(40% - 60px);
      left: -moz-calc(40% - 60px);
      left: -o-calc(40% - 60px);
      left: -ms-calc(40% - 60px);
      left: calc(unquote(40% - 60px));
      z-index: 2;
      text-transform: uppercase;
      color: #2c9adc;
      font-size: 0.75em; }
      .browse-poi .view-close:hover {
        background-position: left -46px; }
    .browse-poi .sidebar {
      display: none; }
    .browse-poi .poi-list {
      float: left;
      width: 64%;
      clear: none;
      display: block;
      padding: 26px 3%;
      margin-top: 75px; }
    .browse-poi .filters-wrapper {
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      float: right;
      width: 12%;
      right: 8%;
      margin-top: 76px;
      z-index: 1;
      background-color: transparent;
      border: 1px solid #C8C7C7; }
      .browse-poi .filters-wrapper #overlay {
        display: block; }
      .browse-poi .filters-wrapper .inner-wrapper {
        position: relative !important;
        padding-left: 4px; }
        .browse-poi .filters-wrapper .inner-wrapper .filters {
          display: block;
          padding-bottom: 0; }
      .browse-poi .filters-wrapper .refine-controls {
        display: none; }
      .browse-poi .filters-wrapper.active {
        height: auto;
        z-index: 3;
        width: 12.5%;
        top: 75px;
        overflow-y: visible; }
        .browse-poi .filters-wrapper.active .inner-wrapper {
          position: relative; }
      .browse-poi .filters-wrapper h3 {
        font-size: 21px;
        color: red;
        cursor: text;
        font-family: "Georgia"; }
      .browse-poi .filters-wrapper .filter-types .filter-type {
        border-bottom: none;
        font-size: 0.9em;
        font-family: "Lucida Grande";
        color: #686867; }
        .browse-poi .filters-wrapper .filter-types .filter-type .filter-expand {
          position: relative;
          font-size: 0.9em; }
        .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper {
          z-index: 100;
          width: 39.4%;
          left: 35.09333%;
          top: 75px;
          margin-top: 1.76%;
          position: fixed;
          -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px rgba(0, 0, 0, 0.2); }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper h4 {
            display: block;
            background-color: white;
            font-size: 1.5em;
            padding: 3%;
            /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
            font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
            font-weight: normal;
            text-align: center;
            color: black; }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .finished {
            display: block;
            padding: 3% 9% 2%;
            background-color: white;
            border: 1px solid #A6A4A4;
            text-transform: uppercase;
            color: black;
            margin: 3%;
            text-align: center;
            background: url(../images/save.png) no-repeat left transparent;
            background-size: 22px;
            background-position-x: 32%;
            /*							background-position-y: 16px; 
*/
            font-size: 1.3em; }
            .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .finished.top {
              position: absolute;
              right: 0;
              top: 0;
              margin: 0;
              margin-top: 0.5%;
              height: 35px;
              width: 35px;
              text-indent: 9999px;
              padding: 0;
              background: url(../images/close-grey.png) no-repeat center center transparent;
              border: none !important; }
          .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"]:checked + label {
            background-position: 1% center;
            padding-right: 10px !important;
            margin-left: 9px;
            padding-left: 40px;
            background-size: 4%; }
        .browse-poi .filters-wrapper .filter-types .filter-type.theme .select-wrapper, .browse-poi .filters-wrapper .filter-types .filter-type.eventtheme .select-wrapper, .browse-poi .filters-wrapper .filter-types .filter-type.area .select-wrapper, .browse-poi .filters-wrapper .filter-types .filter-type.cuisine .select-wrapper {
          height: -webkit-calc(98.24% - 75px);
          height: -moz-calc(98.24% - 75px);
          height: -o-calc(98.24% - 75px);
          height: -ms-calc(98.24% - 75px);
          height: calc(unquote(98.24% - 75px));
          overflow-y: auto;
          overflow-x: hidden; }
        .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"] + label, .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"] + label {
          width: 95%;
          margin-bottom: 5px;
          line-height: normal; }
        .browse-poi .filters-wrapper .filter-types .filter-type.access input[type="checkbox"]:checked + label, .browse-poi .filters-wrapper .filter-types .filter-type.topten input[type="checkbox"]:checked + label {
          background-position: 91% center;
          background-size: 15px;
          width: 90%; }
    .browse-poi .sort-wrapper {
      height: 35px;
      background-color: white;
      margin-top: 55px;
      margin-bottom: 3%;
      z-index: 2;
      font-family: "Myriad Pro 1167301"; }
      .browse-poi .sort-wrapper h3 {
        position: relative;
        z-index: 0;
        font-size: 1em;
        font-size: 0.875em;
        padding-left: 3%;
        color: #999;
        padding-top: 0px;
        width: 12%;
        font-family: Georgia, serif;
        font-weight: normal; }
      .browse-poi .sort-wrapper .sort-options {
        overflow: visible;
        width: 85%;
        float: left;
        position: absolute;
        margin-left: 15%; }
        .browse-poi .sort-wrapper .sort-options.open {
          height: 35px; }
          .browse-poi .sort-wrapper .sort-options.open li {
            height: auto;
            padding-bottom: 0;
            width: 20%;
            background-color: transparent;
            display: inline-block;
            cursor: pointer;
            height: 35px; }
            .browse-poi .sort-wrapper .sort-options.open li.active {
              background: url(../images/sort-cursor.png) no-repeat center bottom transparent;
              height: 45px; }
              .browse-poi .sort-wrapper .sort-options.open li.active button {
                background-color: white; }
                .browse-poi .sort-wrapper .sort-options.open li.active button:hover {
                  background-color: white; }
        .browse-poi .sort-wrapper .sort-options li {
          height: auto;
          padding-bottom: 0;
          width: 20%;
          background-color: transparent;
          display: inline-block;
          cursor: pointer;
          height: 35px;
          float: left; }
          .browse-poi .sort-wrapper .sort-options li.opener {
            display: none; }
          .browse-poi .sort-wrapper .sort-options li button {
            color: #999;
            display: block;
            text-align: center;
            padding-top: 0;
            background-color: transparent;
            height: 35px;
            padding-left: 0;
            font-size: 15px;
            width: 100%; }
            .browse-poi .sort-wrapper .sort-options li button:hover {
              background-color: white;
              color: #7F7E80; }
          .browse-poi .sort-wrapper .sort-options li.active {
            display: inline-block;
            background: url(../images/sort-cursor.png) no-repeat center bottom transparent;
            height: 45px; }
            .browse-poi .sort-wrapper .sort-options li.active button {
              background-color: white;
              background-image: none;
              color: red; }
          .browse-poi .sort-wrapper .sort-options li.distance-sight {
            width: 40%; }
  #show_map_view {
    margin-left: 33.33333%;
    width: 66.66666%; } }

@media screen and (min-width: 1024px) {
  /* Switch to popups */
  /*#show_poi_view {

	    .tab-selector {

	        li {

				&.practicalities.selected {
					background-color: #fff8ef !important;
				}
				
				&.nearby.selected {
					background-color: #b3c4c9 !important;
				}
				
				&.practicalities.selected a, &.practicalities.selected a:hover {
					background-position: center top;
				}
			}
		}
	}*/
  poi-list.similar {
    padding-bottom: 20px;
    margin-bottom: 10px; }
    poi-list.similar .poi-preview {
      cursor: pointer;
      margin-bottom: 10px;
      display: inline-block;
      width: 45%; }
      poi-list.similar .poi-preview .distance .method span, poi-list.similar .poi-preview .distance .method a {
        cursor: pointer; }
  #poi_teaser_view .teaser-wrapper.teaser-view {
    width: 77.44%;
    margin-top: 75px; }
    #poi_teaser_view .teaser-wrapper.teaser-view .poi-options {
      width: 13.63636%;
      right: -13.63636%;
      position: absolute; }
      #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share {
        width: 350%;
        left: -350%; }
        #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .share li.remove span {
          display: inline; }
  #poi_teaser_view.list-view .teaser-wrapper {
    width: 75.1%; }
  #poi_teaser_view .extras {
    width: 100% !important; }
    #poi_teaser_view .extras .extra.nearby .expand-wrapper {
      width: 100% !important;
      margin-left: 0 !important; }
    #poi_teaser_view .extras .extra.practicalities .expand-wrapper {
      margin-left: 0 !important; }
    #poi_teaser_view .extras.more-button.related .extra.nearby .expand-wrapper {
      margin-left: 0 !important; }
    #poi_teaser_view .extras.more-button.related .extra.practicalities .expand-wrapper {
      width: 100% !important;
      margin-left: 0 !important; }
  .features .feature {
    width: 29.33333%;
    height: 215px; }
    .features .feature:nth-child(2n+1) {
      clear: none; }
    .features .feature:nth-child(4), .features .feature:nth-child(7) {
      clear: both; }
    .features .feature.active {
      width: 86%;
      padding-left: 10%;
      padding-bottom: 80px;
      height: 100%; }
      .features .feature.active .image-wrap {
        float: left;
        width: 53.4%;
        margin-right: -11.5%;
        margin-left: -7.5%;
        margin-top: -35px;
        background-image: none;
        margin-top: -5px; }
      .features .feature.active .feature-close {
        display: none; }
      .features .feature.active header {
        float: right;
        width: 55.6%;
        padding: 10px 0 20px !important; }
      .features .feature.active p, .features .feature.active h2 {
        display: block;
        margin-left: 0;
        text-align: left; }
      .features .feature.active .feature-text {
        width: 60%;
        margin-left: 39%;
        margin-top: 72px; }
      .features .feature.active h1 {
        font-size: 1.25em;
        margin-top: -4px;
        margin-left: -38px; }
      .features .feature.active .feature-controls {
        float: left;
        border-right: 3px solid #FF0000;
        text-align: center;
        display: inline !important;
        color: black;
        padding: 3px 5px 3px 31px;
        font-size: 0.875em;
        position: relative;
        width: 15%; }
        .features .feature.active .feature-controls .feature-close {
          background-color: transparent;
          width: auto;
          padding: 0;
          position: absolute;
          display: inline;
          margin-top: 0px;
          margin-left: 5px;
          border: none;
          margin-left: 7px !important; }
          .features .feature.active .feature-controls .feature-close:hover {
            color: #FF0000; }
        .features .feature.active .feature-controls .feature-next {
          padding-bottom: 10px;
          display: inline; }
          .features .feature.active .feature-controls .feature-next:hover {
            color: #FF0000; }
  .features.opened .feature:nth-child(4), .features.opened .feature:nth-child(7), .features.opened .feature:nth-child(6), .features.opened .feature:nth-child(10) {
    clear: none; }
  .features.opened .feature:nth-child(5), .features.opened .feature:nth-child(8) {
    clear: both; }
  #show_poi_practicalities_view {
    background-color: white; }
    #show_poi_practicalities_view header h1 {
      color: #4d4d4d; }
  .sidebar .share li a {
    text-indent: 0 !important; }
  .sidebar .map-toggle a {
    text-indent: 0 !important; }
  .popup .bullets li .icon {
    box-shadow: inset 0 0 0 2px #fff8ef;
    -webkit-box-shadow: inset 0 0 0 2px #fff8ef;
    -moz-box-shadow: inset 0 0 0 2px #fff8ef; }
  .popup .tab-close {
    display: block;
    text-align: right;
    padding-top: 3%;
    color: #00bed6; }
    .popup .tab-close:hover {
      text-decoration: underline; }
  #show_poi_nearby_view {
    /*	background-color: #b3c4c9;
		left: auto;
		//right: 0;
		right: 8%;
		width: 33.33333% !important;
		height: auto;*/
    float: left;
    /*	.wrapper {
			width: 88%;
			padding: 20px 6%;
		}*/ }
    #show_poi_nearby_view header h1 {
      color: black; }
    #show_poi_nearby_view .tab-close {
      color: white;
      background-color: transparent; }
    #show_poi_nearby_view .poi-list .poi-preview .poi-info .bottom .btnAddToItinerary {
      top: 9px; }
  .browse-poi .btnAddToItinerary span, .event .btnAddToItinerary span {
    display: block; }
  .event .event-info .right {
    float: left;
    width: 69%;
    margin-left: 0; }
  #show_poi_view .sidebar .map-toggle, #show_poi_view .sidebar .share, #show_poi_view .sidebar .share li {
    -moz-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2); }
  .trip-builder .sidebar .map-toggle, #browse_itinerary_view .sidebar .map-toggle, #preview_itinerary_view .sidebar .map-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .trip-builder .sidebar .map-toggle a, #browse_itinerary_view .sidebar .map-toggle a, #preview_itinerary_view .sidebar .map-toggle a {
      -moz-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2); }
  .trip-builder .sidebar .share, .trip-builder .sidebar .share li, #browse_itinerary_view .sidebar .share, #browse_itinerary_view .sidebar .share li, #preview_itinerary_view .sidebar .share, #preview_itinerary_view .sidebar .share li {
    -moz-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 10px 0 rgba(0, 0, 0, 0.2); }
  .browse-poi .poi-list .poi-preview .bottom .theme-icons {
    clear: both;
    right: auto;
    bottom: auto;
    font-size: 15px;
    margin-top: -7px; }
  .browse-poi .sort-wrapper h3 {
    font-size: 21px;
    margin-left: 2%; }
  .browse-poi .sort-wrapper .sort-options li button {
    font-size: 14px; }
  .trip-storage .trip-list .trip {
    width: 46.4%;
    margin: 0 1.8% 3.6%;
    float: left;
    clear: none; }
  .time-selected .select-wrapper {
    width: -webkit-calc(33.33333% - 63px);
    width: -moz-calc(33.33333% - 63px);
    width: -o-calc(33.33333% - 63px);
    width: -ms-calc(33.33333% - 63px);
    width: calc(unquote(33.33333% - 63px));
    margin-left: 63px; }
  #browse_itinerary_view .itinerary-list .itinerary .teaser p {
    font-size: 1em; } }

@media screen and (min-width: 1152px) {
  .event .event-info .right {
    width: -webkit-calc(92% - 114px);
    width: -moz-calc(92% - 114px);
    width: -o-calc(92% - 114px);
    width: -ms-calc(92% - 114px);
    width: calc(unquote(92% - 114px)); }
  .event .event-info .left {
    width: 114px; } }

@media screen and (min-width: 1185px) {
  .sidebar .map-toggle {
    background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    -webkit-background-size: 100% auto !important; } }

@media screen and (min-width: 1300px) {
  .screen {
    width: 1300px; }
  .interactive_artwork {
    color: black;
    font-size: 1.75em;
    margin-left: 42px;
    margin-top: 14px; }
  #map-wrapper {
    /*background: url(../images/map-full.jpg) no-repeat center center;*/
    height: 100%; }
  .share_whatson {
    width: 76%;
    margin-left: 0%; }
  .time-selected .select-wrapper {
    width: 370px; }
  #show_poi_view {
    width: 867px;
    margin-left: 433px; }
  #poi_teaser_view {
    width: 867px;
    width: -webkit-calc(100% - 433px);
    width: -moz-calc(100% - 433px);
    width: -o-calc(100% - 433px);
    width: -ms-calc(100% - 433px);
    width: calc(unquote(100% - 433px));
    left: 433px; }
    #poi_teaser_view .teaser-wrapper.teaser-view {
      width: 672px; }
    #poi_teaser_view.list-view .teaser-wrapper.teaser-view {
      width: 651px;
      margin-left: 23px; }
  #browse_itinerary_view {
    width: 867px;
    margin-left: 433px; }
    #browse_itinerary_view .itinerary-list .itinerary .teaser p {
      font-size: 1.2em; }
  .trip-storage {
    width: 867px;
    margin-left: 433px; }
  .sidebar {
    width: 104px;
    right: auto;
    left: 1196px; }
  .poi-tab {
    width: 763px;
    margin-left: 433px;
    margin-top: 190px; }
  #show_poi_nearby_view {
    right: auto; }
  .browse-poi {
    width: 867px;
    margin-left: 433px; }
    .browse-poi header.title, .browse-poi .sort-wrapper {
      width: 763px;
      position: fixed; }
    .browse-poi .view-close {
      left: 435px;
      right: auto; }
    .browse-poi .filters-wrapper {
      right: auto;
      left: 1024px;
      width: 169px;
      margin-top: 76px;
      border: 1px solid #C8C7C7; }
      .browse-poi .filters-wrapper.active {
        width: 169px; }
      .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper {
        width: 512px;
        left: 456px; }
      .browse-poi .filters-wrapper #overlay {
        left: 433px;
        width: 100%;
        overflow: hidden; }
  #show_map_view {
    margin-left: 433px;
    width: -webkit-calc(100% - 433px);
    width: -moz-calc(100% - 433px);
    width: -o-calc(100% - 433px);
    width: -ms-calc(100% - 433px);
    width: calc(unquote(100% - 433px)); } }

#private_mode_template section {
  width: 80%;
  margin: 100px auto;
  text-align: center; }
  #private_mode_template section h1 {
    font-size: 3em; }
#private_mode_template header h1 {
  margin: 0;
  text-align: center;
  height: 30px;
  padding-top: 10px;
  font-size: 1.25em;
  background-color: black;
  color: white;
  line-height: 1.2em; }
  #private_mode_template header h1 a {
    color: white; }
  #private_mode_template header h1 .nav-logo {
    background: url(../images/logo-red.png) no-repeat left top;
    background-size: 56px 37px;
    -moz-background-size: 56px 37px;
    -o-background-size: 56px 37px;
    -webkit-background-size: 56px 37px;
    width: 56px;
    height: 37px;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 10px; }
  #private_mode_template header h1 .beta {
    color: #ff4040; }

/* Cutaway */
#cutaway_view {
  position: absolute;
  overflow: auto;
  height: 100%;
  width: 100%;
  background-color: white;
  z-index: 101; }
  #cutaway_view::-webkit-scrollbar {
    width: auto; }
  #cutaway_view::-webkit-scrollbar-track {
    background: auto; }
  #cutaway_view::-webkit-scrollbar-thumb {
    background: auto; }
  #cutaway_view #cutawayPrev {
    display: none;
    position: fixed;
    top: 40px;
    background: url(../images/cutaway-prev.png) no-repeat center center black;
    text-indent: -9999px;
    height: 60px;
    width: 90px;
    right: 90px;
    bottom: 0; }
    #cutaway_view #cutawayPrev.total2.current2 {
      display: block; }
    #cutaway_view #cutawayPrev.total3 {
      display: block; }
      #cutaway_view #cutawayPrev.total3.current1 {
        display: none; }
  #cutaway_view #cutawayNext {
    display: none;
    bottom: 0;
    top: auto;
    bottom: 0;
    position: fixed;
    background: url(../images/cutaway-next.png) no-repeat center center black;
    text-indent: -9999px;
    height: 60px;
    width: 90px;
    right: 90px; }
    #cutaway_view #cutawayNext.total2.current1 {
      display: block; }
    #cutaway_view #cutawayNext.total3 {
      display: block; }
      #cutaway_view #cutawayNext.total3.current3 {
        display: none; }
  #cutaway_view .title {
    width: 100%;
    position: fixed;
    text-align: center;
    height: 40px;
    background-color: white;
    z-index: 4;
    border-bottom: 1px solid #A6A4A4; }
    #cutaway_view .title h1 {
      color: black;
      background-color: white;
      margin: 0;
      padding-top: 11px;
      line-height: normal;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 1.3625em;
      height: 29px;
      width: 100%;
      position: fixed; }
    #cutaway_view .title .view-close {
      position: fixed;
      z-index: 4;
      margin-right: 20px;
      margin-top: 3px;
      background-size: 30px;
      background-position-y: 1px;
      background-image: url(../images/icon_close.png);
      display: block !important;
      border: 1px solid #A6A4A4;
      height: 34px;
      width: 34px; }
  #cutaway_view .cutaway-nav {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: black;
    padding: 10px 0;
    height: 20px; }
    #cutaway_view .cutaway-nav button {
      height: 20px;
      width: 20px;
      text-indent: -9999px;
      background-color: white;
      margin: 0 15px;
      opacity: 0.5; }
      #cutaway_view .cutaway-nav button.active {
        opacity: 1; }
  #cutaway_view #controls {
    position: fixed;
    top: 55px;
    left: 15px; }
    #cutaway_view #controls button {
      cursor: pointer;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 35px;
      width: 35px;
      text-indent: -9999px;
      background: url(../images/zoom-in.png) no-repeat center center white;
      background-size: 30px !important;
      background-size: auto 25px;
      border: 1px solid #A6A4A4; }
      #cutaway_view #controls button#zoom-out {
        background: url(../images/zoom-out.png) no-repeat center center white;
        background-size: 30px !important;
        margin-left: 5px;
        border: 1px solid #A6A4A4; }
      #cutaway_view #controls button#hs-hide {
        background-color: white;
        background-image: none;
        text-indent: 0;
        text-align: center;
        width: 110px;
        margin-top: 10px;
        clear: both;
        display: block;
        color: #A6A4A4;
        font-size: 0.75em;
        text-transform: uppercase;
        height: 32px;
        display: none;
        border: 1px solid #A6A4A4;
        position: absolute;
        margin-top: -43%;
        margin-left: 115%; }
      #cutaway_view #controls button.disabled {
        opacity: 0.2;
        cursor: default; }
  #cutaway_view #hotspots {
    position: absolute;
    width: 1024px;
    top: 40px; }
    #cutaway_view #hotspots.hidden .hotspot, #cutaway_view #hotspots.loading .hotspot {
      display: none; }
    #cutaway_view #hotspots.level-0 {
      width: 100%;
      height: auto; }
      #cutaway_view #hotspots.level-0 .hotspot .hs-toggle {
        height: 20px;
        width: 20px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }
  #cutaway_view .cutaway-image {
    width: 1024px;
    height: auto;
    top: 40px;
    position: absolute; }
  #cutaway_view #cutaway-wrapper {
    width: 1024px;
    top: 40px;
    height: auto;
    position: absolute;
    float: left;
    /*&.level-2 {
			width: 125%;
		}
		
		&.level-3 {
			width: 150%;
		}*/ }
    #cutaway_view #cutaway-wrapper.level-0 {
      width: 100%;
      height: auto; }
      #cutaway_view #cutaway-wrapper.level-0 .hotspot .hs-toggle {
        height: 20px;
        width: 20px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; }
    #cutaway_view #cutaway-wrapper .cutaway-image {
      width: 100%;
      height: auto;
      display: inline-block;
      vertical-align: bottom;
      min-width: 100%; }
  #cutaway_view .hotspot {
    position: absolute; }
    #cutaway_view .hotspot .hs-toggle {
      height: 15px;
      width: 15px;
      height: 26px;
      width: 26px;
      border-radius: 13px;
      -moz-border-radius: 13px;
      -webkit-border-radius: 13px;
      background-image: url(../images/poi-tab-prac.png);
      background-size: 25px;
      background-repeat: no-repeat;
      border: 1px solid white;
      text-indent: -9999px;
      cursor: pointer;
      box-shadow: 3px 3px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.25); }
    #cutaway_view .hotspot .hs-content {
      display: none; }
    #cutaway_view .hotspot.active .hs-toggle {
      background-color: #d4ebf7; }
    #cutaway_view .hotspot.active .hs-content {
      display: block;
      width: 225px;
      background-color: white;
      z-index: 1;
      box-shadow: 5px 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.15);
      position: fixed;
      left: 0;
      height: 100%;
      height: -webkit-calc(100% - 40px);
      height: -moz-calc(100% - 40px);
      height: -o-calc(100% - 40px);
      height: -ms-calc(100% - 40px);
      height: calc(unquote(100% - 40px));
      top: 40px;
      overflow-y: auto; }
      #cutaway_view .hotspot.active .hs-content::-webkit-scrollbar {
        width: auto; }
      #cutaway_view .hotspot.active .hs-content::-webkit-scrollbar-track {
        background: auto; }
      #cutaway_view .hotspot.active .hs-content::-webkit-scrollbar-thumb {
        background: auto; }
      #cutaway_view .hotspot.active .hs-content .hs-title {
        background-color: white;
        color: black;
        font-size: 0.875em;
        text-transform: uppercase;
        text-align: center; }
        #cutaway_view .hotspot.active .hs-content .hs-title h1 {
          padding: 5px 10px;
          font-size: inherit;
          font-family: "Myriad Pro 1166607", Helvetica, Arial, sans-serif; }
        #cutaway_view .hotspot.active .hs-content .hs-title .hs-close {
          float: right;
          background: url(../images/close-icon-small.png) no-repeat center 5px transparent;
          text-indent: -9999px;
          height: 25px;
          cursor: pointer;
          width: 25px;
          background-size: auto 12px;
          -moz-background-size: auto 12px;
          -webkit-background-size: auto 12px;
          -o-background-size: auto 12px; }
      #cutaway_view .hotspot.active .hs-content img {
        margin: 10px 10px 0;
        width: 205px !important;
        height: auto !important;
        vertical-align: bottom; }
      #cutaway_view .hotspot.active .hs-content p {
        margin: 10px;
        font-size: 0.875em; }
        #cutaway_view .hotspot.active .hs-content p:last-child {
          padding-bottom: 40px; }

@media screen and (min-width: 600px) {
  #cutaway_view #controls {
    z-index: 100;
    margin-top: -51px; }
    #cutaway_view #controls button {
      height: 32px;
      width: 32px;
      background-size: auto 35px; }
      #cutaway_view #controls button#zoom-out {
        margin-left: 10px;
        background-size: auto 35px; }
      #cutaway_view #controls button#hs-hide {
        display: block; }
  #cutaway_view .title h1 {
    width: auto;
    display: inline-block;
    vertical-align: top;
    position: relative; }
  #cutaway_view .cutaway-nav {
    position: relative;
    width: auto;
    bottom: auto;
    background-color: transparent;
    padding: 10px 0;
    display: inline-block;
    margin-left: 15px; }
  #cutaway_view .cutaway-image {
    width: 1345px; }
    #cutaway_view .cutaway-image.level-0 {
      height: 100%;
      height: -webkit-calc(100% - 40px);
      height: -moz-calc(100% - 40px);
      height: -o-calc(100% - 40px);
      height: -ms-calc(100% - 40px);
      height: calc(unquote(100% - 40px));
      width: auto; }
  #cutaway_view #hotspots {
    width: 1345px; }
    #cutaway_view #hotspots.level-0 {
      height: 100%;
      height: -webkit-calc(100% - 40px);
      height: -moz-calc(100% - 40px);
      height: -o-calc(100% - 40px);
      height: -ms-calc(100% - 40px);
      height: calc(unquote(100% - 40px));
      width: auto; }
      #cutaway_view #hotspots.level-0 img {
        height: 100%;
        width: auto; }
      #cutaway_view #hotspots.level-0 .hotspot .hs-toggle {
        height: 26px;
        width: 26px;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px; }
  #cutaway_view .hotspot.active .hs-content {
    position: absolute;
    margin-left: 26px;
    height: auto;
    left: auto;
    top: auto;
    width: 275px;
    border: 1px solid #A6A4A4; }
    #cutaway_view .hotspot.active .hs-content img {
      width: 255px !important; } }

@media screen and (min-width: 479px) and (max-width: 480px) {
  #cutaway_view #cutaway-wrapper.level-0 {
    width: auto;
    height: 100%;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -o-calc(100% - 40px);
    height: -ms-calc(100% - 40px);
    height: calc(unquote(100% - 40px));
    min-width: auto;
    max-height: 280px; }
    #cutaway_view #cutaway-wrapper.level-0 img {
      width: auto;
      max-height: 280px; }
  #cutaway_view .hotspot.active .hs-content {
    width: 275px; }
    #cutaway_view .hotspot.active .hs-content img {
      width: 255px !important; } }

@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-width: 320px) {
  #cutaway_view {
    height: 416px; } }

@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (max-width: 320px) {
  #cutaway_view {
    height: 504px; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #cutaway_view #cutaway-wrapper.level-0 {
    width: auto;
    height: 100%;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -o-calc(100% - 40px);
    height: -ms-calc(100% - 40px);
    height: calc(unquote(100% - 40px));
    min-width: auto;
    max-height: 728px; }
    #cutaway_view #cutaway-wrapper.level-0 img {
      width: auto;
      height: 100%;
      max-height: 728px; } }

@media screen and (min-width: 1300px) {
  #cutaway_view #hotspots, #cutaway_view .cutaway-image {
    width: 1800px; } }

@media screen and (max-width: 767px) {
  #cutaway_view #cutawayPrev, #cutaway_view #cutawayNext {
    display: none !important; } }

@media screen and (device-width: 480px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 1.5), screen and (device-width: 800px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1.5) {
  #cutaway_view .title h1 {
    position: fixed; }
  #preview_itinerary_view .page-title {
    top: 0;
    left: 0; } }

@media screen and (min-width: 768px) {
  .no-csscalc #destination_page_view #right-pane .navigator {
    left: auto;
    margin-left: 0;
    right: 10px; }
  .no-csscalc #destination_page_view.full #right-pane .navigator {
    left: 50%;
    margin-left: 185px;
    right: auto; } }

@media screen and (min-width: 1024px) {
  .no-csscalc #home_view.full, .no-csscalc #destination_page_view.full {
    margin-left: 0 !important; }
    .no-csscalc #home_view.full .lightboxPanel, .no-csscalc #destination_page_view.full .lightboxPanel {
      margin-left: 0 !important; }
  .no-csscalc #destination_page_view.full .dest-features {
    margin-left: 63px; }
  .no-csscalc .time-selected .select-wrapper {
    position: absolute;
    width: 105.26187%;
    margin-left: 2.63093%;
    top: -80px;
    padding-bottom: 1000px; }
  .interactive_artwork {
    color: black;
    font-size: 0.75em;
    margin-left: 42px;
    margin-top: 14px; } }

@media screen and (min-width: 1190px) {
  .no-csscalc #destination_page_view {
    width: 100%;
    margin-left: 0px; }
    .no-csscalc #destination_page_view #right-pane .navigator {
      left: 50%;
      margin-left: 185px;
      right: auto; } }

.screen.hideLeft {
  margin-left: -25.33333%; }
  .screen.hideLeft header.title, .screen.hideLeft .sort-wrapper {
    position: absolute;
    z-index: 0;
    width: 100%; }
  .screen.hideLeft .filters-wrapper {
    z-index: 0;
    position: absolute;
    width: 100%; }
  .screen.hideLeft .view-close {
    display: none; }

#list_poi_for_itinerary_view {
  background-color: white; }
  #list_poi_for_itinerary_view.sendToBack header.title, #list_poi_for_itinerary_view.sendToBack .sort-wrapper, #list_poi_for_itinerary_view.sendToBack .filters-wrapper, #list_poi_for_itinerary_view.sendToBack .view-close {
    z-index: 0; }
  #list_poi_for_itinerary_view.sendToBack .view-close {
    display: none !important; }

#show_poi_view.hideLeft, #preview_itinerary_view.hideLeft {
  margin-left: -25.33333%;
  background-color: transparent; }
  #show_poi_view.hideLeft .sidebar, #preview_itinerary_view.hideLeft .sidebar {
    width: 12%;
    position: absolute;
    background-color: transparent; }
  #show_poi_view.hideLeft .view-close, #preview_itinerary_view.hideLeft .view-close {
    display: none; }

.no-csscalc .screen.hideLeft, .no-csscalc #show_poi_view.hideLeft, .no-csscalc #preview_itinerary_view.hideLeft {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .screen.hideLeft .filters-wrapper {
    width: 29.9%;
    right: 0;
    margin-top: 3%; }
  .interactive_artwork {
    color: black;
    font-size: 0.77em;
    margin-left: 42px;
    margin-top: 11px; } }

@media screen and (min-width: 1300px) {
  #show_poi_view.hideLeft .sidebar, #preview_itinerary_view.hideLeft .sidebar {
    left: 763px;
    position: absolute; }
  .browse-poi.hideLeft .filters-wrapper {
    position: absolute;
    right: 0px;
    left: auto;
    margin-top: 3%; } }

#message_view {
  height: 80px;
  width: 80px;
  z-index: 200;
  position: fixed;
  bottom: 0;
  right: 0;
  background: url(../images/beta-tab.png) no-repeat right bottom;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  cursor: pointer; }
  #message_view p {
    margin: 0;
    padding-top: 10px;
    text-align: center;
    color: white; }

#beta_view header h1 {
  margin: 0;
  text-align: center;
  height: 30px;
  padding-top: 10px;
  font-size: 1.25em;
  background-color: black;
  color: white;
  line-height: 1.5em; }
  #beta_view header h1 span {
    background: url(../images/logo-red.png) no-repeat left top;
    background-size: 56px 37px;
    -moz-background-size: 56px 37px;
    -o-background-size: 56px 37px;
    -webkit-background-size: 56px 37px;
    width: 56px;
    height: 37px;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 10px;
    z-index: 1;
    position: relative; }
#beta_view .beta-screen {
  position: relative;
  padding-bottom: 32px;
  padding-top: 31px; }
  #beta_view .beta-screen p {
    color: white;
    font-size: 1em;
    padding: 6.25%;
    margin: 0;
    line-height: 1.5em; }
  #beta_view .beta-screen img {
    display: none; }
#beta_view .next {
  width: 62px;
  height: 62px;
  left: 50%;
  margin-left: -31px;
  position: absolute;
  bottom: -31px;
  display: block;
  text-indent: -9999px;
  text-align: center;
  background: url(../images/beta-buttons.png) no-repeat center top transparent;
  background-size: 62px auto;
  -webkit-background-size: 62px auto;
  -moz-background-size: 62px auto;
  -o-background-size: 62px auto;
  z-index: 1; }
  #beta_view .next:hover {
    background-image: url(../images/beta-buttons-over.png); }
#beta_view #screen1 {
  padding-top: 0;
  padding-bottom: 65px;
  background: url(../images/beta-1.jpg) no-repeat center center white;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }
  #beta_view #screen1 .next {
    position: relative;
    margin-top: 15px;
    bottom: auto; }
  #beta_view #screen1 p {
    font-size: 1.375em;
    color: black;
    text-align: center;
    padding: 80px 6.25% 0; }
#beta_view #screen2 {
  background-color: #5ec5c2;
  padding-top: 0; }
  #beta_view #screen2 .next {
    background-position: center -62px; }
#beta_view #screen3 {
  background-color: #7eadda; }
  #beta_view #screen3 .next {
    background-position: center -124px; }
#beta_view #screen4 {
  background-color: #ccadcc; }
  #beta_view #screen4 .next {
    background-position: center -186px; }
#beta_view #screen5 {
  padding-top: 60px;
  background: url(../images/beta-button-bg.png) no-repeat center top, url(../images/beta-5.jpg) no-repeat center center white;
  background-size: 80px 40px, cover;
  -webkit-background-size: 80px 40px, cover;
  -moz-background-size: 80px 40px, cover;
  -o-background-size: 80px 40px, cover; }
  #beta_view #screen5 p {
    color: black;
    padding: 0 6.25%;
    margin-bottom: 10px; }
  #beta_view #screen5 ul {
    clear: both;
    padding: 0 6.25%;
    margin-bottom: 10px; }
    #beta_view #screen5 ul li {
      list-style: disc outside;
      color: black;
      font-size: 1em;
      line-height: 1.5em;
      margin-left: 20px;
      padding-left: 20px; }
#beta_view .loadApp {
  width: 87%;
  margin: 15px 6.25%;
  display: block;
  padding: 10px 0;
  color: white;
  text-align: center;
  font-size: 1.375em;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  background-color: #ff2b06;
  box-shadow: inset 0 -5px #e52705;
  -moz-box-shadow: inset 0 -5px #e52705;
  -webkit-box-shadow: inset 0 -5px #e52705; }
  #beta_view .loadApp:hover {
    box-shadow: inset 0 5px #e52705;
    -moz-box-shadow: inset 0 5px #e52705;
    -webkit-box-shadow: inset 0 5px #e52705; }

@media screen and (min-width: 768px) {
  #beta_view .next {
    width: 82px;
    height: 82px;
    margin-left: -41px;
    bottom: -41px;
    background-size: 82px auto;
    -webkit-background-size: 82px auto;
    -moz-background-size: 82px auto;
    -o-background-size: 82px auto;
    z-index: 1; }
  #beta_view .beta-screen {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 42px; }
    #beta_view .beta-screen p {
      font-size: 1.25em;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
      float: left;
      width: 50%;
      padding: 6% 0 7%; }
    #beta_view .beta-screen img {
      padding: 6% 0 7% 3%;
      width: 47%;
      float: right;
      max-width: 380px;
      display: block; }
  #beta_view #screen1 {
    padding-bottom: 9%; }
    #beta_view #screen1 p {
      font-size: 1.875em;
      text-shadow: none;
      padding: 0;
      padding-top: 150px;
      max-width: 800px;
      margin: 0 auto;
      float: none;
      width: 100%; }
    #beta_view #screen1 .next {
      margin-top: 50px; }
  #beta_view #screen2 {
    background-image: url(../images/beta-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; }
    #beta_view #screen2 .next {
      background-position: center -82px; }
  #beta_view #screen3 {
    background-image: url(../images/beta-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; }
    #beta_view #screen3 .next {
      background-position: center -164px; }
  #beta_view #screen4 {
    background-image: url(../images/beta-4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; }
    #beta_view #screen4 .next {
      background-position: center -246px; }
  #beta_view #screen5 {
    padding-top: 102px;
    padding-bottom: 100px;
    background-size: 100px 50px, cover;
    -webkit-background-size: 100px 50px, cover;
    -moz-background-size: 100px 50px, cover;
    -o-background-size: 100px 50px, cover; }
    #beta_view #screen5 p {
      text-shadow: none;
      padding: 0;
      float: none;
      width: 100%;
      clear: both;
      margin-bottom: 15px;
      font-size: 1.375em; }
    #beta_view #screen5 ul {
      margin-bottom: 15px; }
      #beta_view #screen5 ul li {
        font-size: 1.25em; }
    #beta_view #screen5 .loadApp {
      padding: 15px 0;
      margin: 20px 0 0;
      width: 100%; } }

@media screen and (min-width: 1300px) {
  #beta_view {
    width: 100%; } }

/*.image-wrap, img {
	&.theatre-entertainment, &.show  {
		background-color: #00bfd6;
	}
	&.foodanddrink {
		background-color: #bfd8e9;
	}				
	&.shopping {
		background-color: #c990a9;
	}
	&.opera-music, &.beach {
		background-color: #d2c9bf;
	}
	&.art-exhibition {
		background-color: #ffe3a5;
	}
	&.dance, &.hollywood {
		background-color: #fbd2c3;
	}
	&.seasonal-outdoors, &.botanic, &.scenic {
		background-color: #c3ded4;
	}
	&.royal, &.presidents, &.seine, &.ancient {
		background-color: #bbb8da;
	}
	&.comedy, &.monument, &.literary {
		background-color: #cde6cb;
	}
	&.sport {
		background-color: #afdfe4;
	}
	&.parks {
		background-color: #cee6c0;
	}
	&.family {
		background-color: #fdb713;
	}			
	&.religious {
		background-color: #fdd2b8;
	}			
	&.museum {
		background-color: #d2c9be;
	}
	&.historic, &.historic-wash {
		background-color: #a9958c;
	}
	&.bar {
		background-color: #ffe6e6;
	} 
}
*/
.preloader {
  display: none;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 45%;
  overflow-y: hidden; }
  .preloader.active {
    display: block; }

.site-map-wrapper {
  margin-left: -142px; }
  .site-map-wrapper header.title {
    width: 100%;
    height: 35px;
    background-color: white;
    padding-bottom: 30px;
    margin-top: -10px;
    font-size: 1.5em; }
    .site-map-wrapper header.title h1 {
      text-transform: uppercase;
      display: block;
      font-size: 1em;
      padding: 9px 3% 0;
      color: black; }
  .site-map-wrapper ul {
    clear: both;
    padding-bottom: 30px; }
    .site-map-wrapper ul li {
      width: 46.5%;
      display: inline-block;
      border-top: 1px solid black;
      padding-top: 10px;
      margin: 0 1.5% 30px;
      vertical-align: top; }
      .site-map-wrapper ul li h3, .site-map-wrapper ul li a {
        color: black;
        font-size: 1.1em; }
      .site-map-wrapper ul li a:hover {
        color: #27aae1; }
      .site-map-wrapper ul li a.btnCity:hover {
        color: black;
        cursor: default; }
    .site-map-wrapper ul.destination-links {
      padding-bottom: 0; }
      .site-map-wrapper ul.destination-links li {
        width: 100%;
        display: block;
        border-top: none;
        margin: 0; }
        .site-map-wrapper ul.destination-links li a {
          color: #999;
          font-size: 1em; }
    .site-map-wrapper ul.poi-links {
      margin: 0 1.5%;
      -webkit-column-count: 2;
      column-count: 2;
      -moz-column-count: 2; }
      .site-map-wrapper ul.poi-links li {
        padding: 0; }
  .site-map-wrapper .poi-header {
    width: 97%;
    color: black;
    border-top: 1px solid black;
    padding-top: 10px;
    margin: 0 1.5% 10px; }
  .site-map-wrapper .content {
    display: block;
    padding: 3% 1.5%;
    background-color: white; }

@media screen and (min-width: 600px) {
  .site-map-wrapper ul li {
    width: 29.75%; }
  .site-map-wrapper .title {
    display: block !important; }
  .site-map-wrapper ul.poi-links {
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-count: 4; } }

#map-wrapper {
  /*background: url(../images/map-full.jpg) no-repeat center center;*/
  height: 100%;
  margin-left: 0px; }

@media screen and (min-width: 768px) {
  .site-map-wrapper ul li {
    width: 21.6%; }
  .site-map-wrapper .content {
    padding: 35px 1.5%; } }

@media screen and (min-width: 1024px) {
  .site-map-wrapper ul li {
    width: 21.6%; } }

#not_found_view header h1 {
  margin: 0;
  text-align: center;
  height: 30px;
  padding-top: 10px;
  font-size: 1.25em;
  background-color: black;
  color: white;
  line-height: 1.2em; }
  #not_found_view header h1 a {
    color: white; }
  #not_found_view header h1 .nav-logo {
    background: url(../images/logo-red.png) no-repeat left top;
    background-size: 56px 37px;
    -moz-background-size: 56px 37px;
    -o-background-size: 56px 37px;
    -webkit-background-size: 56px 37px;
    width: 56px;
    height: 37px;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 10px; }
  #not_found_view header h1 .beta {
    color: #ff4040; }
#not_found_view .content {
  max-width: 450px;
  width: 90%;
  margin: 0 auto;
  padding-top: 80px;
  line-height: 1.5em; }
  #not_found_view .content span {
    display: block;
    font-size: 6em;
    line-height: 1.3em; }
  #not_found_view .content a {
    color: #27aae1; }

@media screen and (min-width: 600px) {
  #not_found_view .content {
    padding-top: 100px; }
    #not_found_view .content span {
      font-size: 10em;
      text-indent: -10px; } }

/* Scrollbars */
::-webkit-scrollbar {
  width: 15px; }

::-webkit-scrollbar-thumb {
  background: grey; }

::-webkit-scrollbar-track {
  background: lightgrey; }

/* Pre HTML5 browser fixes */
.no-backgroundsize .browse-poi .poi-list .poi-preview .image-wrap, .lt-ie9 .browse-poi .poi-list .poi-preview .image-wrap {
  width: 55%; }
.no-backgroundsize .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] + label .icon, .lt-ie9 .browse-poi .filters-wrapper .filter-types .filter-type .select-wrapper .select input[type="checkbox"] + label .icon {
  display: none; }
.no-backgroundsize .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat, .lt-ie9 .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .priceCat {
  display: none; }
.no-backgroundsize .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .text, .lt-ie9 .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label .text {
  padding-left: 0; }
.no-backgroundsize .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label, .lt-ie9 .browse-poi .filters-wrapper .filter-types .filter-type.pricerange .select-wrapper .select input[type="checkbox"] + label {
  padding-left: 10px; }
.no-backgroundsize .browse-poi .sort-wrapper .sort-options li.opener, .lt-ie9 .browse-poi .sort-wrapper .sort-options li.opener {
  background-image: url(../images/ie/day-select-cursor.png); }
.no-backgroundsize .welcome-wrapper .welcome-close, .lt-ie9 .welcome-wrapper .welcome-close {
  background-image: url(../images/ie/close-button-solid.png); }
.no-backgroundsize .welcome-wrapper header h1 span, .lt-ie9 .welcome-wrapper header h1 span {
  background-image: url(../images/ie/logo-red.png); }
.no-backgroundsize #home_view header h1 .nav-logo, .lt-ie9 #home_view header h1 .nav-logo {
  background-image: url(../images/ie/logo-red.png); }
.no-backgroundsize .lightboxPanel header h1 .nav-logo, .lt-ie9 .lightboxPanel header h1 .nav-logo {
  background-image: url(../images/ie/logo-red.png); }
.no-backgroundsize .sidebar .map-toggle a, .lt-ie9 .sidebar .map-toggle a {
  background-image: url(../images/ie/map-icon-small.png); }
.no-backgroundsize .sidebar .share li, .no-backgroundsize .poi-options .share li, .lt-ie9 .sidebar .share li, .lt-ie9 .poi-options .share li {
  background-image: none; }
  .no-backgroundsize .sidebar .share li.map, .no-backgroundsize .poi-options .share li.map, .lt-ie9 .sidebar .share li.map, .lt-ie9 .poi-options .share li.map {
    background-image: url(../images/map-tab-bg.jpg); }
  .no-backgroundsize .sidebar .share li a, .no-backgroundsize .poi-options .share li a, .lt-ie9 .sidebar .share li a, .lt-ie9 .poi-options .share li a {
    background-image: url(../images/ie/add-icon.png); }
  .no-backgroundsize .sidebar .share li.more-info a, .no-backgroundsize .poi-options .share li.more-info a, .lt-ie9 .sidebar .share li.more-info a, .lt-ie9 .poi-options .share li.more-info a {
    background-image: url(../images/ie/more-icon.png); }
  .no-backgroundsize .sidebar .share li.bookmark a, .no-backgroundsize .poi-options .share li.bookmark a, .lt-ie9 .sidebar .share li.bookmark a, .lt-ie9 .poi-options .share li.bookmark a {
    background-image: url(../images/ie/bookmark-icon.png); }
  .no-backgroundsize .sidebar .share li.like a, .no-backgroundsize .poi-options .share li.like a, .lt-ie9 .sidebar .share li.like a, .lt-ie9 .poi-options .share li.like a {
    background-image: url(../images/ie/like-icon.png); }
  .no-backgroundsize .sidebar .share li.added a, .no-backgroundsize .poi-options .share li.added a, .lt-ie9 .sidebar .share li.added a, .lt-ie9 .poi-options .share li.added a {
    background-image: url(../images/ie/added-icon.png); }
  .no-backgroundsize .sidebar .share li.bookmarked a, .no-backgroundsize .poi-options .share li.bookmarked a, .lt-ie9 .sidebar .share li.bookmarked a, .lt-ie9 .poi-options .share li.bookmarked a {
    background-image: url(../images/ie/bookmarked-icon.png); }
  .no-backgroundsize .sidebar .share li.remove a, .no-backgroundsize .poi-options .share li.remove a, .lt-ie9 .sidebar .share li.remove a, .lt-ie9 .poi-options .share li.remove a {
    background-image: url(../images/ie/remove-icon.png); }
  .no-backgroundsize .sidebar .share li.liked a, .no-backgroundsize .poi-options .share li.liked a, .lt-ie9 .sidebar .share li.liked a, .lt-ie9 .poi-options .share li.liked a {
    background-image: url(../images/ie/liked-icon.png); }
  .no-backgroundsize .sidebar .share li.unbookmark a, .no-backgroundsize .poi-options .share li.unbookmark a, .lt-ie9 .sidebar .share li.unbookmark a, .lt-ie9 .poi-options .share li.unbookmark a {
    background-image: url(../images/ie/unbookmark-icon.png); }
.no-backgroundsize .lightboxPanel .nav ul li, .lt-ie9 .lightboxPanel .nav ul li {
  border-right: none;
  border-bottom: none; }
.no-backgroundsize .start-options ul li, .lt-ie9 .start-options ul li {
  border-right: none;
  border-bottom: none; }
.no-backgroundsize .navyTooltip, .lt-ie9 .navyTooltip {
  display: none !important; }
.no-backgroundsize #dialog_view, .lt-ie9 #dialog_view {
  background: url(../images/ie/bg-white.png) repeat; }
.no-backgroundsize .view-close, .lt-ie9 .view-close {
  background-image: url(../images/ie/close-icon.png); }
.no-backgroundsize #cutaway_view .hotspot.active .hs-content .hs-title .hs-close, .lt-ie9 #cutaway_view .hotspot.active .hs-content .hs-title .hs-close {
  background-image: url(../images/ie/close-icon-small.png); }
.no-backgroundsize #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .teaser-close, .lt-ie9 #poi_teaser_view .teaser-wrapper.teaser-view .poi-options .teaser-close {
  background-image: url(../images/ie/close-button-solid.png); }
.no-backgroundsize .features .feature .image-wrap, .lt-ie9 .features .feature .image-wrap {
  height: 200px;
  padding-bottom: 0; }
.no-backgroundsize #show_poi_view .tab-selector li a, .lt-ie9 #show_poi_view .tab-selector li a {
  background-image: url(../images/ie/poi-tab-overview.png); }
.no-backgroundsize #show_poi_view .tab-selector li.practicalities a, .lt-ie9 #show_poi_view .tab-selector li.practicalities a {
  background-image: url(../images/ie/poi-tab-prac.png); }
.no-backgroundsize #show_poi_view .tab-selector li.nearby a, .lt-ie9 #show_poi_view .tab-selector li.nearby a {
  background-image: url(../images/ie/poi-tab-nearby.png); }
.no-backgroundsize #show_poi_view .tab-selector li.find-out-more a, .lt-ie9 #show_poi_view .tab-selector li.find-out-more a {
  background-image: url(../images/ie/poi-tab-find-out-more.png); }
.no-backgroundsize #show_poi_view .tab-selector li.whats-on a, .lt-ie9 #show_poi_view .tab-selector li.whats-on a {
  background-image: url(../images/ie/poi-tab-whats-on.png); }
.no-backgroundsize #show_poi_view .tab-selector li.similar a, .lt-ie9 #show_poi_view .tab-selector li.similar a {
  background-image: url(../images/ie/poi-tab-similar.png); }
.no-backgroundsize .poi-list .poi-preview .distance .method.walk, .lt-ie9 .poi-list .poi-preview .distance .method.walk {
  background-image: url(../images/ie/walk-icon.png); }
.no-backgroundsize .poi-options .share li.map a, .lt-ie9 .poi-options .share li.map a {
  background-image: url(../images/ie/map-icon-blue.png); }
.no-backgroundsize #message_view, .lt-ie9 #message_view {
  background-image: url(../images/ie/beta-tab.png); }
.no-backgroundsize .day-selector ul li.opener, .lt-ie9 .day-selector ul li.opener {
  background-image: url(../images/ie/day-select-cursor-333.png); }
.no-backgroundsize .poi-list .poi-preview .poi-info .unmissable, .lt-ie9 .poi-list .poi-preview .poi-info .unmissable {
  background-image: url(../images/ie/star-white.png); }
.no-backgroundsize .lightbox .home, .lt-ie9 .lightbox .home {
  background-image: url(../images/ie/home-btn.png); }
.no-backgroundsize .poi-list .poi-preview .top .manage-buttons .move-options, .lt-ie9 .poi-list .poi-preview .top .manage-buttons .move-options {
  background-image: url(../images/ie/white-cursors-vert.png); }
.no-backgroundsize #gallery_view #carousel .slide .detail .detail-toggle, .lt-ie9 #gallery_view #carousel .slide .detail .detail-toggle {
  background-image: url(../images/ie/white-cursors-vert.png); }
.no-backgroundsize #map .leaflet-control-zoom a.leaflet-control-zoom-out, .no-backgroundsize #cutaway_view #controls button#zoom-out, .lt-ie9 #map .leaflet-control-zoom a.leaflet-control-zoom-out, .lt-ie9 #cutaway_view #controls button#zoom-out {
  background-image: url(../images/ie/zoom-out.png); }
.no-backgroundsize #show_map_view .map-close, .lt-ie9 #show_map_view .map-close {
  background-image: url(../images/ie/close-button-solid.png); }
.no-backgroundsize #show_map_view .locate-me, .lt-ie9 #show_map_view .locate-me {
  background-image: url(../images/ie/locate-me.png); }
.no-backgroundsize #map .leaflet-control-zoom a.leaflet-control-zoom-in, .no-backgroundsize #cutaway_view #controls button#zoom-in, .lt-ie9 #map .leaflet-control-zoom a.leaflet-control-zoom-in, .lt-ie9 #cutaway_view #controls button#zoom-in {
  background-image: url(../images/ie/zoom-in.png); }
.no-backgroundsize #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities header h3, .lt-ie9 #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.practicalities header h3 {
  background-image: url(../images/ie/poi-tab-prac.png); }
.no-backgroundsize #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby header h3, .lt-ie9 #poi_teaser_view .teaser-wrapper.teaser-view .extras .extra.nearby header h3 {
  background-image: url(../images/ie/poi-tab-nearby.png); }
.no-backgroundsize #show_poi_overview_view .tab-content .head-image .image-expand a, .lt-ie9 #show_poi_overview_view .tab-content .head-image .image-expand a {
  background-image: url(../images/ie/image-icon.png); }
.no-backgroundsize #show_poi_whatson_view .events .event .event-options li a, .lt-ie9 #show_poi_whatson_view .events .event .event-options li a {
  background-image: url(../images/ie/add-icon.png); }
.no-backgroundsize #show_poi_whatson_view .events .event .event-options li.remove a, .lt-ie9 #show_poi_whatson_view .events .event .event-options li.remove a {
  background-image: url(../images/ie/remove-icon.png); }
.no-backgroundsize .trip-storage .trip-list .trip .mini-sidebar .buttons li.remove a, .lt-ie9 .trip-storage .trip-list .trip .mini-sidebar .buttons li.remove a {
  background-image: url(../images/ie/close-icon.png); }
.no-backgroundsize .trip-storage .trip-list .trip .mini-sidebar .buttons li.pay a, .no-backgroundsize .trip-storage .trip-list .trip .mini-sidebar .buttons li.resync a, .lt-ie9 .trip-storage .trip-list .trip .mini-sidebar .buttons li.pay a, .lt-ie9 .trip-storage .trip-list .trip .mini-sidebar .buttons li.resync a {
  background-image: url(../images/ie/download-icon.png); }
.no-backgroundsize .trip-storage .trip-list .trip .mini-sidebar .buttons li.paid a, .lt-ie9 .trip-storage .trip-list .trip .mini-sidebar .buttons li.paid a {
  background-image: url(../images/ie/paid-icon.png); }
.no-backgroundsize .trip-storage .trip-list .trip .mini-sidebar .buttons li.edit a, .lt-ie9 .trip-storage .trip-list .trip .mini-sidebar .buttons li.edit a {
  background-image: url(../images/ie/more-icon.png); }
.no-backgroundsize .trip-storage .trip-list .trip .trip-info .details li, .lt-ie9 .trip-storage .trip-list .trip .trip-info .details li {
  background-image: url(../images/ie/stored-plane.png); }
  .no-backgroundsize .trip-storage .trip-list .trip .trip-info .details li.status, .lt-ie9 .trip-storage .trip-list .trip .trip-info .details li.status {
    background-image: url(../images/ie/stored-sync.png); }
  .no-backgroundsize .trip-storage .trip-list .trip .trip-info .details li.dates, .lt-ie9 .trip-storage .trip-list .trip .trip-info .details li.dates {
    background-image: url(../images/ie/stored-calendar.png); }
  .no-backgroundsize .trip-storage .trip-list .trip .trip-info .details li.length, .lt-ie9 .trip-storage .trip-list .trip .trip-info .details li.length {
    background-image: url(../images/ie/stored-sun.png); }
  .no-backgroundsize .trip-storage .trip-list .trip .trip-info .details li.party, .lt-ie9 .trip-storage .trip-list .trip .trip-info .details li.party {
    background-image: url(../images/ie/stored-party.png); }
.no-backgroundsize #dialog_view #dialog-wrapper.save-your-trip .dialog-options a.option-3, .lt-ie9 #dialog_view #dialog-wrapper.save-your-trip .dialog-options a.option-3 {
  background-image: url(../images/ie/stored-sync.png); }
.no-backgroundsize #dialog_view #dialog-wrapper.save-paid-trip .dialog-options a.option-3, .lt-ie9 #dialog_view #dialog-wrapper.save-paid-trip .dialog-options a.option-3 {
  background-image: url(../images/ie/stored-sync.png); }
.no-backgroundsize #dialog_view #dialog-wrapper.choose-device .dialog-options a, .lt-ie9 #dialog_view #dialog-wrapper.choose-device .dialog-options a {
  background-image: url(../images/ie/apple-grey.png); }
  .no-backgroundsize #dialog_view #dialog-wrapper.choose-device .dialog-options a.option-2, .lt-ie9 #dialog_view #dialog-wrapper.choose-device .dialog-options a.option-2 {
    background-image: url(../images/ie/android.png); }
.no-backgroundsize #price-wrapper .ui-slider, .lt-ie9 #price-wrapper .ui-slider {
  background-image: none; }

@media screen and (min-width: 850px) { }

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

@media screen and (min-width: 600px) {
  .no-backgroundsize #poi_teaser_view, .lt-ie9 #poi_teaser_view {
    background: url(../images/ie/bg-white.png) repeat; }
  .no-backgroundsize #preview_itinerary_view .sidebar .map-toggle a, .lt-ie9 #preview_itinerary_view .sidebar .map-toggle a {
    background-image: url(../images/ie/map-icon.png); } }

@media screen and (min-width: 768px) {
  .no-backgroundsize .browse-poi .view-close, .no-backgroundsize #show_poi_view .view-close, .no-backgroundsize #preview_itinerary_view .view-close, .lt-ie9 .browse-poi .view-close, .lt-ie9 #show_poi_view .view-close, .lt-ie9 #preview_itinerary_view .view-close {
    background-image: url(../images/ie/back-button-solid.png); }
  .no-backgroundsize .sidebar .map-toggle a, .lt-ie9 .sidebar .map-toggle a {
    background-image: url(../images/ie/map-icon-blue.png); }
  .no-backgroundsize #preview_itinerary_view .sidebar .map-toggle a, .lt-ie9 #preview_itinerary_view .sidebar .map-toggle a {
    background-image: url(../images/ie/map-icon-blue.png); } }

@media screen and (min-width: 600px) and (max-width: 1023px) {
  .no-backgroundsize #home_view #right-pane .boxes .box .text-wrap, .lt-ie9 #home_view #right-pane .boxes .box .text-wrap {
    background: url(../images/ie/bg-green.png) repeat; }
  .features .feature.active .caption p {
    width: 100%;
    margin-left: 0; } }

@media screen and (min-width: 1024px) {
  .no-backgroundsize .lightbox .lightboxPanel .logo-footer, .lt-ie9 .lightbox .lightboxPanel .logo-footer {
    background-image: url(../images/ie/logo-red.png);
    height: 37px; } }

@media screen and (min-width: 300px) and (max-width: 1024px) {
  .tab-selector {
    text-align: center;
    width: 92%;
    margin-top: 10px;
    margin-left: 4%;
    margin-right: 4%;
    height: 70px;
    background-color: white;
    border: 1px solid #C8C7C7; }
    .tab-selector li {
      width: 18%;
      display: inline-block;
      text-align: center;
      min-width: 55px;
      background-color: white;
      margin-top: 10px; }
      .tab-selector li a {
        display: block;
        position: relative;
        color: #000000;
        background: url(../images/poi-tab-overview.png) no-repeat center top;
        height: 37px;
        background-size: 37px 22px; }
        .tab-selector li a span {
          font-size: 0.75em;
          top: 37px;
          position: relative;
          white-space: nowrap;
          text-indent: -9999px;
          display: block; } }

.no-csscalc .time-selected #listOfPOIs .poi-preview .image-wrap {
  width: 20%;
  min-width: 0; }
  .no-csscalc .time-selected #listOfPOIs .poi-preview .image-wrap img {
    min-width: 0; }
.no-csscalc .time-selected #listOfPOIs .poi-preview .poi-info {
  width: 80%; }

@media screen and (min-width: 1024px) {
  .feature.active {
    width: 96%;
    height: 100%; }
    .feature.active header h1 {
      font-size: 1.25em;
      margin-top: -41px;
      margin-left: -25px !important;
      width: 100%; } }

@media screen and (min-width: 100px) and (max-width: 1024px) {
  #show_poi_view .tab-selector li a:before {
    content: attr(data-mobile-desc);
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.8em;
    margin-bottom: -7px; } }

@media screen and (min-width: 768px) and (max-width: 854px) {
  .browse-poi .poi-list .poi-preview {
    border: 1px solid #C8C7C7;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 103%; } }

@media screen and (min-width: 600px) and (max-width: 906px) {
  .poi-list {
    clear: both; }
    .poi-list.similar {
      padding-bottom: 20px;
      margin-bottom: 10px; }
      .poi-list.similar .poi-preview {
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #C8C7C7; }
        .poi-list.similar .poi-preview .distance .method span, .poi-list.similar .poi-preview .distance .method a {
          cursor: pointer; }
    .poi-list .poi-preview {
      clear: both;
      position: relative; }
      .poi-list .poi-preview .poi-info {
        height: 100%; }
        .poi-list .poi-preview .poi-info .top {
          margin-top: 32px; }
        .poi-list .poi-preview .poi-info .unmissable, .poi-list .poi-preview .poi-info .dk-choice {
          display: inline;
          color: #FF0000;
          float: left; }
  #calendar input {
    display: none; }
  #calendar .hasDatepicker {
    padding: 2% 10%; }
  #calendar .ui-datepicker .ui-state-disabled {
    background-image: none !important;
    cursor: default; }
  #calendar .ui-datepicker .ui-datepicker-header {
    height: 40px;
    background-color: #FF0000;
    font-family: "Georgia";
    font-size: 16px; }
    #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      float: left;
      width: 10%;
      height: 40px;
      cursor: pointer;
      text-indent: -9999px;
      background: url(../images/grey-cursors.png) no-repeat center 6px;
      display: block;
      position: relative; }
    #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      float: right;
      background-position: center -24px; }
    #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      height: 32px;
      padding-top: 8px;
      float: left;
      width: 80%;
      color: white;
      text-align: center;
      position: relative;
      font-size: 1em;
      text-transform: uppercase; }
  table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin: 0;
    color: black;
    font-size: 0.875em;
    border: 2px solid #A6A4A4; }
    table th, table td {
      padding: 3% 0;
      font-weight: normal;
      text-transform: uppercase;
      width: 14.28571%; }
    table th {
      background-color: white;
      color: #FF0000;
      font-family: "Lucida Grande";
      font-size: 11px; }
    table td {
      background-color: white;
      cursor: pointer;
      height: 24px; }
      table td.ui-datepicker-other-month {
        background-color: #f3eef3; }
      table td.ui-datepicker-today {
        background-color: #FF0000;
        border-radius: 100%; }
      table td:hover {
        background-color: #9cceef; }
      table td.ui-state-disabled {
        background-color: #e9e9e8;
        color: #ccc; }
      table td.date-range-selected, table td.ui-datepicker-current-day {
        background-color: #FF0000;
        border-radius: 50%; }
        table td.date-range-selected a, table td.ui-datepicker-current-day a {
          color: white; }
      table td a {
        color: black;
        text-decoration: none;
        font-family: "Lucida Grande";
        font-size: 11px; }
  .party div {
    float: left;
    width: 32%; }
    .party div input[type="text"] {
      float: left;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      border: none;
      font-size: 1.375em;
      width: 20px;
      padding: 7px;
      margin-bottom: 0;
      margin-right: 10px;
      text-align: center; }
    .party div button {
      color: white;
      font-size: 1.375em;
      text-align: center;
      padding: 5px 10px 6px;
      background-color: #FF0000;
      background-image: url(../images/down_arrow.png);
      background-size: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-position-x: 4px;
      background-position-y: 4px;
      margin-left: 115px;
      margin-top: -13px;
      position: absolute;
      height: 17px; }
      .party div button.increase {
        background-color: #FF0000; }
      .party div button.disabled {
        position: absolute;
        margin-left: 115px;
        margin-top: -13px;
        background-color: #FF0000;
        background-image: url(../images/down_arrow.png);
        background-size: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-position-x: 4px;
        background-position-y: 4px;
        height: 17px;
        width: 20px; }
    .party div label {
      clear: both;
      font-size: 1.125em;
      color: #999;
      padding-top: 8px; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.welcome-wrapper .destinations li.new-york a {
  background-image: url(../images/ie/new-york.png); }
.welcome-wrapper .destinations li.paris a {
  background-image: url(../images/ie/paris.png); }
.welcome-wrapper .destinations li.washington a {
  background-image: url(../images/ie/washington.png); }
.welcome-wrapper .destinations li.rome a {
  background-image: url(../images/ie/rome.png); }
.welcome-wrapper .destinations li.san-francisco a {
  background-image: url(../images/ie/san-francisco.png); }

#home_view {
  background-color: white; }
  #home_view .menu-toggle {
    width: 40px;
    background: url(../images/menu-icon.png) no-repeat center center;
    background-size: 50% auto;
    -moz-background-size: 50% auto;
    -o-background-size: 50% auto;
    -webkit-background-size: 50% auto;
    display: block;
    right: 0;
    top: 0; }
  #home_view .nextScreen {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    font-family: Georgia, serif;
    font-weight: normal;
    font-size: 17px;
    color: white;
    background-color: black;
    height: 45px;
    line-height: 45px;
    background: url(../images/hp-cursor-black.jpg) center top no-repeat black;
    background-size: 20px 20px; }
    #home_view .nextScreen:hover {
      cursor: pointer; }
    #home_view .nextScreen.next-1 {
      text-indent: 0;
      bottom: 0;
      position: relative;
      z-index: 1;
      display: none; }
  #home_view h2, #home_view h3 {
    font-family: Georgia, serif;
    font-weight: normal; }
  #home_view h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 30px;
    color: black; }
  #home_view h4 {
    height: auto;
    padding: 0;
    font-size: 1.875em;
    text-align: center; }
  #home_view header h1 {
    margin: 0;
    text-align: center;
    height: 30px;
    padding-top: 10px;
    font-size: 1.25em;
    background-color: black;
    color: white;
    line-height: 1.2em; }
    #home_view header h1 a {
      color: white; }
    #home_view header h1 .nav-logo {
      background: url(../images/logo-red.png) no-repeat left top;
      -webkit-background-size: 60px 60px;
      -moz-background-size: 60px 60px;
      -o-background-size: 60px 60px;
      -ms-background-size: 60px 60px;
      background-size: 60px 60px;
      width: 60px;
      height: 60px;
      position: relative;
      top: -15px;
      display: inline-block;
      text-indent: -9999px;
      margin-right: 10px; }
    #home_view header h1 .beta {
      color: #ff4040; }
  #home_view .device-image-ipad {
    background: #fff url(../images/ipad.jpg) right center no-repeat;
    height: 100%;
    background-size: 95%;
    margin-right: 30px;
    max-height: 385px; }
  #home_view .device-image-imac {
    background: #fff url(../images/imac.jpg) right center no-repeat;
    height: 100%;
    background-size: 90%;
    max-height: 464px; }
  #home_view .device-image-iphone {
    background: #fff url(../images/iphone.jpg) right center no-repeat;
    height: 100%;
    background-size: 100%;
    max-height: 407px; }
  #home_view .home-pane {
    display: none;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center; }
    #home_view .home-pane.pane-1 {
      background-color: white;
      display: block; }
  #home_view .horiz-line {
    font-size: 14px;
    text-align: center;
    color: #C8C7C7;
    height: 0.5em;
    border-bottom: 1px solid #C8C7C7;
    margin-bottom: 0.5em;
    margin-bottom: 10px; }
  #home_view .horiz-line:first-line {
    background-color: white; }
  #home_view .popular-destinations-title {
    font-size: 14px;
    text-align: center;
    color: #C8C7C7;
    height: 0.5em;
    border-bottom: 1px solid #C8C7C7;
    margin-bottom: 0.5em; }
  #home_view .popular-destinations-title:first-line {
    background-color: white; }
  #home_view .popularDestinations {
    text-align: center;
    font-size: 19.7px;
    margin-bottom: 20px; }
    #home_view .popularDestinations a:hover {
      opacity: 0.7;
      -webkit-transform: scale(1.15, 1.07);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(1.15, 1.07);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms; }
    #home_view .popularDestinations li {
      text-align: center;
      display: inline-block;
      padding: 0;
      margin: 10px 10px 10px 10px;
      vertical-align: top;
      padding-top: 10px; }
      #home_view .popularDestinations li a {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100px;
        color: #000000; }
      #home_view .popularDestinations li img {
        width: 120px;
        height: auto; }
      #home_view .popularDestinations li span, #home_view .popularDestinations li b {
        display: block; }
      #home_view .popularDestinations li b {
        color: #FFFFFF;
        font-weight: normal;
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: center;
        width: 100%; }
  #home_view .destinations {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 12.8px; }
    #home_view .destinations a:hover {
      opacity: 0.7;
      -webkit-transform: scale(1.15, 1.07);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(1.15, 1.07);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms;
      position: relative; }
    #home_view .destinations .comingSoon {
      position: relative;
      height: 100%; }
      #home_view .destinations .comingSoon .coming-soon-text {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        vertical-align: middle;
        height: 80%; }
    #home_view .destinations li {
      text-align: center;
      display: inline-block;
      padding: 0;
      margin: 10px 10px 10px 10px;
      vertical-align: top; }
      #home_view .destinations li a {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100px;
        color: #000000; }
      #home_view .destinations li img {
        width: 80px;
        height: auto; }
      #home_view .destinations li span, #home_view .destinations li b {
        display: block; }
      #home_view .destinations li b {
        color: #FFFFFF;
        font-weight: normal;
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: center;
        width: 100%; }
  #home_view .lightboxPanel .nav .destinations li {
    border-right: none;
    border-bottom: none; }
  #home_view .choices_wrapper {
    margin-top: 20px;
    width: 100%; }
    #home_view .choices_wrapper .btnBrowse {
      width: 100%;
      max-width: 772px;
      height: 152px;
      display: inline-block;
      cursor: pointer;
      background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188297/featured-trips_qktvku.jpg") center no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      -ms-background-size: auto 100%;
      background-size: auto 100%; }
    #home_view .choices_wrapper .appLink {
      width: 100%;
      max-width: 772px;
      height: 152px;
      display: inline-block;
      cursor: pointer;
      background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188233/get-the-app_xeyeqo.jpg") center no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      -ms-background-size: auto 100%;
      background-size: auto 100%; }

@media screen and (min-width: 768px) {
  #home_view .dest-wrapper .app-links {
    padding-bottom: 0;
    float: right;
    width: auto;
    display: inline;
    text-align: left;
    padding-top: 0; }
    #home_view .dest-wrapper .app-links a .hide {
      display: inline; }
    #home_view .dest-wrapper .app-links a .break {
      display: block; }
  #home_view .dest-wrapper .browse-link {
    display: inline;
    width: auto;
    float: left;
    padding-top: 0; }
    #home_view .dest-wrapper .browse-link a {
      text-align: left; }
      #home_view .dest-wrapper .browse-link a span {
        display: block; }
  #home_view .dest-wrapper .links-wrapper {
    padding: 2.5% 0 7%;
    overflow: hidden; }
  #home_view .choices_wrapper {
    width: 85%;
    margin: 20px auto;
    border: 1px solid #FFFFFF;
    margin-bottom: 20px; }
    #home_view .choices_wrapper .btnBrowse {
      width: 48%;
      height: 152px;
      float: left;
      background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188297/featured-trips_qktvku.jpg") center no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      -ms-background-size: auto 100%;
      background-size: auto 100%; }
    #home_view .choices_wrapper .appLink {
      width: 48%;
      height: 152px;
      float: right;
      background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188233/get-the-app_xeyeqo.jpg") center no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      -ms-background-size: auto 100%;
      background-size: auto 100%; } }

@media screen and (min-height: 626px) {
  .destinations {
    text-align: center; } }

@media screen and (min-width: 1024px) {
  #home_view .dest-wrapper .links-wrapper {
    width: 80%;
    margin: 0 auto; } }

@media screen and (min-width: 1300px) {
  #home_view {
    width: 100%; } }

@media screen and (min-width: 600px) {
  #home_view header h2 {
    font-size: 60px; }
  #home_view .horiz-line {
    font-size: 15.76px; }
  #home_view .popular-destinations-container {
    text-align: center; }
    #home_view .popular-destinations-container .popular-destinations-title {
      position: relative;
      top: -16px;
      display: inline;
      background-color: white;
      font-size: 22.85px;
      border-bottom: none; }
  #home_view .dest-wrapper {
    width: 85%;
    margin: 10px auto;
    border: 1px solid #C8C7C7; }
    #home_view .dest-wrapper .more-dest {
      padding-top: 0; }
    #home_view .dest-wrapper .app-links {
      padding-top: 4%;
      padding-bottom: 6%; }
      #home_view .dest-wrapper .app-links a {
        box-shadow: 0 5px #ac8ba2;
        -webkit-box-shadow: 0 5px #ac8ba2;
        -moz-box-shadow: 0 5px #ac8ba2;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; }
        #home_view .dest-wrapper .app-links a .hide {
          display: none; }
    #home_view .dest-wrapper .browse-link a {
      box-shadow: 0 5px #628ab8;
      -webkit-box-shadow: 0 5px #628ab8;
      -moz-box-shadow: 0 5px #628ab8;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-bottom: none;
      width: 500px;
      height: 100px; }
      #home_view .dest-wrapper .browse-link a span {
        display: inline; }
  #home_view .nextScreen.next-1 {
    display: block; }
  #home_view .home-pane {
    display: table;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%; }
    #home_view .home-pane .wrapper {
      display: table;
      width: 100%;
      height: 100%;
      min-height: 600px; }
    #home_view .home-pane .left-half {
      display: table-cell;
      width: 50%;
      height: 100%;
      text-align: center;
      vertical-align: middle; }
    #home_view .home-pane .right-half {
      height: 100%;
      min-height: 100%;
      text-align: center;
      vertical-align: middle; }
    #home_view .home-pane .circles-and-text {
      display: table;
      vertical-align: top; }
    #home_view .home-pane .circles {
      display: table-cell;
      vertical-align: top; }
      #home_view .home-pane .circles .empty-circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        height: 17px;
        width: 17px;
        border: 2px solid #C8C7C7;
        margin: 15px;
        cursor: pointer; }
      #home_view .home-pane .circles .filled-circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        height: 15px;
        width: 15px;
        background: #FF0000;
        box-shadow: 0 0 0 2px #C8C7C7;
        border: 2px solid white;
        margin: 16px; }
    #home_view .home-pane .sub-title {
      font-size: 4.25em;
      color: #FF0000;
      margin-left: -7px; }
    #home_view .home-pane .text {
      display: table-cell;
      border: 1px solid #C8C7C7;
      margin-left: 15px;
      margin-right: 15px;
      padding: 10px 10px 10px 30px;
      color: #686867;
      text-align: left;
      vertical-align: middle; }
      #home_view .home-pane .text li:before {
        content: ' | ';
        color: #FF0000; }
      #home_view .home-pane .text li {
        font-size: 1.25em;
        margin-bottom: 15px; }
        #home_view .home-pane .text li a {
          color: black;
          text-decoration: underline; }
          #home_view .home-pane .text li a:hover {
            text-decoration: none; }
    #home_view .home-pane .get-the-trip-planner-app {
      display: table;
      text-align: center;
      color: white;
      margin-top: 15px;
      padding: 10px;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 1em;
      background-color: #FF0000;
      width: 96%;
      z-index: 1;
      position: relative; }
      #home_view .home-pane .get-the-trip-planner-app a {
        color: white; }
      #home_view .home-pane .get-the-trip-planner-app .appLink {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-left: 41px;
        background: url(../images/app-icon.png) no-repeat;
        background-size: 35px 35px;
        height: 35px; }
    #home_view .home-pane.pane-2 {
      background-color: white; }
    #home_view .home-pane.pane-3 {
      background-color: white; }
    #home_view .home-pane.pane-4 {
      background-color: white; }
    #home_view .home-pane.pane-5 {
      background-color: white; }
      #home_view .home-pane.pane-5 .dest-wrapper h4 {
        margin-top: 0;
        padding-top: 5%; }
  .ie9 #home_view .home-pane .right-half {
    display: table-cell; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #home_view .dest-wrapper h4 {
    margin-top: 10%; }
  #home_view .destinations {
    margin: 5% 0 5%; }
  #home_view .home-pane.pane-5 .dest-wrapper h4 {
    padding-top: 15%; }
  #home_view .home-pane .text-wrap {
    padding-top: 40%; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #home_view .dest-wrapper h4 {
    margin-top: 3%; }
  #home_view .destinations {
    margin: 0.5% 0 1.5%; } }

@media screen and (max-width: 1023px) {
  .no-backgroundsize #home_view .lightboxPanel .nav .destinations li.new-york a, .lt-ie9 #home_view .lightboxPanel .nav .destinations li.new-york a {
    background-image: url(../images/ie/new-york.png); }
  .no-backgroundsize #home_view .lightboxPanel .nav .destinations li.paris a, .lt-ie9 #home_view .lightboxPanel .nav .destinations li.paris a {
    background-image: url(../images/ie/paris.png); }
  .no-backgroundsize #home_view .lightboxPanel .nav .destinations li.washington a, .lt-ie9 #home_view .lightboxPanel .nav .destinations li.washington a {
    background-image: url(../images/ie/washington.png); }
  .no-backgroundsize #home_view .lightboxPanel .nav .destinations li.rome a, .lt-ie9 #home_view .lightboxPanel .nav .destinations li.rome a {
    background-image: url(../images/ie/rome.png); }
  .no-backgroundsize #home_view .lightboxPanel .nav .destinations li.san-francisco a, .lt-ie9 #home_view .lightboxPanel .nav .destinations li.san-francisco a {
    background-image: url(../images/ie/san-francisco.png); }
  .no-backgroundsize .lightboxPanel .nav ul li.start a, .lt-ie9 .lightboxPanel .nav ul li.start a {
    background-image: url(../images/ie/new-graph.png); }
  .no-backgroundsize .lightboxPanel .nav ul li.browse a, .lt-ie9 .lightboxPanel .nav ul li.browse a {
    background-image: url(../images/ie/browse-graph.png); }
  .no-backgroundsize .lightboxPanel .nav ul li.stored a, .lt-ie9 .lightboxPanel .nav ul li.stored a {
    background-image: url(../images/ie/stored-graph.png); }
  .no-backgroundsize .lightboxPanel .nav ul li.favourites a, .lt-ie9 .lightboxPanel .nav ul li.favourites a {
    background-image: url(../images/ie/favourites-graph.png); }
  .no-backgroundsize .lightboxPanel .nav ul li.more-info a, .lt-ie9 .lightboxPanel .nav ul li.more-info a {
    background-image: url(../images/ie/help-graph.png); }
  .no-backgroundsize .start-options ul li a, .lt-ie9 .start-options ul li a {
    background-image: url(../images/ie/top-graph.png); }
  .no-backgroundsize .start-options ul li.whats-on a, .lt-ie9 .start-options ul li.whats-on a {
    background-image: url(../images/ie/whats-on-graph.png); }
  .no-backgroundsize .start-options ul li.nearby a, .lt-ie9 .start-options ul li.nearby a {
    background-image: url(../images/ie/nearby-graph.png); }
  .no-backgroundsize .start-options ul li.food a, .lt-ie9 .start-options ul li.food a {
    background-image: url(../images/ie/food-graph.png); }
  .no-backgroundsize .start-options ul li.favourites a, .lt-ie9 .start-options ul li.favourites a {
    background-image: url(../images/ie/favourites-graph.png); }
  .no-backgroundsize .start-options ul li.interests a, .lt-ie9 .start-options ul li.interests a {
    background-image: url(../images/ie/interests-graph.png); } }

@media screen and (max-width: 599px) {
  .no-backgroundsize #home_view .destinations li.new-york a, .lt-ie9 #home_view .destinations li.new-york a {
    background-image: url(../images/ie/new-york.png); }
  .no-backgroundsize #home_view .destinations li.paris a, .lt-ie9 #home_view .destinations li.paris a {
    background-image: url(../images/ie/paris.png); }
  .no-backgroundsize #home_view .destinations li.washington a, .lt-ie9 #home_view .destinations li.washington a {
    background-image: url(../images/ie/washington.png); }
  .no-backgroundsize #home_view .destinations li.rome a, .lt-ie9 #home_view .destinations li.rome a {
    background-image: url(../images/ie/rome.png); }
  .no-backgroundsize #home_view .destinations li.san-francisco a, .lt-ie9 #home_view .destinations li.san-francisco a {
    background-image: url(../images/ie/san-francisco.png); } }

.no-csscalc #home_view .home-pane .nextScreen .right, .no-csscalc #home_view .home-pane .nextScreen .left {
  width: 48.5%; }
.no-csscalc #home_view .home-pane .nextScreen .cursor {
  width: 3%;
  margin-left: 0;
  left: 48.5%; }
.no-csscalc #home_view .home-pane .nextScreen .right {
  float: none;
  left: 51.5%;
  position: absolute;
  top: 0; }
.no-csscalc #home_view .home-pane .nextScreen .black_banner {
  height: 10px;
  width: 100%;
  background-color: black; }

@media screen and (min-width: 1411px) {
  .text_indent {
    padding-left: 0.6em;
    text-indent: -1.1em; } }

@media screen and (min-width: 1024px) {
  #home_view .left-half {
    padding-left: 80px; } }

@media screen and (min-width: 1800px) {
  #home_view .popularDestinations li img {
    width: 222px; }
  #home_view .destinations {
    max-width: none; }
    #home_view .destinations li img {
      width: 78px; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
/* Main menu */
.lightbox {
  width: 100%;
  height: 100%;
  z-index: 100 !important;
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFFFFF; }
  .lightbox a {
    color: #000000; }
  .lightbox.active {
    display: block !important;
    overflow-y: auto; }
    .lightbox.active .menu-toggle {
      display: block; }
    .lightbox.active #lightbox-overlay {
      display: none !important; }
  .lightbox.static {
    overflow-y: auto; }
    .lightbox.static #lightbox-overlay {
      display: none !important; }
    .lightbox.static .menu-toggle {
      display: block !important; }
  .lightbox .home {
    position: absolute;
    height: 32px;
    width: 60px;
    background: url(../images/home-btn.png) no-repeat center center;
    text-indent: -9999px;
    background-size: auto 22px;
    -moz-background-size: auto 22px;
    -o-background-size: auto 22px;
    -webkit-background-size: auto 22px;
    z-index: 2; }
  .lightbox .copyright-footer {
    height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    clear: both;
    background-color: black; }
    .lightbox .copyright-footer .copyright {
      color: #eee;
      font-size: 0.875em;
      padding-right: 5%;
      padding-top: 17px;
      float: right; }
    .lightbox .copyright-footer .social-links {
      float: left;
      width: 50%;
      margin-left: 5px; }
      .lightbox .copyright-footer .social-links li {
        color: #eee;
        width: auto;
        display: inline-block;
        float: left;
        height: 50px; }
        .lightbox .copyright-footer .social-links li a {
          height: 40px;
          width: 40px;
          margin: auto 0;
          text-indent: -9999px;
          display: block;
          background: url(../images/facebook-btn.png) no-repeat center center;
          background-size: 30px 30px; }
        .lightbox .copyright-footer .social-links li.twitter a {
          background: url(../images/twitter-btn.png) no-repeat center center;
          background-size: 30px 30px; }

.icon-arrow {
  display: inline-block;
  position: absolute;
  float: right;
  margin-top: -48px;
  margin-left: 58%;
  -webkit-transition: margin-left 0.05s ease;
  -moz-transition: margin-left 0.05s ease;
  -o-transition: margin-left 0.05s ease;
  -ms-transition: margin-left 0.05s ease;
  transition: margin-left 0.05s ease;
  width: 4%; }

.icon-arrow:hover {
  margin-left: 60%;
  -webkit-transition: margin-left 0.05s ease;
  -moz-transition: margin-left 0.05s ease;
  -o-transition: margin-left 0.05s ease;
  -ms-transition: margin-left 0.05s ease;
  transition: margin-left 0.05s ease; }

#lightbox_menu_view .lightboxPanel h1 a {
  padding-right: 45px; }

#lightbox_menu_view.active .lightboxPanel h1 {
  background-color: #000000; }
#lightbox_menu_view.active .lightboxPanel h1 a {
  padding-right: 0; }
#lightbox_menu_view.active .lightboxPanel .line {
  display: none; }
#lightbox_menu_view.active .lightboxPanel .dest-selector-wrapper {
  display: block; }

.lightboxPanel {
  background-color: #f8f8f8; }
  .lightboxPanel .lightboxOpener {
    display: none; }
  .lightboxPanel .footer {
    clear: both;
    margin-top: 20px;
    padding: 22px 0 20px;
    position: relative;
    background-color: white;
    border-top: 1px solid #A6A4A4;
    margin-top: 190px; }
  .lightboxPanel .footer-links ul li {
    float: left;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 1px; }
    .lightboxPanel .footer-links ul li a {
      display: block;
      position: relative;
      color: #000000;
      font-size: 0.875em;
      padding: 10px 0; }
  .lightboxPanel .logo-footer {
    display: none; }
  .lightboxPanel .menu-label {
    display: none; }
  .lightboxPanel header h1 {
    margin: 0;
    text-align: center;
    height: 30px;
    padding-top: 10px;
    font-size: 1.25em;
    background-color: white;
    color: white;
    line-height: 1.2em; }
    .lightboxPanel header h1 a {
      color: white; }
    .lightboxPanel header h1 .nav-logo {
      background: url(../images/logo-red.png) no-repeat left top;
      -webkit-background-size: 60px 60px;
      -moz-background-size: 60px 60px;
      -o-background-size: 60px 60px;
      -ms-background-size: 60px 60px;
      background-size: 60px 60px;
      width: 60px;
      height: 60px;
      position: relative;
      top: -15px;
      display: inline-block;
      text-indent: -9999px;
      margin-right: 10px;
      margin-left: 30px;
      z-index: 2; }
    .lightboxPanel header h1 .beta {
      color: #ff4040; }
  .lightboxPanel .dest-selector-wrapper {
    height: 35px;
    overflow: visible;
    display: none; }
  .lightboxPanel .dest-selector {
    text-align: center;
    width: 100%;
    height: 35px;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .lightboxPanel .dest-selector.open {
      overflow: visible;
      height: auto;
      padding-top: 35px;
      position: absolute; }
      .lightboxPanel .dest-selector.open li:hover {
        background-color: #d5d5cd; }
      .lightboxPanel .dest-selector.open li {
        display: block; }
        .lightboxPanel .dest-selector.open li.selected {
          background-position: 94% -18px;
          background-color: #c3c3b9; }
          .lightboxPanel .dest-selector.open li.selected:hover {
            background-color: #d5d5cd; }
        .lightboxPanel .dest-selector.open li.opener {
          display: none; }
    .lightboxPanel .dest-selector li {
      height: 35px;
      width: 100%;
      display: none; }
      .lightboxPanel .dest-selector li.selected {
        position: absolute;
        display: block;
        top: 0;
        background-repeat: no-repeat;
        background-position: 94% 12px;
        cursor: pointer;
        background-size: 14px auto;
        -webkit-background-size: 14px auto;
        -moz-background-size: 14px auto;
        -o-background-size: 14px auto; }
      .lightboxPanel .dest-selector li a {
        text-align: center;
        font-size: 1.125em;
        padding-top: 8px;
        height: 25px;
        background-color: white;
        display: block;
        position: relative; }
        .lightboxPanel .dest-selector li a:hover {
          cursor: default; }
      .lightboxPanel .dest-selector li.opener {
        position: absolute;
        display: block;
        z-index: 1;
        cursor: pointer;
        top: 0;
        background-size: 14px auto;
        -webkit-background-size: 14px auto;
        -moz-background-size: 14px auto;
        -o-background-size: 14px auto; }
  .lightboxPanel .nav ul {
    padding: 2.5% 2.5% 0;
    width: 101%;
    text-align: center;
    margin-left: -14px; }
    .lightboxPanel .nav ul li {
      display: block;
      text-align: left;
      border: 1px solid #C8C7C7;
      margin-bottom: -1px;
      height: 65px;
      background-color: white; }
      .lightboxPanel .nav ul li a {
        background: url(../images/new-graph.png) no-repeat 10px center;
        background-size: auto 29px;
        -moz-background-size: auto 29px;
        -o-background-size: auto 29px;
        -webkit-background-size: auto 29px;
        display: inline-block;
        position: relative;
        width: 100%;
        line-height: 65px;
        margin: auto auto;
        padding-left: 70px;
        background-position: 21px 18px; }
        .lightboxPanel .nav ul li a .bracketed {
          font-size: 80%;
          margin-left: 4px; }
      .lightboxPanel .nav ul li.browse a {
        background-image: url(../images/browse-graph.png);
        background-position: 19px; }
      .lightboxPanel .nav ul li.stored a {
        background-image: url(../images/stored-graph.png);
        background-position: 19px; }
        .lightboxPanel .nav ul li.stored a .storedCount {
          background-color: #fdb714;
          position: absolute;
          top: 8%;
          left: 56%;
          height: 26px;
          padding-top: 8px;
          width: 33px;
          border-radius: 17px;
          -moz-border-radius: 17px;
          -webkit-border-radius: 17px; }
      .lightboxPanel .nav ul li.app-links a {
        background-image: url(../images/app-graph.png);
        background-position: 27px; }
      .lightboxPanel .nav ul li.disabled a {
        opacity: 0.5; }
      .lightboxPanel .nav ul li.favourites a {
        background-image: url(../images/favourites-graph.png); }
  .lightboxPanel .nav .account {
    display: block;
    height: 55px;
    margin-left: -3%;
    background-color: #f8f8f8; }
    .lightboxPanel .nav .account li {
      width: 45%;
      display: inline-block;
      text-transform: uppercase;
      margin-right: -7px;
      border: 0;
      text-align: center;
      background-color: #f8f8f8;
      padding-right: 10px; }
      .lightboxPanel .nav .account li a {
        float: left;
        line-height: 40px;
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 6px;
        background: url(../images/profile-icon.png) no-repeat 10% center white;
        border: 1px solid #A6A4A4;
        background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px; }
      .lightboxPanel .nav .account li.signup a {
        float: right;
        background-image: url(../images/signup-icon.png); }
      .lightboxPanel .nav .account li.logout {
        float: none;
        width: 100%; }

@media screen and (min-width: 600px) and (max-width: 1023px) {
  .lightboxPanel .nav .account li.profile a {
    background-image: none;
    white-space: nowrap; }
  .lightboxPanel .nav .bracketed {
    display: none;
    font-size: 80%;
    margin-left: 4px; }
  .lightboxPanel .nav .account {
    display: block;
    height: 55px;
    margin-left: -3%;
    background-color: #f8f8f8; }
    .lightboxPanel .nav .account li {
      width: 45%;
      display: inline-block;
      text-transform: uppercase;
      margin-right: -7px;
      border: 0;
      text-align: center;
      background-color: #f8f8f8;
      padding-right: 10px; }
      .lightboxPanel .nav .account li a {
        float: left;
        line-height: 40px;
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 6px;
        border: 1px solid #A6A4A4;
        background-size: 0px 0px;
        -moz-background-size: 0px 0px;
        -o-background-size: 0px 0px;
        -webkit-background-size: 0px 0px; }
      .lightboxPanel .nav .account li.signup a {
        float: right; }
      .lightboxPanel .nav .account li.logout {
        float: none;
        width: 100%; }
  .icon-arrow {
    display: inline-block; } }

.lightbox-toggle, .menu-toggle {
  width: 30px;
  color: white;
  cursor: pointer;
  background: url(../images/toggle-cursor.png) no-repeat left top;
  display: block;
  height: 40px;
  text-indent: -9999px;
  /*float: left;*/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
  .lightbox-toggle.selected, .menu-toggle.selected {
    background-position: left -40px; }

.lightbox-toggle {
  margin-left: -1000px; }

.menu-toggle {
  width: 40px;
  background: url(../images/menu-icon-grey.png) no-repeat center center;
  background-size: 50% auto;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  display: block;
  right: 0;
  top: 0; }

.lightbox .menu-toggle {
  background: url(../images/menu-icon-grey.png) no-repeat center center;
  background-size: 50% auto;
  background-color: #FFFFFF; }

.active .menu-toggle {
  width: 40px;
  background: url(../images/menu-icon.png) no-repeat center center;
  background-size: 50% auto;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  display: block;
  right: 0;
  top: 0;
  background-color: #000000; }

.menu-open {
  background: url(../images/menu-icon.png) no-repeat center center; }

@media screen and (max-width: 599px) {
  .lightbox {
    margin-left: -100%; }
    .lightbox.active {
      margin-left: 0 !important;
      z-index: 4 !important; }
      .lightbox.active .menu-toggle {
        display: block !important; }
    .lightbox.start {
      height: auto;
      padding-bottom: 40px;
      position: relative;
      display: block !important;
      margin-left: 0 !important; }
      .lightbox.start .menu-toggle {
        display: none !important; }
  body.screenlock-desktop {
    overflow-y: auto; }
  body.screenlock-mobile {
    overflow-x: hidden;
    overflow-y: hidden; }
  .browse-poi .menu-toggle {
    z-index: 3;
    position: fixed; } }

@media screen and (min-width: 600px) {
  .lightbox {
    position: fixed;
    width: 40%;
    float: none; }
    .lightbox.active .menu-toggle {
      left: 0;
      right: auto; }
    .lightbox.static {
      display: block !important; }
      .lightbox.static .menu-toggle {
        left: 0;
        right: auto; }
    .lightbox.start, .lightbox.shadow.active {
      box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2); }
  .lightboxPanel .nav ul {
    width: 103.5%; }
  .menu-toggle {
    left: 0;
    right: auto;
    z-index: 2; }
  .lightbox-toggle {
    display: none; }
  #browse_itinerary_view .menu-toggle, .trip-storage .menu-toggle, .browse-poi .menu-toggle {
    display: none !important; }
  .fullscreen .menu-toggle {
    position: fixed;
    left: 0;
    top: 0;
    background-position: 10px center;
    background-size: 20px auto;
    -webkit-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -o-background-size: 20px auto;
    background-color: black;
    text-indent: 0;
    padding-left: 45px;
    text-align: left;
    width: 100px;
    z-index: 50; } }

@media screen and (min-width: 768px) {
  .lightbox {
    width: 33.33333%; }
  .lightboxPanel .nav .account {
    display: block;
    height: 55px;
    margin-left: -4%; }
    .lightboxPanel .nav .account ul {
      padding: 5% 5% 0;
      width: 105%;
      margin-left: -23px;
      margin-top: -17px; }
  .icon-arrow {
    display: none; } }

@media screen and (min-width: 1024px) {
  .menu-toggle {
    display: none !important; }
  .icon-arrow {
    display: inline-block;
    position: absolute;
    float: right;
    margin-top: -48px;
    margin-left: 55%;
    -webkit-transition: margin-left 0.05s ease;
    -moz-transition: margin-left 0.05s ease;
    -o-transition: margin-left 0.05s ease;
    -ms-transition: margin-left 0.05s ease;
    transition: margin-left 0.05s ease;
    width: 4%; }
  .icon-arrow:hover {
    margin-left: 60%;
    -webkit-transition: margin-left 0.05s ease;
    -moz-transition: margin-left 0.05s ease;
    -o-transition: margin-left 0.05s ease;
    -ms-transition: margin-left 0.05s ease;
    transition: margin-left 0.05s ease; }
  .lightbox {
    display: block !important;
    margin-left: -320px;
    width: 380px;
    z-index: 100 !important;
    border-right: 3px solid black;
    right: 0; }
    .lightbox .home {
      right: 0; }
      .lightbox .home .line {
        width: 80%;
        border-top: 1px solid #A6A4A4;
        border-bottom: 1px solid #A6A4A4;
        margin-left: 10%;
        height: 34px; }
    .lightbox .copyright-footer {
      display: none; }
    .lightbox .lightboxPanel {
      position: relative;
      background-color: #f8f8f8; }
      .lightbox .lightboxPanel .nav {
        display: none; }
      .lightbox .lightboxPanel .footer {
        display: none; }
      .lightbox .lightboxPanel .lightboxOpener {
        display: block;
        position: fixed;
        overflow-y: hidden;
        background-color: transparent;
        height: 100%;
        top: 75px;
        width: 63px;
        left: 0; }
      .lightbox .lightboxPanel .menu-label {
        display: block;
        position: absolute;
        width: 326px;
        right: -134px;
        top: 235px;
        font-size: 20px;
        font-weight: bolder;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        /* Should be unset in IE9+ I think. */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
        .lightbox .lightboxPanel .menu-label span {
          border-left: 2px solid red;
          padding-left: 10px;
          font-weight: bold;
          color: #7F7E80; }
      .lightbox .lightboxPanel .logo-footer {
        position: fixed;
        display: block;
        bottom: 22px;
        background: url(../images/logo-red.png) no-repeat center center;
        z-index: 1;
        text-indent: -9999px;
        height: 52px;
        background-size: auto 100%;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        /*-ms-behavior: url(/backgroundsize.min.htc);*/
        left: 0;
        width: 60px; }
    .lightbox .lightbox-toggle {
      left: auto;
      right: 0;
      margin-left: 0; }
    .lightbox .menu-toggle {
      display: block !important;
      right: 10px;
      left: auto; }
    .lightbox.active {
      margin-left: 0 !important;
      width: 33.33333% !important;
      padding-left: 0;
      background-color: #36424a !important; }
    .lightbox.static {
      margin-left: 0 !important;
      width: 33.33333% !important;
      background-color: #36424a !important; }
    .lightbox.shadow {
      box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2); }
    .lightbox.active, .lightbox.static {
      border-right: none;
      padding-left: 0; }
      .lightbox.active:hover, .lightbox.static:hover {
        background-color: #FFFFFF; }
      .lightbox.active .lightbox-toggle, .lightbox.static .lightbox-toggle {
        display: none; }
      .lightbox.active .menu-label, .lightbox.static .menu-label {
        display: none !important; }
      .lightbox.active .home, .lightbox.static .home {
        right: auto; }
      .lightbox.active .nav, .lightbox.static .nav {
        display: block !important; }
      .lightbox.active .footer, .lightbox.static .footer {
        display: block !important;
        margin-top: 194px; }
      .lightbox.active .copyright-footer, .lightbox.static .copyright-footer {
        display: block !important; }
      .lightbox.active .menu-toggle, .lightbox.static .menu-toggle {
        left: 10px; }
      .lightbox.active .logo-footer, .lightbox.static .logo-footer {
        display: none; }
      .lightbox.active .lightboxPanel .lightboxOpener, .lightbox.static .lightboxPanel .lightboxOpener {
        display: none; }
  #lightbox-overlay {
    display: none;
    position: absolute;
    width: 40px;
    right: 0;
    margin-top: 40px;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -o-calc(100% - 40px);
    height: -ms-calc(100% - 40px);
    height: calc(unquote(100% - 40px));
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.7); }
  .fullscreen .menu-toggle {
    display: none; } }

@media screen and (min-width: 1300px) {
  .lightbox {
    display: block !important; }
    .lightbox.active, .lightbox.static {
      width: 433px !important; }
  .icon-arrow {
    display: inline-block;
    position: absolute;
    float: right;
    margin-top: -48px;
    margin-left: 295px;
    -webkit-transition: margin-left 0.05s ease;
    -moz-transition: margin-left 0.05s ease;
    -o-transition: margin-left 0.05s ease;
    -ms-transition: margin-left 0.05s ease;
    transition: margin-left 0.05s ease;
    width: 4%; }
  .icon-arrow:hover {
    margin-left: 305px;
    -webkit-transition: margin-left 0.05s ease;
    -moz-transition: margin-left 0.05s ease;
    -o-transition: margin-left 0.05s ease;
    -ms-transition: margin-left 0.05s ease;
    transition: margin-left 0.05s ease; } }

@media screen and (min-width: 600px) and (max-width: 940px) {
  .lightboxPanel header h1 a {
    padding-left: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .lightboxPanel header h1 .nav-logo {
    margin-right: 5px; }
  .icon-arrow {
    display: none; } }

@media screen and (min-width: 1200px) {
  .icon-arrow {
    display: inline-block;
    position: absolute;
    float: right;
    margin-top: -48px;
    margin-left: 280px;
    -webkit-transition: margin-left 0.5s ease;
    -moz-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    -ms-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
    width: 4%; }
  .icon-arrow:hover {
    margin-left: 285px;
    -webkit-transition: margin-left 0.5s ease;
    -moz-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    -ms-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease; } }

/* Browse Itineraries */
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#browse_itinerary_view {
  min-height: 100%;
  background-color: white; }
  #browse_itinerary_view .page-title {
    width: 100%;
    text-align: center; }
    #browse_itinerary_view .page-title h1 {
      background-color: white;
      color: black;
      margin: 0;
      line-height: normal;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 36px;
      margin-bottom: 30px; }
  #browse_itinerary_view .create_new_trip {
    margin: 0 30px 0 30px;
    font-size: 12px;
    color: #686867;
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    margin-top: 20px;
    height: 31px; }
    #browse_itinerary_view .create_new_trip a {
      color: #000000; }
    #browse_itinerary_view .create_new_trip .btnStart {
      background: url(../images/add-icon.png) no-repeat;
      background-size: 32px 31px;
      padding-left: 39px;
      line-height: 31px;
      position: absolute; }
    #browse_itinerary_view .create_new_trip .like {
      display: inline-block;
      float: right;
      background: url(../images/like-icon.png) no-repeat center;
      background-size: 18px 15px;
      padding-left: 20px;
      margin-left: 6px;
      line-height: 31px;
      padding-left: 60px; }
  #browse_itinerary_view .trips_title {
    color: #FF0000;
    /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 22.46px; }
  #browse_itinerary_view .itinerary-list {
    padding-top: 3%; }
    #browse_itinerary_view .itinerary-list .previewItinerary {
      cursor: pointer; }
    #browse_itinerary_view .itinerary-list .itinerary {
      width: 100%;
      clear: both;
      position: relative;
      background-color: white;
      margin-bottom: 3%;
      border: 1px solid #C8C7C7; }
      #browse_itinerary_view .itinerary-list .itinerary:hover header img {
        transition-duration: 600ms;
        -webkit-transition-duration: 600ms;
        -moz-transition-duration: 600ms;
        -o-transition-duration: 600ms;
        -ms-transition-duration: 600ms;
        transition-property: transform;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -o-transition-property: transform;
        -ms-transition-property: transform;
        transform: scale3d(1.2, 1.2, 1.2);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.2, 1.2, 1.2);
        -o-transform: scale3d(1.2, 1.2, 1.2);
        -ms-transform: scale3d(1.2, 1.2, 1.2); }
      #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 3") {
        background-color: #f6f4f6; }
        #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 3") header h1 {
          background-color: #ceb8c8; }
      #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 2") {
        background-color: #d8eef8; }
        #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 2") header h1 {
          background-color: #009fdb; }
      #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 1") {
        background-color: #fef0ea; }
        #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n - 1") header h1 {
          background-color: #fabbb0; }
      #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n") {
        background-color: #fff0ca; }
        #browse_itinerary_view .itinerary-list .itinerary:nth-child("5n") header h1 {
          background-color: #fecc08; }
      #browse_itinerary_view .itinerary-list .itinerary header {
        float: left;
        position: relative;
        width: 50%;
        overflow: hidden; }
        #browse_itinerary_view .itinerary-list .itinerary header img {
          vertical-align: bottom;
          width: 100%;
          max-width: 305px;
          height: auto;
          padding: 17px;
          transition-duration: 400ms;
          -webkit-transition-duration: 400ms;
          -moz-transition-duration: 400ms;
          -o-transition-duration: 400ms;
          -ms-transition-duration: 400ms;
          transition-property: transform;
          -webkit-transition-property: transform;
          -moz-transition-property: transform;
          -o-transition-property: transform;
          -ms-transition-property: transform;
          transform: scale3d(1, 1, 1);
          -webkit-transform: scale3d(1, 1, 1);
          -moz-transform: scale3d(1, 1, 1);
          -o-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1); }
        #browse_itinerary_view .itinerary-list .itinerary header h1 {
          bottom: 0;
          width: 100%;
          color: red;
          font-size: 0.875em;
          text-align: center;
          padding: 3% 0;
          color: #FF0000;
          margin-left: 100px; }
      #browse_itinerary_view .itinerary-list .itinerary .teaser {
        float: left;
        padding: 3% 3% 0;
        width: 44%; }
        #browse_itinerary_view .itinerary-list .itinerary .teaser p {
          margin-top: 10px;
          margin-bottom: 1%;
          font-size: 14px;
          color: #686867; }
        #browse_itinerary_view .itinerary-list .itinerary .teaser p:before {
          content: ' | ';
          color: #FF0000; }

@media screen and (min-width: 380px) {
  #browse_itinerary_view .itinerary-list .itinerary header h1 {
    font-size: 1.25em; }
  #browse_itinerary_view .itinerary-list .itinerary .teaser p {
    margin-bottom: 15px;
    font-size: 0.875em; } }

@media screen and (min-width: 600px) {
  #browse_itinerary_view {
    width: 60%;
    margin-left: 40%; }
    #browse_itinerary_view .itinerary-list {
      padding: 30px; } }

@media screen and (min-width: 768px) {
  #browse_itinerary_view {
    margin-left: 33.33333%;
    width: 66.666%; }
    #browse_itinerary_view #content {
      width: 88%; }
    #browse_itinerary_view .view-close {
      display: none;
      top: 5px;
      background: url(../images/close-button-solid.png) no-repeat left top;
      height: 46px;
      width: 80px;
      right: 0px;
      text-transform: uppercase;
      color: #2c9adc; }
      #browse_itinerary_view .view-close:hover {
        background-position: left -46px;
        text-indent: 45px; }
    #browse_itinerary_view .sidebar .map-toggle a {
      background-image: url(../images/map-icon-blue-fade.png);
      color: #c9d5e3; } }

@media screen and (min-width: 1300px) {
  #browse_itinerary_view {
    margin-left: 433px;
    width: 867px; } }

/* Browse Itinerary ends */
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.business-pages {
  background-color: white; }

.dk_title {
  margin-top: 70px !important; }

.business-page-wrapper .title {
  height: 35px;
  background-color: white;
  border-bottom: 1px solid black; }
  .business-page-wrapper .title h1 {
    display: block;
    font-size: 1em;
    padding: 9px 3% 0;
    color: black;
    text-transform: uppercase; }
.business-page-wrapper .view-close {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  margin: 0;
  height: 35px;
  width: 35px;
  text-indent: -9999px;
  padding: 0;
  background: url(../images/close-grey.png) no-repeat center center transparent;
  border: none !important; }
.business-page-wrapper .page-tabs {
  display: none;
  font-size: 1.2em;
  margin-bottom: 22px; }
  .business-page-wrapper .page-tabs li.active a {
    color: #ff0000; }
.business-page-wrapper .content .page-wrapper header h1 {
  padding: 0;
  text-transform: none;
  font-size: 1em; }
  .business-page-wrapper .content .page-wrapper header h1 a {
    color: black;
    display: block;
    padding: 3% 3% 2%;
    position: relative; }
.business-page-wrapper .content .page-wrapper .accordion-tab {
  padding: 0;
  text-transform: none;
  font-size: 1em;
  border-bottom: 1px solid black;
  background-color: white; }
  .business-page-wrapper .content .page-wrapper .accordion-tab a {
    color: black;
    display: block;
    padding: 3% 3% 2%;
    position: relative; }
.business-page-wrapper .content .page-wrapper .page-content {
  display: none;
  background-color: white; }
  .business-page-wrapper .content .page-wrapper .page-content ol {
    padding-left: 25px; }
    .business-page-wrapper .content .page-wrapper .page-content ol li {
      list-style: decimal outside;
      color: #FF0000; }
      .business-page-wrapper .content .page-wrapper .page-content ol li p:last-child {
        margin-bottom: 15px !important; }
      .business-page-wrapper .content .page-wrapper .page-content ol li:first-child h3 {
        margin-top: 0; }
  .business-page-wrapper .content .page-wrapper .page-content ul {
    padding-left: 25px; }
    .business-page-wrapper .content .page-wrapper .page-content ul li:last-child {
      margin-bottom: 15px; }
  .business-page-wrapper .content .page-wrapper .page-content table {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse; }
  .business-page-wrapper .content .page-wrapper .page-content th {
    background-color: #fff0da;
    font-weight: normal;
    text-align: left; }
  .business-page-wrapper .content .page-wrapper .page-content td, .business-page-wrapper .content .page-wrapper .page-content th {
    padding: 5px; }
  .business-page-wrapper .content .page-wrapper .page-content h3 {
    font-size: 1.25em;
    color: black;
    margin-bottom: 15px;
    /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
    font-weight: normal; }
    .business-page-wrapper .content .page-wrapper .page-content h3:nth-child(2) {
      margin-top: 0; }
  .business-page-wrapper .content .page-wrapper .page-content a {
    color: #A6A4A4;
    font-size: 1.5em; }
    .business-page-wrapper .content .page-wrapper .page-content a:hover {
      text-decoration: none; }
  .business-page-wrapper .content .page-wrapper .page-content h2 {
    margin-bottom: 15px;
    color: black;
    font-size: 1.25em;
    /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: none; }
  .business-page-wrapper .content .page-wrapper .page-content h4, .business-page-wrapper .content .page-wrapper .page-content h5 {
    font-size: 1em;
    color: black;
    /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 15px; }
  .business-page-wrapper .content .page-wrapper .page-content p {
    margin-top: 0;
    color: black; }
    .business-page-wrapper .content .page-wrapper .page-content p:last-child {
      margin-bottom: 0; }
.business-page-wrapper .content .page-wrapper.active .page-content {
  display: block;
  padding-left: 3%;
  padding-top: 1%; }
.business-page-wrapper .content .page-wrapper:last-child .accordion-tab {
  border-bottom: none; }
.business-page-wrapper .content .page-wrapper:last-child .page-content {
  border-top: 1px solid black; }

@media screen and (min-width: 600px) {
  .business-pages {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 100;
    position: fixed;
    overflow-y: auto; }
    .business-pages .business-page-wrapper {
      position: relative;
      width: 90%;
      max-width: 800px;
      margin: 75px auto 0; }
      .business-pages .business-page-wrapper .title {
        display: none; }
      .business-pages .business-page-wrapper .page-tabs {
        display: block; }
        .business-pages .business-page-wrapper .page-tabs li {
          float: left;
          margin-right: 2px; }
          .business-pages .business-page-wrapper .page-tabs li a {
            padding: 10px 15px 5px;
            display: block;
            position: relative; }
            .business-pages .business-page-wrapper .page-tabs li a:hover {
              border-bottom: none; }
          .business-pages .business-page-wrapper .page-tabs li.active a {
            background-color: white;
            color: black; }
            .business-pages .business-page-wrapper .page-tabs li.active a:hover {
              border-top: none; }
      .business-pages .business-page-wrapper .content {
        clear: both;
        border: 2px solid #A6A4A4;
        background-color: white; }
        .business-pages .business-page-wrapper .content .page-wrapper header, .business-pages .business-page-wrapper .content .page-wrapper .accordion-tab {
          display: none; }
        .business-pages .business-page-wrapper .content .page-wrapper .page-content {
          background-color: white; }
          .business-pages .business-page-wrapper .content .page-wrapper .page-content p {
            margin-bottom: 15px !important; }
          .business-pages .business-page-wrapper .content .page-wrapper .page-content h2 {
            display: block; }
        .business-pages .business-page-wrapper .content .page-wrapper:last-child .page-content {
          border-top: none; }
      .business-pages .business-page-wrapper .view-close {
        display: block;
        text-transform: uppercase;
        font-size: 0.75em;
        cursor: pointer;
        position: absolute;
        text-indent: -9999px;
        background: url(../images/close-grey.png) no-repeat left top;
        background-size: 35px 35px;
        -webkit-background-size: 35px 35px;
        -moz-background-size: 35px 35px;
        -o-background-size: 35px 35px;
        /*-ms-behavior: url(/backgroundsize.min.htc);*/
        top: 0;
        right: 0; } }

@media screen and (min-width: 900px) {
  #business_page_view .business-page-wrapper .page-tabs li {
    width: 216px;
    text-align: center; } }

@media screen and (min-width: 1300px) {
  .business-pages {
    width: 100%; } }

@media screen and (max-width: 599px) {
  .business-page-wrapper .content .page-wrapper .page-content table, .business-page-wrapper .content .page-wrapper .page-content thead, .business-page-wrapper .content .page-wrapper .page-content tbody, .business-page-wrapper .content .page-wrapper .page-content th, .business-page-wrapper .content .page-wrapper .page-content td, .business-page-wrapper .content .page-wrapper .page-content tr {
    display: block; }
  .business-page-wrapper .content .page-wrapper .page-content thead {
    display: none; }
  .business-page-wrapper .content .page-wrapper .page-content td {
    border: none;
    border-bottom: 1px solid #999;
    position: relative;
    padding-left: 50%; }
  .business-page-wrapper .content .page-wrapper .page-content td:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }
  .business-page-wrapper .content .page-wrapper .page-content td:nth-of-type(1) {
    background-color: white; }
  .business-page-wrapper .content .page-wrapper .page-content td:nth-of-type(1):before {
    content: "Cookie"; }
  .business-page-wrapper .content .page-wrapper .page-content td:nth-of-type(2):before {
    content: "Name"; }
  .business-page-wrapper .content .page-wrapper .page-content td:nth-of-type(3):before {
    content: "Purpose"; }
  .business-page-wrapper .content .page-wrapper .page-content td:nth-of-type(4):before {
    content: "More information"; } }

/*#home_view, #destination_page_view {
  
  // Temporary - until features are available
  .dest-features {
    visibility: hidden;
  }
  .anchors {
    position: absolute;
    z-index: 0;
    width: 0px;
    //margin-top: -150px;
    margin-top: 10px;
    
    .anchor, .dest-anchor {
      height: 150px;
    }
    
    .dest-anchor#anchor9 {
      height: 1px;
    }
    
    .anchor#anchor4 {
      height: 1px;
    }
  }
  
  .dest-toggle {
    display: none;
  }
  
  .click-overlay {
    display: none;
    background-color: rgba(255,255,255,0.8);
  }

  .lightboxPanel {      
    width: 100%;
    //background-color: #4e5e6a;
    background-color: white;
    top:0;
    left:0;
    
    .welcomeOpen {
      color: white;
      font-size: 1.125em;
      background-color: #00bed6;
      display: block;
      text-align: center;
      padding-top: 12px;
      height: 30px;
    }
    
    header {
      h2 {
        //background-color: #e5e5dd;
        text-align: center;
        font-size: 1.125em;
        height: 25px;
        //padding: 8px 0 0;
        display: block;
        //border-bottom: 2px solid #d5d5cd;
        //color: #666;
        color: black;
        padding: 20px 0 10px;
      }
    }
    
    .nav {
      padding-bottom: 20px;
      
      .destinations {

            li {
          border-color: #ccc;
          box-shadow: inset -3px -3px 0 0 #f1f1f2;
          -moz-box-shadow: inset -3px -3px 0 0 #f1f1f2;
          -webkit-box-shadow: inset -3px -3px 0 0 #f1f1f2;
          &:nth-child(even) {
            box-shadow: inset 3px -3px 0 0 #f1f1f2;
            -moz-box-shadow: inset 3px -3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset 3px -3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+3) {
            border-bottom-width: 1px;
            box-shadow: inset -3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
            -moz-box-shadow: inset -3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset -3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+4) {
            box-shadow: inset 3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
            -moz-box-shadow: inset 3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset 3px 3px 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+5) {
            border-bottom-width: 0px;
            box-shadow: inset -3px 3px 0 0 #f1f1f2;
            -moz-box-shadow: inset -3px 3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset -3px 3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+6) {
            box-shadow: inset 3px 3px 0 0 #f1f1f2;
            -moz-box-shadow: inset 3px 3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset 3px 3px 0 0 #f1f1f2;
          }
          
          &.holding {
            &:hover {
              background-color: transparent;
            }
            a {
              background-image: none;
              
              &:hover {
                cursor: default;
              }
            }
          }
          
          &:hover {
            background-color: #f1f1f2;
          }

                a {
                    //color: white;
            color: #666;
            text-transform: uppercase;
                    background: url(../images/london.png) no-repeat center 20px;
                    background-size: auto 42.66666%;
            -moz-background-size: auto 42.66666%;
            -o-background-size: auto 42.66666%;
            -webkit-background-size: auto 42.66666%;
            //-ms-behavior: url(/backgroundsize.min.htc);
                    //padding: 95px 10% 0;
                }

                &.new-york a {
                    background-image: url(../images/new-york.png);
                }

                &.paris a {
                    background-image: url(../images/paris.png);
                }

                &.washington a {
                    background-image: url(../images/washington.png);
                }
          &.rome a {
                    background-image: url(../images/rome.png);
                }
          &.san-francisco a {
                    background-image: url(../images/san-francisco.png);
                }
            }
        }
    }
  }

  #right-pane {
    display: none;
  }
  
  #info-box {
    color: white;
    background-color: #00bed6;
    clear: both;
    width: 80%;
    text-align: center;
    padding: 3.5% 10%;
    
    header {
      h2 {
        font-size: 1.25em;
        margin-bottom: 7%;
      }
    }
    
    ul {
      li {
        margin-bottom: 7%;
        font-size: 1.125em;
        background: url(../images/logo-bw.png) no-repeat center top;
        padding-top: 50px;
        
        &.info-2 {
          background-image: url(../images/homepage-create.png);
          padding-top: 57px;
        }
        
        &.info-3 {
          background-image: url(../images/stored-sync.png);
          padding-top: 80px;
        }
      }
    }
    
    .confirm {
      border-bottom: 3px solid #cda8c2;
      background-color: #d8c1da;
      display: none;
      width: 100%;
      text-align: center;
      padding: 10px 0 7px;
      text-transform: uppercase;
      color: white;
      
      &:hover {
        cursor: pointer;
        border-top: 3px solid #cda8c2;
        border-bottom: none;
      }
    }
  }
  
  .dest-features {
    background-color: white;
    position:relative;
    //z-index: 1;
    z-index: 11;
    //padding: 5% 2.5% 2.5%;
    
    .features-header {
      h1 {
        background: url(../images/hp-cursors.png) no-repeat 95% 7px #c3cbe2;
        //background-color: #c3cbe2;
        color: white;
        border-bottom: 3px solid #a7aec2;
        text-transform: uppercase;
        padding: 2.5%;
        margin-top: 5px;
        //font-weight: bold;
        @include font-regular-sans-serif; 
        //cursor: pointer;
        font-size: 1em;
      }
    }
    
    .feature {
      //float: left;
      background-color: #eaf1ef;
      //width: 45%;
      margin: 2.5% 2.5% 5%;
      box-shadow: 5px 5px rgba(0,0,0,0.1);
      -webkit-box-shadow: 5px 5px rgba(0,0,0,0.1);
      -moz-box-shadow: 5px 5px rgba(0,0,0,0.1);
      img {
        //width: 100%;
        height: auto;
        float: left;
        margin: 2.5%;
        width: 45%;
      }
      
      header {
        //padding: 4%;
        padding-top: 2.5%;
        padding-right: 2.5%;
        
        h1 {
          font-size: 1.375em;
          text-transform: uppercase;
          color: #333;
        }
      }
      
      p {
        color: #666;
        padding: 0 4% 4%;
        margin: 0;
        clear: both;
      }
    }
  }
  
  .feature-toggle {
    display: none;
  }
  
  #video-fallback {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  #home_view {
    #info-box {
      display: block !important;
    }
    
    .click-overlay {
      display: none !important;
    }
  }
  
  #destination_page_view {
    position: relative;
    
    #info-box {
      display: none;
    }
  }
}
@media screen and (min-width: 600px) {
  #home_view {
    .lightboxPanel {
      width: 60%;
      margin-left: 40%;
      position: relative;
      
      .welcomeOpen {
        display: none;
      }
      
      .nav {
        padding-bottom: 0;
        
        .destinations {
          padding: 3.75%;
        }
      }
      
      header {
        //display: none;
        
        h1 {
          display: none;
        }
        
        h2 {
          font-size: 1.5em;
          //font-weight: bold;
          @include font-regular-sans-serif; 
          padding: 40px 0 10px;
        }
      }
    }
    
    &.full {
      .lightboxPanel {
        width: 100%;
        margin-left: 0%;
      }
    }
    
    .dest-toggle {
      position: fixed;
      //bottom: 0;
      bottom: 15px;
      //z-index: 2;
      z-index: 11;
      //right: 0;
      right: 15px;
      display: block;
      //background-color: white;
      //padding: 15px 40px 0;
      //background: url(../images/black-cursors.png) no-repeat 85% 10px white;
      //-moz-background-size: auto 55px;
      //-o-background-size: auto 55px;
      //-webkit-background-size: auto 55px;
      //background-size: auto 55px;
      //padding: 15px 50px 0 30px;
      padding: 15px 40px 0;
      //box-shadow: inset 0 5px #ddd;
      //-moz-box-shadow: inset 0 5px #ddd;
      //-webkit-box-shadow: inset 0 5px #ddd;
      //color: black;
      color: white;
      float: right;
      height: 30px;
      text-transform: uppercase;
      //font-weight: bold;
      @include font-regular-sans-serif;
      cursor: pointer;
      background-color: #ff2b06;
      box-shadow: inset 0 -5px #e52705;
      -moz-box-shadow: inset 0 -5px #e52705;
      -webkit-box-shadow: inset 0 -5px #e52705;
      &:hover {
        box-shadow: inset 0 5px #e52705;
        -moz-box-shadow: inset 0 5px #e52705;
        -webkit-box-shadow: inset 0 5px #e52705;
      }
      
      &.static {
        position:relative;
        margin-top: -45px;
      }
    }
    
    #right-pane {
      padding-bottom: 350px;
      
      .boxes {
        // For when lightbox is open
        padding-left: 40%;
        z-index: 7;
        
        .box {
          .image-wrap {
            img {
              width: 96%;
              padding: 2%;
              height: 96%;
            }
          }
          &#box1 {
            .image-wrap {
              background-color: #b1b4b6;
            }
            .text-wrap {
              //background-color: rgba(216, 193, 218, 0.85);
              //background-color: #c3cbe2;
              background-color: rgba(195, 203, 226, 0.9);
              p {
                font-size: 1.375em;
              }
              
              .arrowDown {
                //background-color: transparent;
                color: white;
                text-transform: uppercase;
                position: absolute;
                bottom: 15px;
                width: 170px;
                text-align: left;
                background: url(../images/hp-prompt.png) no-repeat right center transparent;
                background-size: 25px 20px;
                -o-background-size: 25px 20px;
                -moz-background-size: 25px 20px;
                -webkit-background-size: 25px 20px;
                //-ms-behavior: url(/backgroundsize.min.htc);
                padding: 5px 0 0;
              }
            }
          }
          &#box2 {
            .image-wrap {
              background-color: #cdaccd;
            }
            .text-wrap {
              //background-color: rgba(154, 179, 190, 0.85);
              background-color: rgba(205,172,205, 0.9);
              //background-color: #cdaccd;
            }
          }

          &#box3 {
            .image-wrap {
              background-color: #7cacdc;
              img {
                //background-color: #bcd2ca;          
              }
            }
            .text-wrap {
              //background-color: rgba(216, 193, 218, 0.85);
              //background-color: #7cacdc;
              background-color: rgba(124, 172, 220, 0.9);
              //width: 300px;
              //height: 330px;
              //padding: 20px 25px 0;
              
              //p {
                //font-size: 1em;
                //margin-bottom: 15px;
              //}
            }
          }

          &#box4 {
            .image-wrap {
              background-color: #b1b4b6;              
            }
            .text-wrap {
              //background-color: rgba(188, 210, 202, 0.85);
              //background-color: #b3c4c9;          
              background-color: rgba(179, 196, 201, 0.9);
              width: 305px;
              height: 320px;
            }
          }
        }
      }
      
      #arrows {
        &.static {
          &.static {
            position: absolute;
            top: 610px;
          }
        }
      }
    }
  }
  
  #home_view, #destination_page_view {
    &.full {
      #right-pane {
        .boxes {
          padding-left: 0;
        }
        
        #arrows {
          padding-left: 0;
        }
      }
    }
    
    .click-overlay {
      //z-index: 2;
      z-index: 12;
      //width: 60%;
      width: 100%;
      margin-left: 0;
    }
    
    #info-box {
      display: none;
      //position: absolute;
      position: fixed;
      height: calc(100% - 40px);
      height: -webkit-calc(100% - 40px);
      height: -moz-calc(100% - 40px);
      overflow-y: auto;
      //z-index: 3;
      z-index: 13;
      //top: 15px;
      //right: 15px;
      //width: 350px;
      width: -webkit-calc(60% - 10px);
      width: calc(60% - 10px);
      width: -moz-calc(60% - 10px);
      padding: 0;
      top: 0.83333%;
      right: 0.83333%;
      text-align: left;
      margin-top: 40px;
      
      header {
        margin-top: -40px;
        
        h2 {
          text-align: right;
          padding: 10px 13px;
          float: right;
          height: 20px;
          background-color: #00bed6;
        }
      }
      
      ul {
        clear: both;
        padding: 20px 10%;
        width: 80%;
        
        li {
          background-position: left top;
          padding-top: 0 !important;
          //padding-left: 90px;
          padding-left: 75px;
          min-height: 43px;
          font-size: 1em;

          &.info-2 {
            min-height: 52px;
          }

          &.info-3 {
            min-height: 72px;           
          }
        }
      }
      
      .confirm {
        width: 33.33333%;
        margin: 0 auto 20px;
        display: block;
      }
    }
    
    #right-pane {
      //margin-left: 40%;
      //width: 60%;
      display: block;
      // must be greater than anchor height
      //padding-top: 160px; 
      //padding-left: 150px;

      .boxes {
        z-index: 2;
        //z-index: 7;
        position: relative;
        width: 350px;
        margin: 0 auto;
        padding-top: 160px;

        .box {
          height: 150px;
          width: 150px;
          position: relative;
          
          &:hover {
            cursor: pointer;
          }
          
          .price-tag {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 55%;
            height: 55%;
            text-indent: -9999px;
            background: url(../images/price-tag.png) no-repeat right bottom;
            background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            -o-background-size: 100% 100%;
            //-ms-behavior: url(/backgroundsize.min.htc);
          }

          .image-wrap {
            height: 100%;
            float: left;
            width: 100%;
            color: white;
            text-align: center;
            text-transform: uppercase;
            font-size: 1.5em;
            position: relative;
            //cursor: pointer;

            div {
              padding-top: 40%;
            }

            .image-shadow {
              display: none;            
            }

            img {
              //width: 100%;
              //height: auto;             
            }
            
            &.icon {
              img {
                max-height: 150px;
                max-width: 150px;                               
              }
            }
          }

          .text-wrap {
            display: none;
            //float: right;
            right: 0;
            //height: 135px;        
            //width: 155px;
            //width: 160px;
            //padding: 20px 30px;
            //padding: 20px;
            height: 145px;
            width: 170px;
            padding: 15px 20px 15px 25px;
            position: absolute;
            color: white;

            h3 {
              font-size: 1.5em;
              margin-bottom: 10px;
            }

            p {
              //font-size: 1.125em;
              font-size: 1em;
              margin: 0;
            }
            
            ul {
              li {
                margin-bottom: 10px;
                list-style: outside;
                margin-left: 20px;
              }
            }
          }

          &.explode {
            height: 350px;
            width: 350px;
            z-index: 1;
            
            &:hover {
              cursor: default;
            }

            .image-wrap {
              //height: 350px;
              //width: 350px;
              
              &.icon {
                img {
                  padding-top: 40px;
                  max-width: 150px;
                }
              }

              .image-shadow {
                display: block;
                padding-top: 0;
                position: absolute;
                width: 150px;
                height: 370px;
                margin-top: -10px;
                -webkit-box-shadow: inset 0 10px rgba(0,0,0,0.15), inset 0 -10px rgba(0,0,0,0.15);
                -moz-box-shadow: inset 0 10px rgba(0,0,0,0.15), inset 0 -10px rgba(0,0,0,0.15);
                box-shadow: inset 0 10px rgba(0,0,0,0.15), inset 0 -10px rgba(0,0,0,0.15);
              }
            }

            .text-wrap {
              display: block;
            }
            
            &:first-child {
              .image-wrap {

                .image-shadow {
                  -webkit-box-shadow: inset 0 -10px rgba(0,0,0,0.2);
                  -moz-box-shadow: inset 0 -10px rgba(0,0,0,0.2);
                  box-shadow: inset 0 -10px rgba(0,0,0,0.2);
                }
              }
            }
            &:last-child {
              .image-wrap {

                .image-shadow {
                  -webkit-box-shadow: inset 0 10px rgba(0,0,0,0.2);
                  -moz-box-shadow: inset 0 10px rgba(0,0,0,0.2);
                  box-shadow: inset 0 10px rgba(0,0,0,0.2);
                }
              }
            }
          }
        }
      }

      .info-toggle {
        position: absolute;
        //z-index: 3;
        z-index: 13;
        //top: 15px;
        //right: 15px;
        cursor: pointer;
        height: 40px;
        top: 0.83333%;
        right: 0.83333%;
        margin: 0;
        padding: 10px 13px;
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.2);
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.2);
        box-shadow: 5px 5px rgba(0,0,0,0.2);
        color: white;
        font-size: 1.125em;
        background-color: #00bed6;
      }
    }

    .background {
      position: fixed;
      height: 100%;
      width: 100%;
      //width: 60%;
      //margin-left: 40%;
      top: 0;
      left: 0;
      background-color: white;

      div {
        //display: none;
        height: 100%;
        width: 100%;
        background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        //-ms-behavior: url(/backgroundsize.min.htc);
        background-position: center center fixed;
        background-repeat: no-repeat;
        //background-image: none !important;  
        position: absolute;
        //opacity: 0.7; 
        //z-index: 0;

        img {
          display: none;
        } 

        &.active {
          //display: block;
          //z-index: 2;
        }
      }
    }
    
    #video-bg {
      position: fixed;
      bottom: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 0;
      overflow: hidden;
      opacity: 0.75;
    }
    #video-wrapper {
      //position: relative;
      padding-bottom: 56.25%;
      //padding-top: 25px;
      height: 0;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: white;
      //z-index: 1;
      //display: none;
      
      &.ratio {
        padding-bottom: 0;
        height: 100%;
        width: 100%;
      }
    }
    #player {
      //position: fixed;
      position: absolute;
      top: 0;
      //bottom: 0;
      left: 0;
      //min-width: 100%;
      //min-height: 100%;
      //width: auto;
      //height: auto;
      width: 100%;
      height: 100%;
      z-index: 0;
      overflow: hidden;
      opacity: 0.75;
    }
    
    #video-fallback {
      display: block;
      //display: none;
      //background: url(../images/video-bg.jpg) no-repeat center center white;
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      //opacity: 0.75;
      //z-index: 0;
      //background: url(../images/video-bg.jpg) no-repeat fixed left top white;
      background: url(../images/london-video.jpg) no-repeat fixed center center white;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      //-ms-behavior: url(/backgroundsize.min.htc);
    }

    #arrows {
      position: fixed;
      //z-index: 10;
      z-index: 6;
      //right: 10px;
      width: 60px;
      top: 160px;
      display: none;
      left: 50%;
      margin-left: 185px;
      padding-left: 16.66666%;
      
      div {
        background: url(../images/hp-cursors.png) no-repeat center 7px #00bed6;
        border-bottom: 3px solid #00a3b8;
        color: white;
        text-align: center;
        height: 40px;
        margin-bottom: 8px;
        text-indent: -9999px;
        
        &#up {
          background-position: center -25px;
        }
        
        &.hide {
          //display: none;
          opacity: 0.4;
        }
      }
    }
  }
  
  #destination_page_view {
    &.full {
      width: 100%;
      margin-left: 0;
      
      .click-overlay {
        margin-left: 0;
        width: 100%;
      }
      
      #right-pane {
        margin-left: 0;
        width: 100%;
      }
    }
    #right-pane {
      
      .boxes {
        padding-bottom: 150px;
        
        .box {
          &.event {
            border-bottom: none;
          }
          
          .image-wrap {
            float: none;
            //overflow: hidden;
            
            .image-inner-wrap {
              padding-top: 0;
              overflow: hidden;
              height: 100%;
              width: 100%;
              position: absolute;
            }
            
            img {
              //width: auto;
              // To fix resizing bug
              width: 152%;
              height: 100%;
              margin-left: -39px;
            }
            
            &.icon {
              img {
                margin-left: 0;
                width: 100%;
                height: auto;
              }
            }
          }
          
          &.explode {
            .image-wrap {
              height: 230px;
              
              .image-inner-wrap {
                height: 230px;
                width: 350px;
                overflow: visible;
              }
              
              img {
                margin-left: 0;
                max-width: 350px;
              }
            }
          }
          
          .text-wrap {
            position: relative;
            height: 120px;
            padding: 0;
            width: 100%;
            margin-right: 0;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            background-color: white !important;
            
            header {
              height: 65px;
              //background-color: #d8c1da;
              background-color: rgba(216, 193, 218, 0.5);
              padding: 0 15px;
              color: #666;
              
              h1 {
                font-size: 1.375em;
                padding-top: 7px;
              }
              
              h2 {
                font-size: 0.875em;
                font-style: italic;
                padding-top: 3px;
              }
            }
            
            p {
              height: 48px;
              background-color: rgba(216, 193, 218, 0.2);
              padding: 7px 15px 0;
              margin: 0;
              color: #666;
              font-size: 1em;
            }
          }
        }
      }
      
      .navigator {
        position: fixed;
        z-index: 3;
        right: 5px;
        width: 120px;
        top: 160px;
        
        &.static {
          position: absolute;
          top: 1360px;
        }
        
        ul {
          li {
            //width: 85%;
            background-color: #c1ddf4;
            margin-bottom: 5px;
            padding-top: 10px;
            color: white;
            height: 25px;
            text-indent: 10px;
            text-transform: uppercase;
            cursor: pointer;
            
            &.current {
              background-color: #5fb6e6;
            }
          }
        }
      }
    }
    
    .feature-toggle {
      position: fixed;
      bottom: 0;
      //z-index: 2;
      z-index: 11;
      right: 0;
      display: block;
      //background-color: white;
      //padding: 15px 40px 0;
      background: url(../images/black-cursors.png) no-repeat 85% 10px white;
      -moz-background-size: auto 55px;
      -o-background-size: auto 55px;
      -webkit-background-size: auto 55px;
      background-size: auto 55px;
      //-ms-behavior: url(/backgroundsize.min.htc);
      padding: 15px 50px 0 30px;
      box-shadow: inset 0 5px #ddd;
      -moz-box-shadow: inset 0 5px #ddd;
      -webkit-box-shadow: inset 0 5px #ddd;
      color: black;
      float: right;
      height: 30px;
      text-transform: uppercase;
      //font-weight: bold;
      @include font-regular-sans-serif; 
      cursor: pointer;
      
      &.static {
        position:relative;
        margin-top: -45px;
      }
    }
    
    .dest-features {
      padding: 2.5%;
      
      .features-header {
        display: none;
        
        h1 {          
        }
      }
      
      .feature {
        &:first-child {
          margin-top: 0;
        }
      }
    }
  }
}

@media screen and (min-width: 768px) {
  #home_view {
    .lightboxPanel {
      width: 66.66666%;
      margin-left: 33.33333%;
      
      .nav {
        .destinations {
          padding: 5%;
        }
      }
    }
    
    #right-pane {
      //width: 66.66666%;
      //margin-left: 33.33333%;     
      
      .boxes {
        padding-left: 33.33333%;        
      }
    }
    
    // Temporary until 7th destination launched
    &.full {
      .lightboxPanel {
        width: 100%;
        margin-left: 0%;
      }
    }
    &.full, &.fullscreen {
      .lightboxPanel {
        //width: 100%;
        //margin-left: 0%;
        
        .nav .destinations li {
          //width: 24%;
          // Temporary until 7th destination launched
          width: 32.33333%;
          
          border-width: 0px !important;
          border-right-width: 1px !important;       
          //box-shadow: inset -3px 0 0 0 #f1f1f2;
          //-webkit-box-shadow: inset -3px 0 0 0 #f1f1f2;
          //-moz-box-shadow: inset -3px 0 0 0 #f1f1f2;
          // Temporary until 7th destination launched
          box-shadow: inset -3px 0 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
          -webkit-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;
          -moz-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 0 -3px 0 0 #f1f1f2;    
          
          // Temporary until 7th destination launched
          //&:nth-child(n+2), &:nth-child(n+3) {
            //box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
            //-webkit-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
            //-moz-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
          //}
          
          //&:nth-child(n+4) {
            //border-right-width: 0px !important;
            //box-shadow: inset 3px 0 0 0 #f1f1f2;
            //-webkit-box-shadow: inset 3px 0 0 0 #f1f1f2;
            //-moz-box-shadow: inset 3px 0 0 0 #f1f1f2;
          //}
          
          &:nth-child(n+1) {
            border-bottom-width: 1px !important;  
          }
          
          &:nth-child(n+2) {
            border-bottom-width: 1px !important;  
            box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px -3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px -3px 0 0 #f1f1f2;
            -moz-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px -3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+3) {
            border-bottom-width: 1px !important;  
            border-right-width: 0px !important;
            box-shadow: inset 3px -3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset 3px -3px 0 0 #f1f1f2;
            -moz-box-shadow: inset 3px -3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+4) {
            border-right-width: 1px !important;
            box-shadow: inset -3px 3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset -3px 3px 0 0 #f1f1f2;
            -moz-box-shadow: inset -3px 3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+5) {
            border-right-width: 1px !important;
            box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 3px 0 0 #f1f1f2;
            -moz-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+6) {
            border-right-width: 0px !important;
            box-shadow: inset 3px 3px 0 0 #f1f1f2;
            -webkit-box-shadow: inset 3px 3px 0 0 #f1f1f2;
            -moz-box-shadow: inset 3px 3px 0 0 #f1f1f2;
          }
          
          &:nth-child(n+4), &:nth-child(n+5), &:nth-child(n+6) {
            border-bottom: none;
          }
        }
      }
    }
  }
  
  #home_view, #destination_page_view {  
    #info-box {
      width: 430px;
    }
    &.full {
      #right-pane {
        .boxes {
          padding-left: 0;
        }
      }
    }
    #arrows {
      //display: block;
    }
  }
  
  #destination_page_view {
    .background, #video-overlay {
      width: 66.66666%;
      margin-left: 33.33333%;
    }
    
    .click-overlay {
      //width: 66.66666%;
    }
    
    &.full {
      width: 100%;
      margin-left: 0;
      
      .click-overlay {
        margin-left: 0;
        width: 100%;
      }
      
      #right-pane {
        margin-left: 0;
        width: 100%;
        
        .navigator {
          &.static {
            left: -webkit-calc(49% + 185px);
            left: -moz-calc(49% + 185px);
            left: calc(49% + 185px);
          }
        }
      }
      
      .background {
        width: 100%;
        margin-left: 0;
      }
    }
    
    #right-pane {
      #arrows {
        top: 315px;
        //display: block;
        //right: 150px;
      }
      
      .navigator {
        //right: 10px;
        right: auto;
        width: 200px;
        left: -webkit-calc(49% + 185px);
        left: -moz-calc(49% + 185px);
        left: calc(49% + 185px);
        
        &.static {
          left: -webkit-calc(23.475% + 185px);
          left: -moz-calc(23.475% + 185px);
          left: calc(23.475% + 185px);
        }
        
        ul {
          li {
            width: 85%;
            padding-top: 15px;
            height: 30px;
            text-indent: 15px;
            float: right;
            
            &.current {
              width: 100%;
              text-indent: 45px;
              background: url(../images/white-cursors.png) no-repeat 15px 8px #5fb6e6;
            }
          }
        }
      }
      
      #arrows {
        &.static {
          position: absolute;
          top: 1515px;
          left: 33.33333%;
        }
      }
    }
    
    .dest-features {

      .feature {
        float: left;
        width: 45%;
        margin: 2.5%;
        
        &:first-child {
          margin-top: 2.5%;
        }
        
        img {
          width: 100%;
          margin: 0;
          float: none;
        }

        header {
          padding: 4%;
        }
      }
    }
  }
}

//@media screen and (min-width: 960px) {
@media screen and (min-width: 1024px) {
  #home_view, #destination_page_view {
    
    #info-box {
      top: 15px;
      right: 15px;
    }
    #right-pane {
    
      .info-toggle {
        top: 15px;
        right: 15px;
      }
      
      #arrows {
        margin-left: 292px;
        padding-left: 14.66666%;
      }

    }
  }
  
  #home_view {
    .lightboxPanel {
      .nav .destinations li {
        width: 24%;
        border-width: 0px !important;
        border-right-width: 1px !important;       
        box-shadow: inset -3px 0 0 0 #f1f1f2;
        -webkit-box-shadow: inset -3px 0 0 0 #f1f1f2;
        -moz-box-shadow: inset -3px 0 0 0 #f1f1f2;
        &:nth-child(n+2), &:nth-child(n+3) {
          box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
          -webkit-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
          -moz-box-shadow: inset -3px 0 0 0 #f1f1f2, inset 3px 0 0 0 #f1f1f2;
        }
        
        &:nth-child(n+4) {
          border-right-width: 0px !important;
          box-shadow: inset 3px 0 0 0 #f1f1f2;
          -webkit-box-shadow: inset 3px 0 0 0 #f1f1f2;
          -moz-box-shadow: inset 3px 0 0 0 #f1f1f2;
        }
      }
    }
    &.full {
      .lightboxPanel {
        width: 100%;
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        margin-left: 60px;
      }
    }
    #right-pane {
      .boxes {
          width: 565px;
        //padding-left: 29.33333%;
        padding-left: 33.33333%;

        .box {
          .price-tag {
            width: 60%;
            height: 60%;
          }
          .text-wrap {            
            margin-right: -215px;
            -webkit-box-shadow: inset 10px 0 rgba(0,0,0,0.15);
            -moz-box-shadow: inset 10px 0 rgba(0,0,0,0.15);
            box-shadow: inset 10px 0 rgba(0,0,0,0.15);
            //width: 155px;
            //padding: 20px 30px;
            //height: 145px;
            width: 170px;
            padding: 15px 20px 15px 25px;
            
            .long-text {
              position: absolute;
              left: -350px;
              width: 300px;
              height: 340px;
              padding: 10px 25px 0;
              top: 0;
              background-color: rgba(163, 191, 181, 0.9);
              //background-color: rgba(188, 210, 202, 0.85);
              //background-color: rgba(216, 193, 218, 0.85);
              
              p {
                //padding: 0 25px;
                font-size: 1.125em;
              }
            }
          }

          &#box1 {
            .text-wrap {
              //background-color: #d8c1da;
              background-color: #c3cbe2;
            }
          }
          &#box2 {
            .text-wrap {
              //background-color: #9ab3be;
              background-color: #cdaccd;
            }
          }

          &#box3 {
            .text-wrap {
              //background-color: #dbc1d6;
              background-color: #7cacdc;
              //height: 135px;
              //width: 155px;
              //padding: 20px 30px;
              
              //p {
                //font-size: 1.125em;
                //margin-top: 15px;
              //}
            }
          }

          &#box4 {
            .text-wrap {
              //background-color: #bcd2ca;
              background-color: #b3c4c9;
              //height: 320px;
              width: 170px;
            }
          }
        }
      }
    }
  }
  
  #destination_page_view {
    #right-pane {
      #arrows {
        right: 150px;
      }
      
      .navigator {
        
        ul {
          li {
            float: none;
            
            &.current {
              text-indent: 35px;
              background-position: 10px 8px;
            }
          }
        }
      }
      
      .boxes {
        //margin-left: 115px;
        margin-right: 220px;
      }
      .navigator {
        left: auto;
        right: 10px;
        
        &.static {
          left: auto;
          right: 10px;
        }
      }
    }
    
    &.full {
      width: 100%;
      width: -webkit-calc(100% - 60px);
      width: -moz-calc(100% - 60px);
      width: calc(100% - 60px);
      margin-left: 60px;
      
      #right-pane {
        .boxes {
          margin-right: auto;
          margin-left: auto;
        }
        
        .navigator {
          right: auto;
          left: -webkit-calc(50% + 215px);
          left: -moz-calc(50% + 215px);
          left: calc(50% + 215px);
          
          &.static {
            right: auto;
            left: -webkit-calc(50% + 185px);
            left: -moz-calc(50% + 185px);
            left: calc(50% + 185px);
          }
        }
      }
      
      .dest-features {
        .feature {
          width: 28.33333%;
        }
      }
    }
  }
}

@media screen and (min-width: 1024px) {
  #home_view, #destination_page_view {
    .lightboxPanel {
      .nav {
        .destinations {
          li {
            a {
              background-size: auto 102px;
              -webkit-background-size: auto 102px;
              -moz-background-size: auto 102px;
              -o-background-size: auto 102px;
              //-ms-behavior: url(/backgroundsize.min.htc);
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 1190px) {
  #destination_page_view {
    #right-pane {
      #arrows {
      }
      
      .navigator {
        right: auto;
        left: -webkit-calc(66.66666% + 185px);
        left: -moz-calc(66.66666% + 185px);
        left: calc(66.66666% + 185px);
        
        &.static {
          left: -webkit-calc(50% + 185px);
          left: -moz-calc(50% + 185px);
          left: calc(50% + 185px);
        }
      }
      .boxes {
        margin-right: auto;
        margin-left: auto;
      }
    }
  }
}

@media screen and (min-width: 1300px) {
  #home_view {
    width: 100%;
    
    .lightboxPanel {
      width: calc(100% - 433px);
      width: -moz-calc(100% - 433px);
      width: -webkit-calc(100% - 433px);
      margin-left: 433px;
    }
    
    &.full {
      .lightboxPanel {
        width: 100%;
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        margin-left: 60px;
      }
    }
    
    #right-pane {       
      .boxes {
        padding-left: 433px;        
      }
    }
  }
  #home_view, #destination_page_view {
    background-color: white;
    
    .background, .click-overlay, #video-overlay {
    }
    &.full {
      #right-pane {
        .boxes {
          padding-left: 0;
        }
      }
    }
  }
  #destination_page_view {
    width: calc(100% - 433px);
    width: -moz-calc(100% - 433px);
    width: -webkit-calc(100% - 433px);
    margin-left: 433px;
    
    &.full {
      width: 100%;
      width: calc(100% - 60px);
      width: -moz-calc(100% - 60px);
      width: -webkit-calc(100% - 60px);
      margin-left: 60px;
      
      #right-pane {
        .navigator {
          left: -webkit-calc(50% + 215px);
          left: -moz-calc(50% + 215px);
          left: calc(50% + 215px);
          
          &.static {
            left: -webkit-calc(50% + 185px);
            left: -moz-calc(50% + 185px);
            left: calc(50% + 185px);
          }
        }
      }
    }
    
    #right-pane {
      .navigator {
        left: -webkit-calc(50% + 401px);
        left: -moz-calc(50% + 401px);
        left: calc(50% + 401px);
        
        &.static {
          left: -webkit-calc(50% + 184px);
          left: -moz-calc(50% + 184px);
          left: calc(50% + 184px);
        }
      }
    }
  }
}

// Homepage for iPad
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  // ie9 doesnt support device-width so make sure it doesnt use this
  .not-ie9 {
    #home_view {
      //overflow-y: hidden;

      #arrows {
        display: block;
      }

      .anchors {
        //margin-top: -160px;
      }

      #right-pane {

        .boxes {
          //margin: 0 80px 0 37px;
          margin-left: 37px;
        }
      }

      &.full {    
        #right-pane {
          .boxes {
            margin-left: auto;
          }
        }
      }
    }

    body {
      //overflow-y: hidden;
    }

    #destination_page_view {

      #right-pane {
        #video-fallback {
          //background: url(../images/video-bg.jpg) no-repeat center center white;
          background: url(../images/video-bg.jpg) no-repeat fixed left top white;
          //background: url(../images/london-video.jpg) no-repeat fixed left top white;
          background-size: auto 768px;
          -webkit-background-size: auto 768px;
          -moz-background-size: auto 768px;
          -o-background-size: auto 768px;
          //-ms-behavior: url(/backgroundsize.min.htc);
          opacity: 0.75 !important
        }

        #video-wrapper {
          display: none;
          
          #player {
            display: none;
          }
        }
        #arrows {
          display: block;
          left: auto;
        }
        .boxes {
          margin-left: 115px;
        }
        .navigator {
          left: auto;
          right: 10px;

          &.static {
            left: auto;
            right: 10px;
          }
        }
      }

      &.full {
        margin-left: 0;
        width: 100%;

        #right-pane {
          #arrows {
            left: 50%;
            margin-left: 182px;
          }
          .boxes {
            margin-left: auto;
          }
          .navigator {
            left: auto;
            right: 130px;

            &.static {
              left: auto;
              right: 130px;
            }
          }
        }

        .dest-features {
          margin-left: 63px;
        }
      }
    }
  }
}



// Homepage for iPad portrait
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .not-ie9 {
    #home_view {
      #right-pane {
        //padding-bottom: 150px;

        .boxes {
          //margin: 0 100px 0 61px;
          //margin: 0 auto;
          margin-left: auto;
        }
      }
    }

    #destination_page_view {
      #right-pane {
        #video-fallback {
          background-size: auto 1024px;
          -webkit-background-size: auto 1024px;
          -moz-background-size: auto 1024px;
          -o-background-size: auto 1024px;
          //-ms-behavior: url(/backgroundsize.min.htc);
        }
        #arrows {
          //margin-left: 185px;       
          left: 50%;
          
          &.static {
            margin-left: 100px;
          }   
        }

        .boxes { 
          margin-left: auto;
        }
      }
      &.full {
        #right-pane {
          #arrows {
            margin-left: 185px;
          }
          .navigator {
            left: auto;
            right: 130px;

            &.static {
              left: auto;
              right: 130px;
            }
          }
        }

        .dest-features {
          margin-left: 0px;
        }
      }

      .dest-features {
        overflow: hidden;
      }
    }
  }
}

@media screen and (min-height: 800px) {
  #home_view {
    .lightboxPanel {
      padding-bottom: 100px;
    }
  }
}

@media screen and (min-height: 900px) {
  #home_view {
    .lightboxPanel {
      padding-bottom: 200px;
    }
  }
}

@media screen and (min-height: 1025px) {
  #home_view {
    .lightboxPanel {
      padding-bottom: 300px;
    }
  }
}

// Temporary until features ready
@media screen and (max-width: 599px) {
  #destination_page_view {
    position: absolute;
    
    .dest-features {
      display: none;
    }
  }
}*/
/* Create Itinerary */
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.btnMap span {
  position: relative;
  top: 40px;
  left: 20px;
  text-transform: uppercase;
  color: #000000;
  background: url(../images/map-icon-green.png) no-repeat;
  background-size: 20%;
  background-position-y: 20px; }
.btnMap img {
  width: 95%;
  height: auto;
  margin: 10px;
  margin-top: 33px; }


.trip-builder {
  min-height: 100%; }
  .trip-builder #content {
    min-height: 100%;
    background-color: white; }
  .trip-builder .sidebar .share {
    display: none; }

#create_itinerary_view .sidebar .map-toggle {
  display: block; }
  #create_itinerary_view .sidebar .map-toggle a {
    display: block; }

@media screen and (min-width: 600px) and (max-width: 767px) {
  #create_itinerary_view #buttonPersonalise {
    margin-left: 1px;
    color: black; }
  #create_itinerary_view #buttonSave {
    padding-left: 31px;
    color: black;
    cursor: pointer; }
  #create_itinerary_view .create-actions-customise {
    background-size: 0px 0px; }
  #create_itinerary_view .create-actions-save {
    background-size: 0px 0px; }
  #create_itinerary_view .sidebar .map-toggle {
    margin-left: 34%;
    margin-left: -webkit-calc(40% - 40px);
    margin-left: -moz-calc(40% - 40px);
    margin-left: -o-calc(40% - 40px);
    margin-left: -ms-calc(40% - 40px);
    margin-left: calc(unquote(40% - 40px));
    z-index: 1;
    position: fixed; } }

.itinerary-editor {
  float: left;
  width: 100%;
  /* for chrome fixed parent responsive issue */ }
  .itinerary-editor .editor-wrapper {
    width: 100%; }
  .itinerary-editor header {
    background-color: white;
    color: black;
    width: 100%;
    border-width: 80%;
    text-align: center;
    height: 40px; }
    .itinerary-editor header h1 {
      margin: 0;
      font-size: 14px;
      color: #686867;
      padding-top: 11px;
      line-height: normal;
      font-family: "Georgia";
      padding-bottom: 6px; }

.day-selector {
  clear: both;
  padding: 0; }
  .day-selector ul {
    height: 35px;
    overflow: hidden;
    position: relative;
    /*z-index: 500;*/ }
    .day-selector ul li {
      height: 33px;
      padding-bottom: 2px;
      width: 100%;
      display: none; }
      .day-selector ul li.cat {
        width: 100%;
        margin: 0; }
        .day-selector ul li.cat a {
          font-size: 17px;
          color: black;
          text-transform: uppercase; }
        .day-selector ul li.cat.active a {
          background-color: #FFFFFF; }
      .day-selector ul li a {
        color: #333;
        display: block;
        text-align: center;
        padding-top: 9px;
        background-color: #FFFFFF;
        position: relative;
        height: 24px;
        font-size: 0.9em; }
        .day-selector ul li a:hover {
          background-color: #999797; }
      .day-selector ul li.active {
        display: block; }
      .day-selector ul li.opener {
        position: absolute;
        display: none;
        background: url(../images/day-select-cursor-333.png) no-repeat 94% 12px transparent;
        /*        background-color: white;
*/
        color: black;
        cursor: pointer;
        background-position-x: 61%;
        background-position-y: 15px;
        top: 0;
        background-size: 11px !important;
        -webkit-background-size: 14px auto;
        -moz-background-size: 14px auto;
        -o-background-size: 14px auto; }
      .day-selector ul li.add {
        margin-left: 0;
        background-color: #FFFFFF; }
        .day-selector ul li.add.hidden {
          display: none; }
      .day-selector ul li.remove {
        margin-right: 0;
        background-color: #FFFFFF; }
    .day-selector ul.days4 li.remove {
      display: none; }
    .day-selector ul.days3 li.opener, .day-selector ul.days4 li.opener, .day-selector ul.days5 li.opener, .day-selector ul.days6 li.opener, .day-selector ul.days7 li.opener, .day-selector ul.days8 li.opener, .day-selector ul.days9 li.opener, .day-selector ul.days10 li.opener, .day-selector ul.days11 li.opener {
      display: block; }
    .day-selector ul.open {
      overflow: visible;
      height: auto; }
      .day-selector ul.open li {
        display: block; }
        .day-selector ul.open li.active {
          background-color: #7f7c7c; }
          .day-selector ul.open li.active a {
            background-image: none;
            background-color: #FFFFFF; }
            .day-selector ul.open li.active a:hover {
              background-color: #999797; }
          .day-selector ul.open li.active.cat a {
            background-color: #FFFFFF; }
        .day-selector ul.open li.opener {
          display: none; }

.time-selector {
  height: 35px;
  margin: 10px 2.5% 0;
  position: relative;
  margin-bottom: 10px;
  width: 98%; }
  .time-selector li {
    width: 27%;
    height: 30px;
    float: left;
    text-align: center;
    padding: 0 0 4px;
    display: block;
    /* Morning */
    /* Evening */ }
    .time-selector li a {
      display: block;
      position: relative;
      font-size: 12px;
      line-height: 21px;
      height: 22px;
      padding-top: 7px;
      margin-bottom: 1px;
      color: #7F7E80;
      text-transform: uppercase; }
      .time-selector li a:hover {
        border-top: 3px solid #C8C7C7; }
    .time-selector li.active a {
      color: #FF0000;
      line-height: 21px; }
    .time-selector li.cat0 {
      width: 32%;
      border: 1px solid #C8C7C7;
      border-right: 1px solid #C8C7C7; }
    .time-selector li.cat1 {
      width: 32%;
      border-top: 1px solid #C8C7C7;
      border-bottom: 1px solid #C8C7C7;
      border-right: 1px solid #C8C7C7; }
    .time-selector li.cat2 {
      width: 32%;
      border: 1px solid #C8C7C7; }

.time-selected {
  margin: -1px 2.5% 0;
  display: block; }
  .time-selected.Morning .cal-toggle {
    color: #fdb714;
    background-position: left top; }
  .time-selected.Evening .cal-toggle {
    color: #5a6f94;
    background-position: left -60px; }
  .time-selected .time-header {
    display: none; }
  .time-selected .poi-list {
    clear: both; }
    .time-selected .poi-list.similar {
      padding-bottom: 20px;
      margin-bottom: 10px;
      border-bottom: 1px dotted #5ec5c2; }
      .time-selected .poi-list.similar .poi-preview {
        cursor: pointer; }
        .time-selected .poi-list.similar .poi-preview .distance .method span, .time-selected .poi-list.similar .poi-preview .distance .method a {
          cursor: pointer; }
    .time-selected .poi-list .poi-preview {
      clear: both;
      position: relative; }
      .time-selected .poi-list .poi-preview.selected .top .hide {
        display: block;
        background-color: transparent;
        padding-left: 7px; }
      .time-selected .poi-list .poi-preview .distance {
        display: inline-block; }
        .time-selected .poi-list .poi-preview .distance .method {
          padding: 0 0 0 15px;
          font-size: 0.66666em; }
          .time-selected .poi-list .poi-preview .distance .method span, .time-selected .poi-list .poi-preview .distance .method a {
            display: block;
            position: relative;
            padding-left: 5px;
            color: #686867;
            float: none;
            margin-right: 0;
            cursor: default;
            font-size: 1.5em; }
            .time-selected .poi-list .poi-preview .distance .method span span, .time-selected .poi-list .poi-preview .distance .method a span {
              font-size: inherit; }
          .time-selected .poi-list .poi-preview .distance .method a {
            padding-left: 0; }
          .time-selected .poi-list .poi-preview .distance .method span.method-label {
            display: none; }
          .time-selected .poi-list .poi-preview .distance .method.walk {
            background: url(../images/walk-icon.png) no-repeat 3px center;
            background-size: 10px;
            margin-left: 68px;
            margin-top: -5px; }
          .time-selected .poi-list .poi-preview .distance .method.selected.active a {
            background-position: 40px -41px; }
      .time-selected .poi-list .poi-preview .distance-selector.active {
        overflow: visible; }
      .time-selected .poi-list .poi-preview .image-wrap {
        display: inline-block;
        width: 75px; }
        .time-selected .poi-list .poi-preview .image-wrap .btnRemoveFromItinerary {
          display: none;
          position: absolute;
          right: 0;
          text-indent: -9999px;
          width: 30px;
          height: 30px;
          background: url(../images/remove-icon-small.png) center center no-repeat;
          top: 0;
          right: 0;
          position: absolute; }
        .time-selected .poi-list .poi-preview .image-wrap img {
          width: 100%;
          height: auto;
          min-width: 75px;
          vertical-align: bottom; }
      .time-selected .poi-list .poi-preview .poi-info {
        border: none; }
        .time-selected .poi-list .poi-preview .poi-info a {
          color: #000000;
          font-size: 16px;
          margin-top: 12px; }
        .time-selected .poi-list .poi-preview .poi-info .symbol {
          display: inline-block;
          font-size: 15px; }
        .time-selected .poi-list .poi-preview .poi-info .unmissable {
          position: absolute;
          width: 30px;
          height: 30px;
          background: url(../images/star-white.png) no-repeat center center #fdb714;
          text-indent: -9999px;
          background-size: 16px 16px;
          -moz-background-size: 16px 16px;
          -webkit-background-size: 16px 16px;
          -o-background-size: 16px 16px;
          /*-ms-behavior: url(/backgroundsize.min.htc);*/ }
      .time-selected .poi-list .poi-preview .poi-options {
        display: none; }
      .time-selected .poi-list .poi-preview .practicalities {
        display: none; }
      .time-selected .poi-list .poi-preview:nth-child(1) .distance .method span.method-label {
        display: inline;
        font-size: 12px; }
      .time-selected .poi-list .poi-preview:nth-child(1) .distance .method span.km {
        display: none; }
    .time-selected .poi-list.manage .poi-preview .image-wrap .btnRemoveFromItinerary {
      display: block; }
  .time-selected #listOfPOIs .poi-preview {
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
    width: 100%; }
    .time-selected #listOfPOIs .poi-preview .price {
      display: inline-block;
      color: #686867;
      margin-left: -4px; }
      .time-selected #listOfPOIs .poi-preview .price span {
        text-transform: lowercase;
        font-size: 12px; }
    .time-selected #listOfPOIs .poi-preview .poi-preview-container {
      float: left;
      border: 1px solid #C8C7C7;
      position: relative;
      min-height: 75px;
      width: 85%;
      width: calc(100% - 30px); }
      .time-selected #listOfPOIs .poi-preview .poi-preview-container .btnRemoveFromItinerary {
        display: inline-block;
        float: right;
        text-indent: -9999px;
        height: 30px;
        background: url(../images/remove-icon-small.png) center center no-repeat;
        top: 0;
        right: 0;
        position: absolute;
        background-size: 10px;
        background-position: 24px 0px; }
  .time-selected #listOfPOIs .manage-buttons {
    display: inline-block;
    width: 22px;
    margin-left: 6px;
    margin-right: 0; }
    .time-selected #listOfPOIs .manage-buttons .order {
      background: url(../images/up-arrow.png) center center no-repeat #FFFFFF;
      background-size: 50%;
      border: 1px solid #A6A4A4;
      width: 22px;
      height: 22px;
      text-indent: -9999px; }
      .time-selected #listOfPOIs .manage-buttons .order.down {
        background: url(../images/down-arrow.png) center center no-repeat #FFFFFF;
        background-size: 50%; }
    .time-selected #listOfPOIs .manage-buttons .move-options {
      background: url(../images/clock-icon.png) center center no-repeat #FFFFFF;
      background: url(../images/clock-icon.png) center center no-repeat #FFFFFF;
      background-size: 50%;
      margin-top: 5.5px;
      margin-bottom: 6px;
      border: 1px solid #A6A4A4;
      width: 22px;
      height: 22px;
      text-indent: -9999px; }
  .time-selected #listOfPOIs.empty {
    width: 100%; }
  .time-selected #listOfPOIs .holding-copy {
    text-align: left; }

#buttonPersonalise {
  margin-left: 10px;
  color: black; }

#buttonSave {
  padding-left: 36px;
  color: black;
  cursor: pointer; }

.create-actions-customise {
  width: 43%;
  border: 1px solid #C8C7C7;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
  margin-left: 10px;
  color: black;
  position: absolute;
  line-height: 39px;
  text-transform: uppercase;
  font-size: 0.7em;
  background: url(../images/customise-icon.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center left 5px; }

.create-actions-save {
  width: 45%;
  border: 1px solid #C8C7C7;
  margin-left: 52.5%;
  font-size: 12px;
  margin-top: 10px;
  line-height: 39px;
  text-transform: uppercase;
  color: black;
  position: absolute;
  background: url(../images/save-icon.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center left 5px; }

.trip_map {
  color: black;
  margin-top: 40px;
  margin-left: 40px;
  position: absolute;
  text-transform: uppercase; }

.trip_map_icon {
  content: url(../images/map-icon-green.png);
  width: 18px;
  margin-top: 37px;
  position: absolute;
  margin-left: 18px; }

.create-actions {
  margin: 20px 2.5% 0;
  display: block;
  position: relative;
  margin-bottom: 20px; }
  .create-actions img {
    height: 22px;
    width: 22px;
    margin-right: 6px; }
  .create-actions #buttonPersonalise {
    width: 95%; }
  .create-actions button, .create-actions a {
    display: block;
    text-align: left;
    padding: 6px;
    text-transform: uppercase;
    color: black;
    border: 2px solid #C8C7C7;
    background-color: white !important;
    font-size: 0.9em;
    margin-top: 10px; }
    .create-actions button:hover, .create-actions a:hover {
      border-top: 3px solid #C8C7C7; }
    .create-actions button.copy, .create-actions a.copy {
      width: 100%;
      float: none; }
    .create-actions button.hidden, .create-actions a.hidden {
      display: none; }

#poi-manage {
  position: absolute;
  z-index: 2;
  background-color: white;
  border: 1px solid #A6A4A4;
  padding: 5%;
  width: 90%;
  min-width: 210px;
  right: 0px;
  top: 25px;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1); }
  #poi-manage .move-day {
    height: 30px;
    padding: 6% 0; }
    #poi-manage .move-day button {
      padding: 0;
      height: 30px;
      width: 15%;
      background: url(../images/toggle-cursor.png) no-repeat center -44px #FF0000;
      text-indent: -9999px;
      float: left; }
      #poi-manage .move-day button.disabled {
        background-color: #eee;
        cursor: default; }
      #poi-manage .move-day button.next-day {
        border: 1px solid #A6A4A4;
        background-position: center -4px; }
    #poi-manage .move-day ul {
      width: 69%;
      height: 28px;
      background-color: white;
      float: left;
      overflow: hidden;
      border: 1px solid #A6A4A4; }
      #poi-manage .move-day ul li {
        width: 100%;
        display: none;
        height: 25px;
        padding-top: 5px;
        background-color: white;
        color: #666;
        text-align: center; }
        #poi-manage .move-day ul li.selected {
          display: block; }
  #poi-manage .move-time {
    height: 30px;
    margin: 6% 0 12%;
    border: 1px solid #999; }
    #poi-manage .move-time li {
      width: 33%;
      text-align: center;
      color: #666;
      height: 22px;
      padding-top: 8px;
      float: left;
      font-size: 0.875em;
      cursor: pointer; }
      #poi-manage .move-time li.Afternoon {
        border-left: 1px solid #C8C7C7;
        border-right: 1px solid #C8C7C7; }
      #poi-manage .move-time li.selected {
        background-color: white;
        color: red; }
  #poi-manage .move-actions {
    margin: 0 0 6%; }
    #poi-manage .move-actions button {
      width: 48%;
      display: block;
      text-align: center;
      padding: 10px 0 7px;
      background-color: #FFFFFF;
      color: #000000;
      border: 1px solid #C8C7C7;
      text-transform: uppercase;
      float: left; }
      #poi-manage .move-actions button:hover {
        border-top: 3px solid; }
      #poi-manage .move-actions button.move {
        float: right;
        width: none;
        height: none; }

.start-options {
  width: 100%;
  float: left;
  position: relative; }
  .start-options.hidden-mobile {
    display: none; }
  .start-options header {
    width: 100%;
    text-align: center;
    display: none; }
    .start-options header h2 {
      background-color: #fff;
      color: black;
      margin: 0;
      padding-top: 11px;
      line-height: normal;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 2.3625em;
      padding-bottom: 10px; }
    .start-options header .search-bar {
      height: 33px;
      border-bottom: 2px solid #eee;
      position: relative;
      background-color: white;
      border: 1px solid #ccc9c8;
      width: 80%;
      margin-left: 45px;
      margin-top: 5px; }
      .start-options header .search-bar .text-input {
        border: none;
        width: 99%;
        margin: 0 auto;
        font-size: 0.8em;
        color: black;
        /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
        font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
        font-weight: normal;
        padding: 2px 0 0;
        font-weight: normal;
        height: 27px;
        padding-left: 5px;
        margin-top: 2px !important; }
        .start-options header .search-bar .text-input::-webkit-input-placeholder {
          color: #ccc9c8; }
        .start-options header .search-bar .text-input:-moz-placeholder {
          color: #ccc9c8; }
        .start-options header .search-bar .text-input::-moz-placeholder {
          color: #ccc9c8; }
        .start-options header .search-bar .text-input:-ms-input-placeholder {
          color: #ccc9c8; }
      .start-options header .search-bar .search-submit {
        background-color: #FF0000;
        border: none;
        height: 21px;
        width: 21px;
        padding: 6px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        cursor: pointer;
        margin: 0;
        background-size: 44px 44px; }
  .start-options .featured_trips_new_trip {
    text-align: center;
    width: 90%;
    margin-left: 5%; }
  .start-options ul {
    padding: 2.5%;
    width: 95%;
    text-align: center; }
    .start-options ul li {
      width: 49%;
      display: inline-block;
      text-align: center; }
      .start-options ul li:nth-child(even) {
        border-right: none; }
      .start-options ul li:nth-child(n+5) {
        border-bottom: none; }
      .start-options ul li a {
        color: black;
        font-size: 0.8125;
        background: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/top_getty_181901029_gkdasm.jpg) no-repeat center 20px;
        background-size: 182px 155px !important;
        /* -moz-background-size: auto 42.66666%;
                -o-background-size: auto 42.66666%;
                -webkit-background-size: auto 42.66666%;*/
        display: inline-block;
        position: relative;
        padding: 190px 8% 0%;
        vertical-align: top;
        /*height: 55px;*/
        margin-top: 10px; }
        .start-options ul li a:hover {
          background-color: white; }
      .start-options ul li.whats-on a {
        background-image: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/whats_on_getty_476806565_h3hilf.jpg);
        background-size: 182px 155px;
        margin-top: 10px; }
      .start-options ul li.nearby a {
        background-image: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/map_getty_200368569_001_rfykwu.jpg);
        background-size: 182px 155px;
        margin-top: 10px; }
      .start-options ul li.food a {
        background-image: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/food_getty_494807887_gyroj3.jpg);
        background-size: 182px 155px;
        margin-top: 10px; }
      .start-options ul li.favourites a {
        background-image: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/favourites_getty_502712303_zy0ds7.jpg);
        background-size: 182px 155px;
        margin-top: 10px; }
      .start-options ul li.interests a {
        background-image: url(http://res.cloudinary.com/dk/image/upload/c_scale,w_364/v1408621819/categories_dreamstime_9727191_ukcijg.jpg);
        background-size: 182px 155px;
        margin-top: 10px; }
      .start-options ul li .displaySubText {
        font-size: 0.7em;
        margin-left: 4px;
        color: #686867;
        margin-top: 8px; }
      .start-options ul li.disabled a {
        opacity: 0.25;
        cursor: default; }
  .start-options .browse-link {
    width: 100%; }
    .start-options .browse-link a {
      background-color: #444;
      color: white;
      display: block;
      position: relative;
      text-align: center;
      padding: 19px 0 15px;
      width: 100%; }
      .start-options .browse-link a span {
        display: block; }
      .start-options .browse-link a:hover {
        background-color: black; }

.trip-builder .sidebar .map-toggle, #browse_itinerary_view .sidebar .map-toggle {
  display: none; }

#show_itinerary_view .day-selector.hidden {
  display: none; }
#show_itinerary_view .create-actions a, #show_itinerary_view .create-actions button {
  float: none;
  text-align: center;
  background: url(../images/save-icon.png);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center left 45px; }

#browse_itinerary_view .view-close, .trip-storage .view-close {
  display: none; }

@media screen and (min-width: 600px) {
  .displaySubText {
    font-size: 0.7em;
    margin-left: 4px;
    color: #686867;
    margin-top: 8px; }
  .category_title {
    margin-top: 85px !important; }
  .featured_trips_new_trip_create {
    width: 91% !important;
    height: 152px;
    margin-bottom: 5px !important;
    text-align: center;
    border: none;
    margin-left: 4.5%;
    margin-top: -27px;
    background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188297/featured-trips_qktvku.jpg") center no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%; }
  .search-bar {
    height: 33px;
    border-bottom: 2px solid #eee;
    position: relative;
    background-color: white;
    border: 1px solid #ccc9c8;
    width: 93% !important;
    margin-left: 4% !important;
    margin-top: 5px; }
  .trip-builder {
    height: 100%; }
    .trip-builder #content {
      background-color: transparent;
      height: 100%; }
    .trip-builder .sidebar .map-toggle {
      margin-left: 40%; }
    .trip-builder.hideSidebar .sidebar {
      display: none; }
  .itinerary-editor {
    width: 40%;
    position: fixed;
    float: none;
    overflow-x: hidden;
    background-color: white;
    height: 100%;
    overflow-y: auto;
    z-index: 1;
    -webkit-box-shadow: inset -1px 0 #ccc;
    box-shadow: inset -1px 0 #ccc;
    -moz-box-shadow: inset -1px 0 #ccc; }
    .itinerary-editor .editor-wrapper {
      height: 65%;
      position: absolute; }
  #show_itinerary_view {
    width: 40%; }
    #show_itinerary_view .view-close {
      display: none; }
  .start-options {
    margin-left: 40%;
    width: 60%;
    height: 100%; }
    .start-options.hidden-mobile {
      display: block; }
    .start-options header {
      display: block; }
    .start-options ul {
      padding: 0 2.5% 54px; }
      .start-options ul li a {
        padding-top: 90px; }
      .start-options ul li a:hover {
        background-color: white; }
    .start-options .browse-link {
      position: absolute;
      bottom: 0; }
      .start-options .browse-link.static {
        position: relative; }
  #browse_itinerary_view .view-close, .trip-storage .view-close {
    display: none; } }

@media screen and (min-width: 768px) {
  #buttonPersonalise {
    margin-left: 1px;
    color: black; }
  #buttonSave {
    padding-left: 31px;
    color: black;
    cursor: pointer; }
  .create-actions-customise {
    background-size: 0px 0px; }
  .create-actions-save {
    background-size: 0px 0px; }
  .search-bar {
    height: 33px;
    border-bottom: 2px solid #eee;
    position: relative;
    background-color: white;
    border: 1px solid #ccc9c8;
    width: 93.5% !important;
    margin-left: 3% !important;
    margin-top: 5px; }
  .trip-builder .sidebar .share, #browse_itinerary_view .sidebar .share {
    display: block; }
  .trip-builder .sidebar .map-toggle, #browse_itinerary_view .sidebar .map-toggle {
    margin-left: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block; }
    .trip-builder .sidebar .map-toggle a, #browse_itinerary_view .sidebar .map-toggle a {
      background-color: rgba(255, 255, 255, 0.8);
      -moz-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      -o-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 5px 0 rgba(0, 0, 0, 0.2); }
  #browse_itinerary_view .sidebar .map-toggle a {
    cursor: default; }
  .trip-builder .sidebar .map-toggle a {
    background-color: transparent; }
  .itinerary-editor, #show_itinerary_view {
    width: 33.33333%; }
  .start-options {
    width: 58.66666%;
    margin-left: 33.33333%; }
    .start-options ul li {
      width: 32.33333%; }
      .start-options ul li:nth-child(3n+0) {
        border-right: none; }
      .start-options ul li:nth-child(n+4) {
        border-bottom: none; }
    .start-options .browse-link a span {
      display: inline; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .start-options {
    overflow-x: hidden; }
  #create_itinerary_view .sidebar {
    right: auto;
    left: 92%; } }

@media screen and (min-width: 1024px) {
  .displaySubText {
    font-size: 0.7em;
    margin-left: 4px;
    color: #686867;
    margin-top: 5px; }
  .category_title {
    margin-top: 40px !important; }
  .featured_trips_new_trip_create {
    width: 91% !important;
    margin-bottom: 5px !important;
    text-align: center;
    border: none;
    margin-left: 5%;
    margin-top: -27px; }
  .search-bar {
    height: 33px;
    border-bottom: 2px solid #eee;
    position: relative;
    background-color: white;
    border: 1px solid #ccc9c8;
    width: 85% !important;
    margin-left: 7.5% !important;
    margin-top: 5px; }
  .start-options ul li a {
    background-size: auto 110px;
    -moz-background-size: auto 110px;
    -o-background-size: auto 110px;
    -webkit-background-size: auto 110px;
    padding-top: 140px;
    margin-top: 10px; }
  .itinerary-editor {
    width: 27%;
    width: -webkit-calc(33.33333% - 63px);
    width: -moz-calc(33.33333% - 63px);
    width: -o-calc(33.33333% - 63px);
    width: -ms-calc(33.33333% - 63px);
    width: calc(unquote(33.33333% - 63px));
    margin-left: 63px; } }

@media screen and (min-width: 1300px) {
  .start-options .browse-link {
    width: 763px; }
  #buttonPersonalise {
    margin-left: 10px;
    color: black; }
  #buttonSave {
    padding-left: 36px;
    color: black;
    cursor: pointer; }
  .create-actions-customise {
    width: 43%;
    border: 1px solid #C8C7C7;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
    margin-left: 10px;
    color: black;
    position: absolute;
    line-height: 39px;
    text-transform: uppercase;
    font-size: 0.75em;
    background: url(../images/customise-icon.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center left 5px; }
  .create-actions-save {
    width: 45%;
    border: 1px solid #C8C7C7;
    margin-left: 52.5%;
    font-size: 12px;
    margin-top: 10px;
    line-height: 39px;
    text-transform: uppercase;
    color: black;
    position: absolute;
    background: url(../images/save-icon.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center left 5px; }
  .featured_trips_new_trip_create {
    width: 86.5% !important;
    margin-bottom: 5px !important;
    text-align: center;
    border: none;
    margin-left: 7%;
    margin-top: -27px; }
  .search-bar {
    height: 33px;
    border-bottom: 2px solid #eee;
    position: relative;
    background-color: white;
    border: 1px solid #ccc9c8;
    width: 86.5% !important;
    margin-left: 6.8% !important;
    margin-top: 5px; }
  .itinerary-editor, #show_itinerary_view {
    width: 370px !important;
    border-right: 1px solid #A6A4A4; } }

/* Create Itinerary ends */
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.why_register {
  color: #FF0000; }

.tftable {
  font-size: 12px;
  width: 100%;
  background-color: white;
  border-collapse: collapse;
  color: #666; }

.tftable th {
  font-size: 12px;
  padding: 8px;
  text-align: left;
  color: #666; }

.tftable td {
  font-size: 12px;
  border-width: 1px;
  padding: 8px;
  color: #666; }

.payment_text {
  font-size: 1.5em !important; }

.pay_button {
  display: block;
  text-align: center;
  color: white;
  padding: 10px 10px 7px;
  margin: 0 auto;
  height: auto;
  width: 90px;
  background-color: #4EA057;
  text-transform: uppercase; }

#dialog_view {
  position: fixed;
  z-index: 101;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  top: 0;
  overflow-y: auto; }
  #dialog_view .dialog-close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    margin-top: 0.5%;
    height: 35px;
    width: 35px;
    text-indent: -9999px;
    padding: 0;
    background: url(../images/close-grey.png) no-repeat center center transparent;
    border: none !important; }
  #dialog_view #dialog-wrapper {
    background-color: white;
    text-align: center;
    position: relative;
    border: 1px solid #A6A4A4; }
    #dialog_view #dialog-wrapper h2 {
      font-size: 1.55em;
      color: black;
      padding: 15px 35px;
      background-color: white;
      /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
      font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
      font-weight: normal; }
    #dialog_view #dialog-wrapper p {
      color: black;
      margin: 15px; }
      #dialog_view #dialog-wrapper p .small {
        font-size: 0.75em; }
    #dialog_view #dialog-wrapper .dialog-options {
      padding: 0 15px 15px;
      width: 89%;
      margin-left: 15px; }
      #dialog_view #dialog-wrapper .dialog-options a {
        display: block;
        color: black;
        padding: 10px 0 7px;
        margin-bottom: 10px;
        height: auto;
        width: 99%;
        border: 1px solid #A6A4A4;
        margin-right: 10px; }
        #dialog_view #dialog-wrapper .dialog-options a.option-2 {
          background-color: white; }
    #dialog_view #dialog-wrapper .trip_title_table {
      text-align: center;
      font-size: 3em; }
    #dialog_view #dialog-wrapper .table-wrap {
      margin: 15px; }
    #dialog_view #dialog-wrapper table, #dialog_view #dialog-wrapper tr, #dialog_view #dialog-wrapper td, #dialog_view #dialog-wrapper th, #dialog_view #dialog-wrapper tbody {
      border: 0;
      border-collapse: collapse;
      border-spacing: 0 0; }
    #dialog_view #dialog-wrapper table {
      width: 100%;
      color: white; }
    #dialog_view #dialog-wrapper td, #dialog_view #dialog-wrapper th {
      padding: 10px; }
    #dialog_view #dialog-wrapper th {
      background-color: white;
      font-weight: normal;
      text-align: center;
      color: black; }
    #dialog_view #dialog-wrapper td {
      text-align: center; }
      #dialog_view #dialog-wrapper td.price {
        font-size: 1.25em;
        color: #666;
        margin-left: -11px; }
      #dialog_view #dialog-wrapper td.button a {
        display: block;
        text-align: center;
        color: white;
        padding: 10px 10px 7px;
        margin: 0 auto;
        height: auto;
        width: 90px;
        background-color: #4EA057;
        text-transform: uppercase; }
        #dialog_view #dialog-wrapper td.button a:hover {
          border-bottom: none; }
    #dialog_view #dialog-wrapper tr.row-2 td {
      background-color: white;
      border-top: 1px solid #A6A4A4;
      padding-top: 5px; }
    #dialog_view #dialog-wrapper tr.row-1 td {
      color: #666; }
    #dialog_view #dialog-wrapper .dest-wrapper {
      padding: 0 15px; }
      #dialog_view #dialog-wrapper .dest-wrapper ul {
        text-align: center; }
        #dialog_view #dialog-wrapper .dest-wrapper ul li {
          width: 33.33333%;
          float: left;
          display: inline-block;
          margin-bottom: 15px; }
          #dialog_view #dialog-wrapper .dest-wrapper ul li a {
            color: #999;
            text-transform: uppercase; }
            #dialog_view #dialog-wrapper .dest-wrapper ul li a:hover {
              color: black; }
    #dialog_view #dialog-wrapper.pay-for-trip .dialog-options a {
      background-color: #00bed6;
      border-bottom: 3px solid #00a3b8;
      text-transform: uppercase; }
      #dialog_view #dialog-wrapper.pay-for-trip .dialog-options a:hover {
        border-bottom: none;
        border-top: 3px solid #00a3b8; }
    #dialog_view #dialog-wrapper.choose-device .dialog-options a {
      color: black;
      padding-top: 40px;
      margin-top: 15px;
      font-size: 1.25em;
      background: url(../images/apple-grey.png) no-repeat center 10px transparent;
      background-size: auto 25px;
      -o-background-size: auto 25px;
      -webkit-background-size: auto 25px;
      -moz-background-size: auto 25px;
      width: 45%;
      float: left; }
      #dialog_view #dialog-wrapper.choose-device .dialog-options a.option-2 {
        background-color: transparent;
        background-image: url(../images/android.png); }
    #dialog_view #dialog-wrapper .dialog-footer {
      color: #999;
      clear: both; }
      #dialog_view #dialog-wrapper .dialog-footer img {
        height: 20px;
        width: auto;
        vertical-align: top;
        padding-top: 2px;
        margin-left: 5px; }
    #dialog_view #dialog-wrapper.save-your-trip .dialog-options a, #dialog_view #dialog-wrapper.save-paid-trip .dialog-options a {
      width: 48%;
      float: left; }
      #dialog_view #dialog-wrapper.save-your-trip .dialog-options a.option-3, #dialog_view #dialog-wrapper.save-paid-trip .dialog-options a.option-3 {
        clear: both;
        width: 80%;
        padding: 20px 0 0px 20%;
        float: none;
        height: 30px;
        background-color: #4EA057; }
    #dialog_view #dialog-wrapper.login-register .dialog-options a {
      width: 46%;
      float: left; }
      #dialog_view #dialog-wrapper.login-register .dialog-options a.option-1 {
        margin-right: 4%; }
      #dialog_view #dialog-wrapper.login-register .dialog-options a.option-3 {
        clear: both;
        width: 96.5%;
        float: none;
        border-bottom: 3px solid black;
        background-color: white; }
        #dialog_view #dialog-wrapper.login-register .dialog-options a.option-3:hover {
          border-top: 3px solid black;
          border-bottom: none; }
    #dialog_view #dialog-wrapper.login-register .dialog-footer {
      color: black;
      text-align: left; }
      #dialog_view #dialog-wrapper.login-register .dialog-footer h3 {
        /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
        font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin: 20px 0 5px; }
      #dialog_view #dialog-wrapper.login-register .dialog-footer p {
        margin: 0;
        font-size: 0.875em; }
      #dialog_view #dialog-wrapper.login-register .dialog-footer li {
        list-style: inside disc;
        font-size: 0.875em; }
    #dialog_view #dialog-wrapper.login-register-stored .dialog-options a {
      width: 46.5%;
      float: left; }
      #dialog_view #dialog-wrapper.login-register-stored .dialog-options a.option-1 {
        margin-right: 4%; }
    #dialog_view #dialog-wrapper.payment-complete .dialog-options a.option-1 {
      background-color: #00bed6;
      border-bottom: 3px solid #00a3b8;
      text-transform: uppercase; }
      #dialog_view #dialog-wrapper.payment-complete .dialog-options a.option-1:hover {
        border-bottom: none;
        border-top: 3px solid #00a3b8; }
    #dialog_view #dialog-wrapper.payment-complete .dialog-options a.option-2 {
      background-color: transparent;
      color: black;
      text-decoration: underline;
      border-bottom: none;
      margin-bottom: 0; }
      #dialog_view #dialog-wrapper.payment-complete .dialog-options a.option-2:hover {
        text-decoration: none;
        border-top: none; }
  #dialog_view .click-overlay {
    width: 90% !important;
    margin: 0 auto !important;
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -o-calc(100% - 15px);
    width: -ms-calc(100% - 15px);
    width: calc(unquote(100% - 15px)); }

@media screen and (min-width: 540px) {
  #dialog_view #dialog-wrapper {
    width: 594px;
    margin: 10% auto; }
    #dialog_view #dialog-wrapper.save-your-trip .dialog-options a.option-3 {
      width: 100%;
      padding: 25px 0 0 0;
      background-position: 10% center;
      height: 45px;
      text-transform: uppercase; }
    #dialog_view #dialog-wrapper.save-paid-trip .dialog-options a.option-3 {
      width: 100%;
      padding: 25px 0 0 0;
      background-position: 5% center;
      height: 45px; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#gallery_view {
  z-index: 101; }
  #gallery_view #content {
    height: 100%; }
  #gallery_view #carousel {
    position: absolute;
    height: 100%;
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
    height: -o-calc(100% - 44px);
    height: -ms-calc(100% - 44px);
    height: calc(unquote(100% - 44px));
    background-color: #333;
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform-style: preserve-3d; }
    #gallery_view #carousel #carousel-inner {
      width: 100%;
      height: 100%;
      transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      overflow: hidden; }
      #gallery_view #carousel #carousel-inner.animate {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      #gallery_view #carousel #carousel-inner.slides-3 {
        width: 300%;
        min-width: 960px; }
        #gallery_view #carousel #carousel-inner.slides-3 .slide {
          width: 33.33333%; }
    #gallery_view #carousel .slide {
      height: 100%;
      height: -webkit-calc(100% - 60px);
      height: -moz-calc(100% - 60px);
      height: -o-calc(100% - 60px);
      height: -ms-calc(100% - 60px);
      height: calc(unquote(100% - 60px));
      position: relative;
      float: left;
      display: table-cell;
      text-align: center;
      min-width: 320px;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0); }
      #gallery_view #carousel .slide .slide-image {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center; }
      #gallery_view #carousel .slide img {
        max-height: 100%;
        max-width: 100%;
        /*position: absolute;
        bottom: 0;
        left: 0;*/
        vertical-align: bottom;
        cursor: pointer; }
      #gallery_view #carousel .slide .detail {
        position: absolute;
        bottom: -60px;
        width: 100%;
        height: 80px;
        background-color: black;
        color: white;
        text-align: left; }
        #gallery_view #carousel .slide .detail.closed {
          height: 60px; }
        #gallery_view #carousel .slide .detail header {
          padding: 15px 15px 0; }
          #gallery_view #carousel .slide .detail header h1 {
            font-size: 1em; }
        #gallery_view #carousel .slide .detail .description {
          margin: 15px 0;
          display: none;
          padding: 0 15px; }
          #gallery_view #carousel .slide .detail .description p {
            margin: 0; }
        #gallery_view #carousel .slide .detail .caption {
          font-size: 0.75em;
          margin-top: -8px;
          display: none;
          padding: 0 15px; }
        #gallery_view #carousel .slide .detail .detail-toggle {
          color: white;
          float: right;
          text-indent: -9999px;
          width: 22px;
          background: url(../images/white-cursors-vert.png) no-repeat center -28px transparent;
          background-size: 14px 44px;
          -moz-background-size: 14px 44px;
          -webkit-background-size: 14px 44px;
          -o-background-size: 14px 44px; }
        #gallery_view #carousel .slide .detail.display {
          height: auto;
          bottom: -50px; }
          #gallery_view #carousel .slide .detail.display .detail-toggle {
            background-position: center 2px; }
          #gallery_view #carousel .slide .detail.display .description, #gallery_view #carousel .slide .detail.display .caption {
            display: block; }
  #gallery_view #thumbnails {
    position: absolute;
    bottom: 0;
    height: 44px;
    width: 100%;
    background-color: black;
    padding-top: 10px; }
    #gallery_view #thumbnails ul {
      text-align: center; }
    #gallery_view #thumbnails .thumb {
      display: inline-block;
      height: 12px;
      width: 12px;
      text-indent: -9999px;
      background-color: white;
      margin: 0 5px;
      opacity: 0.5;
      cursor: pointer; }
      #gallery_view #thumbnails .thumb.active {
        opacity: 1; }
      #gallery_view #thumbnails .thumb img {
        display: none; }
  #gallery_view .view-close {
    display: block; }

.no-csscalc #gallery_view #content {
  background-color: black; }
.no-csscalc #gallery_view #carousel {
  height: 90%; }
  .no-csscalc #gallery_view #carousel .slide {
    height: 90%; }
    .no-csscalc #gallery_view #carousel .slide .detail {
      bottom: -10%; }
.no-csscalc #gallery_view #thumbnails {
  height: 10%; }

@media screen and (min-width: 768px) {
  #gallery_view #carousel {
    height: 100%;
    height: -webkit-calc(100% - 89px);
    height: -moz-calc(100% - 89px);
    height: -o-calc(100% - 89px);
    height: -ms-calc(100% - 89px);
    height: calc(unquote(100% - 89px)); }
    #gallery_view #carousel .slide {
      height: 100%; }
      #gallery_view #carousel .slide .detail {
        background-color: rgba(0, 0, 0, 0.8);
        height: 50px;
        bottom: 0; }
        #gallery_view #carousel .slide .detail.closed {
          height: 50px; }
        #gallery_view #carousel .slide .detail .detail-toggle {
          text-transform: uppercase;
          font-size: 0.875em;
          letter-spacing: 1px;
          background-position: right -31px;
          padding-right: 25px;
          background-size: 14px auto;
          text-indent: 0;
          width: auto; }
        #gallery_view #carousel .slide .detail.display {
          bottom: 0; }
          #gallery_view #carousel .slide .detail.display .detail-toggle {
            background-position: right 4px; }
  #gallery_view #thumbnails {
    height: 79px; }
    #gallery_view #thumbnails .thumb {
      height: 65px;
      width: 75px;
      padding: 2px;
      background-color: #555;
      opacity: 1; }
      #gallery_view #thumbnails .thumb.active {
        background-color: #5ec5c2; }
        #gallery_view #thumbnails .thumb.active img {
          opacity: 1; }
      #gallery_view #thumbnails .thumb:hover img {
        opacity: 1; }
      #gallery_view #thumbnails .thumb img {
        display: block;
        opacity: 0.5; }
  .no-csscalc #gallery_view #content {
    background-color: black; }
  .no-csscalc #gallery_view #carousel {
    height: 80%; }
    .no-csscalc #gallery_view #carousel .slide {
      height: 100%; }
      .no-csscalc #gallery_view #carousel .slide .detail {
        bottom: 0; }
  .no-csscalc #gallery_view #thumbnails {
    height: 20%;
    padding-top: 0; }
    .no-csscalc #gallery_view #thumbnails ul {
      padding-top: 2%; } }

@media screen and (min-width: 1300px) {
  #gallery_view {
    width: 100%; } }

@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-width: 320px) {
  #gallery_view {
    height: 416px; } }

@media screen and (max-width: 599px) {
  #gallery_view {
    -webkit-text-size-adjust: none; }
    #gallery_view #carousel .slide .detail .description {
      font-size: 0.875em; }
    #gallery_view #carousel .slide .detail .caption {
      font-size: 0.75em;
      margin-top: -8px; }
    #gallery_view #carousel .slide .detail.display .description {
      font-size: 0.875em; }
    #gallery_view #carousel .slide .detail.display .caption {
      font-size: 0.75em;
      margin-top: -8px; }
    #gallery_view #thumbnails .thumb {
      border: 2px solid black;
      height: 16px;
      width: 16px; }
    #gallery_view #carousel .slide .detail .detail-toggle {
      height: 30px;
      width: 30px; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #gallery_view #thumbnails {
    height: 30.1%;
    padding-top: 0; }
    #gallery_view #thumbnails ul {
      padding-top: 50px; }
  #gallery_view #carousel {
    height: 70%; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#map .leaflet-popup-content-wrapper {
  box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0; }
#map .leaflet-popup-tip {
  background-color: #faf8fb;
  box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 0 rgba(0, 0, 0, 0.2); }
#map .leaflet-popup-content {
  margin: 0;
  line-height: normal;
  width: 160px !important;
  /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
  font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
  font-weight: normal; }
  #map .leaflet-popup-content .icon img {
    width: 110px;
    padding: 0 25px; }
  #map .leaflet-popup-content img {
    width: 140px;
    height: auto;
    display: block;
    vertical-align: bottom;
    padding: 10px; }
    #map .leaflet-popup-content img.icon {
      width: 110px;
      padding: 0 25px; }
  #map .leaflet-popup-content h3 {
    display: block;
    clear: both;
    width: auto;
    color: black;
    font-size: 1.2em;
    padding: 7px;
    min-height: 15px;
    text-align: center;
    /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    border-bottom: 2px solid #A6A4A4;
    width: 80%;
    margin-left: 5%; }
  #map .leaflet-popup-content h4 {
    min-height: 15px;
    padding: 7px;
    color: #999;
    background-color: #faf8fb;
    font-size: 1em;
    display: block;
    clear: both;
    width: auto; }
#map .leaflet-popup.Morning .leaflet-popup-content h3 {
  background-color: white;
  color: black; }
#map .leaflet-popup.Morning .leaflet-popup-content h4 {
  background-color: white;
  text-align: center; }
#map .leaflet-popup.Morning .leaflet-popup-tip {
  background-color: #fffae1; }
#map .leaflet-popup.Afternoon .leaflet-popup-content h3 {
  background-color: white;
  color: black; }
#map .leaflet-popup.Afternoon .leaflet-popup-content h4 {
  background-color: white;
  text-align: center; }
#map .leaflet-popup.Afternoon .leaflet-popup-tip {
  background-color: #eef8fb; }
#map .leaflet-popup.Evening .leaflet-popup-content h3 {
  background-color: white;
  color: black; }
#map .leaflet-popup.Evening .leaflet-popup-content h4 {
  text-align: center; }
#map .leaflet-popup.Evening .leaflet-popup-tip {
  background-color: #ecf6f9; }
#map.leaflet-container a {
  color: #666; }
  #map.leaflet-container a.leaflet-popup-close-button {
    display: none;
    background: url(../images/close-button-solid.png) no-repeat left top;
    top: -10px;
    right: -18px;
    text-indent: -9999px;
    height: 35px;
    padding: 0;
    width: 35px;
    left: auto;
    background-size: 100% 200%;
    text-transform: uppercase; }
    #map.leaflet-container a.leaflet-popup-close-button:hover {
      background-position: center -35px; }
#map .leaflet-control-zoom {
  width: 110px;
  box-shadow: none;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0; }
  #map .leaflet-control-zoom a {
    height: 47px;
    width: 50px;
    float: left;
    text-indent: -9999px;
    box-shadow: inset 0 -3px #A6A4A4;
    -moz-box-shadow: inset 0 -3px #A6A4A4;
    -webkit-box-shadow: inset 0 -3px #A6A4A4;
    background: url(../images/zoom-in.png) no-repeat center center white;
    background-size: auto 35px;
    -moz-background-size: auto 35px;
    -webkit-background-size: auto 35px;
    -o-background-size: auto 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: none; }
    #map .leaflet-control-zoom a:hover {
      box-shadow: inset 0 3px #A6A4A4;
      -moz-box-shadow: inset 0 3px #A6A4A4;
      -webkit-box-shadow: inset 0 3px #A6A4A4; }
    #map .leaflet-control-zoom a.leaflet-control-zoom-out {
      background-image: url(../images/zoom-out.png);
      margin-left: 10px; }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#lhs_panel_view h2 {
  font-family: Georgia, serif;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
  padding: 20px; }
#lhs_panel_view .day-selector {
  background-color: #FFFFFF;
  box-shadow: inset 0 -2px #FFFFFF;
  -moz-box-shadow: inset 0 -2px #FFFFFF;
  -webkit-box-shadow: inset 0 -2px #FFFFFF;
  margin-bottom: 2.5%; }
#lhs_panel_view .time-selector {
  display: none; }
#lhs_panel_view .create-actions a {
  float: none;
  text-align: center; }
#lhs_panel_view .holding-copy {
  position: relative;
  top: -115px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px; }
  #lhs_panel_view .holding-copy .overview-destination-image img {
    width: 100%;
    margin-top: 10px; }

@media screen and (min-width: 768px) {
  #lhs_panel_view .sidebar .map-toggle a {
    background-image: url(../images/map-icon-blue-fade.png);
    color: #c9d5e3;
    cursor: default;
    background-color: rgba(255, 255, 255, 0.8); } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.options-wrapper {
  border-top: 1px solid #C8C7C7;
  border-bottom: 1px solid #C8C7C7;
  margin-bottom: 10px; }


#remove_border {
  border: 1px solid #A6A4A4;
  width: 82px; }

.btnAddToItinerary, .btnRemoveFromItinerary, .map-opener, .share_button, .btnAddToFavourites, .btnRemoveFromFavourites {
  float: left;
  text-align: center;
  margin-top: 3px;
  padding-top: 6px;
  padding-left: 34px;
  padding-right: 4px;
  display: block;
  position: relative;
  font-size: 0.75em;
  height: 23px;
  color: #A6A4A4;
  margin-left: 2%;
  border: none; }
  .btnAddToItinerary span, .btnRemoveFromItinerary span, .map-opener span, .share_button span, .btnAddToFavourites span, .btnRemoveFromFavourites span {
    padding-left: 3px;
    display: none; }

.btnAddToItinerary {
  background: url(../images/add-icon.png) no-repeat;
  background-size: 30px auto;
  border: 1px solid #C8C7C7; }

.btnRemoveFromItinerary {
  background: url(../images/delete-icon.png) no-repeat;
  background-size: 20px auto;
  background-position: left;
  background-position-x: 11px;
  background-position-y: 4px; }

.map-opener {
  background: url(../images/map-icon-green.png) no-repeat;
  background-size: auto 20px;
  background-position: left;
  background-position-x: 11px;
  background-position-y: 4px; }

.btnAddToFavourites {
  background: url(../images/favourites-graph.png) no-repeat;
  background-size: 20px auto;
  background-position: left;
  background-position-x: 11px;
  background-position-y: 4px; }

.btnRemoveFromFavourites {
  background: url(../images/favourites-graph.png) no-repeat;
  background-size: 20px auto;
  background-position: left;
  background-position-x: 11px;
  background-position-y: 4px; }

.share_button {
  background: url(../images/like-icon.png) no-repeat;
  background-size: 20px auto;
  background-position: left;
  background-position-x: 11px;
  background-position-y: 4px; }

.hidden {
  display: none !important; }

@media screen and (min-width: 768px) and (max-width: 854px) {
  .btnAddToItinerary, .btnRemoveFromItinerary, .map-opener, .share_button, .btnAddToFavourites, .btnRemoveFromFavourites {
    float: left;
    text-align: center;
    margin-top: 3px;
    padding-top: 6px;
    padding-left: 30px;
    padding-right: 0px;
    display: block;
    position: relative;
    font-size: 0.75em;
    height: 23px;
    color: #A6A4A4;
    margin-left: 2%;
    border: none; } }

@media screen and (min-width: 200px) and (max-width: 400px) {
  #remove_border {
    border: 1px solid #A6A4A4;
    width: 64px; } }

@media screen and (min-width: 1024px) {
  .options-wrapper .btnAddToItinerary, .options-wrapper .btnRemoveFromItinerary {
    margin-right: 100px; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
label[for=adults] {
  margin-left: 25px; }

label[for=kids] {
  margin-left: 35px; }

#personalise_view {
  top: 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: white;
  -webkit-box-shadow: inset -1px 0 #ccc;
  box-shadow: inset -1px 0 #ccc;
  -moz-box-shadow: inset -1px 0 #ccc; }
  #personalise_view .personalise-inner {
    background-color: white;
    position: absolute;
    width: 80%;
    height: 100px;
    margin-top: 80px;
    height: 100%;
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: -o-calc(100% - 35px);
    height: -ms-calc(100% - 35px);
    height: calc(unquote(100% - 35px));
    padding: 0 10%;
    -webkit-box-shadow: inset -1px 0 #ccc;
    box-shadow: inset -1px 0 #ccc;
    -moz-box-shadow: inset -1px 0 #ccc; }
  #personalise_view header h1 {
    display: block;
    font-size: 1em;
    padding-top: 9px;
    text-align: center;
    color: black; }
  #personalise_view header .personaliseClose {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 35px;
    width: 35px;
    text-indent: 9999px;
    padding: 0;
    background: url(../images/close-grey.png) no-repeat center center transparent;
    border: none !important;
    display: none; }
  #personalise_view .tripTitle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #eee;
    font-size: 1em;
    padding: 7px 0;
    margin-top: 20px;
    display: none; }
  #personalise_view .personalise_title {
    font-size: 16px;
    color: black;
    text-align: center;
    margin-top: 17px; }
  #personalise_view .personaliseDone {
    display: block;
    padding: 3% 0;
    width: 100%;
    background-color: white;
    text-transform: uppercase;
    color: black;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #ccc9c8;
    background-image: url(../images/save_hq.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left 40px; }
    #personalise_view .personaliseDone img {
      float: left; }
    #personalise_view .personaliseDone:hover {
      border-top: 3px solid black;
      border-bottom: none; }
  #personalise_view .party {
    padding-top: 20px; }
    #personalise_view .party div input[type="text"] {
      font-size: 1em;
      width: 25px;
      height: 25px;
      padding: 5px;
      margin-right: 5px;
      border: 1px solid black;
      position: absolute;
      margin-left: 105px;
      margin-top: -33px; }
    #personalise_view .party div label {
      padding-top: 8px;
      font-size: 12px;
      display: block;
      position: absolute;
      margin-top: -57px;
      margin-left: 121px;
      color: #686867; }
    #personalise_view .party div button.increase {
      margin-right: 0;
      position: absolute;
      margin-left: 144px;
      margin-top: -33px;
      height: 17px;
      width: 20px;
      background-color: #FF0000;
      background-image: url(../images/up_arrow.png);
      background-size: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-position-x: 4px;
      background-position-y: 4px; }
  #personalise_view #calendar {
    clear: both; }
    #personalise_view #calendar .hasDatepicker {
      padding: 5% 0; }
  #personalise_view .daysPicker {
    padding-top: 10px;
    text-align: left; }
    #personalise_view .daysPicker input[type="text"] {
      margin-top: 0;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      border: 1px solid black;
      font-size: 1em;
      width: 25px;
      height: 25px;
      padding: 5px;
      margin-bottom: 0;
      margin-right: 10px;
      text-align: center;
      position: absolute;
      margin-top: 5px;
      margin-left: 8px; }
    #personalise_view .daysPicker button {
      margin-top: 25px;
      margin-right: 5px;
      width: 20px;
      height: 17px;
      display: block;
      margin-left: 49px;
      text-align: center;
      position: absolute;
      background-image: url(../images/down_arrow.png);
      background-position: center;
      background-repeat: no-repeat;
      background-position-x: 4px;
      background-position-y: 5px;
      background-color: #FF0000;
      background-size: 10px; }
      #personalise_view .daysPicker button.increase {
        background-color: #FF0000;
        margin-left: 49px;
        position: absolute;
        margin-top: 5px;
        background-image: url(../images/up_arrow.png);
        background-size: 10px;
        background-position: center;
        background-repeat: no-repeat;
        height: 17px;
        width: 20px;
        background-position-x: 4px;
        background-position-y: 4px; }
      #personalise_view .daysPicker button.disabled {
        background-color: #eee;
        cursor: default;
        box-shadow: inset 0 -3px #ddd;
        -webkit-box-shadow: inset 0 -3px #ddd;
        -moz-box-shadow: inset 0 -3px #ddd; }
        #personalise_view .daysPicker button.disabled:hover {
          box-shadow: inset 0 3px #ddd;
          -webkit-box-shadow: inset 0 3px #ddd;
          -moz-box-shadow: inset 0 3px #ddd; }
      #personalise_view .daysPicker button:hover {
        box-shadow: inset 0 3px #51a9a7;
        -webkit-box-shadow: inset 0 3px #51a9a7;
        -moz-box-shadow: inset 0 3px #51a9a7; }
    #personalise_view .daysPicker label {
      clear: both;
      color: #686867;
      font-size: 12px;
      margin-right: 10px;
      position: absolute;
      margin-left: 17px;
      margin-top: -11px; }

@media screen and (min-width: 600px) and (max-width: 920px) {
  #personalise_view .personaliseDone {
    display: block;
    padding: 3% 0;
    width: 100%;
    background-color: white;
    text-transform: uppercase;
    color: black;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #ccc9c8;
    background-repeat: no-repeat;
    background-size: 0px; }
    #personalise_view .personaliseDone img {
      float: left; }
    #personalise_view .personaliseDone:hover {
      border-top: 3px solid black;
      border-bottom: none; }
  #personalise_view .party div input[type="text"] {
    padding: 5px;
    margin-right: 5px;
    margin-left: 74px; }
  #personalise_view .party div button {
    padding: 2px 10px 3px;
    margin-right: 0; }
  #personalise_view .party div label {
    padding-top: 8px;
    font-size: 12px;
    display: block;
    position: absolute;
    margin-top: -57px;
    margin-left: 75px;
    color: #686867; }
  #personalise_view .party div button.increase {
    margin-right: 0;
    position: absolute;
    margin-left: 115px;
    margin-top: -33px;
    height: 17px;
    width: 20px;
    background-color: #FF0000;
    background-image: url(../images/up_arrow.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px; } }

@media screen and (min-width: 600px) {
  #personalise_view {
    width: 40%;
    top: 40px;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -o-calc(100% - 40px);
    height: -ms-calc(100% - 40px);
    height: calc(unquote(100% - 40px)); } }

@media screen and (min-width: 768px) {
  #personalise_view {
    width: 33.33333%; } }

@media screen and (min-width: 1024px) {
  #personalise_view {
    width: -webkit-calc(33.33333% - 63px);
    width: -moz-calc(33.33333% - 63px);
    width: -o-calc(33.33333% - 63px);
    width: -ms-calc(33.33333% - 63px);
    width: calc(unquote(33.33333% - 63px));
    margin-left: 63px; } }

@media screen and (min-width: 1300px) {
  #personalise_view {
    width: 355px;
    margin-left: 63px; } }

@media screen and (min-width: 920px) {
  #personalise_view .personaliseDone {
    display: block;
    padding: 3% 0;
    width: 100%;
    background-color: white;
    text-transform: uppercase;
    color: black;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #ccc9c8;
    background-image: url(../images/save_hq.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left 5px; }
    #personalise_view .personaliseDone img {
      float: left; }
    #personalise_view .personaliseDone:hover {
      border-top: 3px solid black;
      border-bottom: none; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#preview_itinerary_view #content {
  background-color: white; }
#preview_itinerary_view .view-close {
  display: block; }
#preview_itinerary_view .page-title {
  height: 40px; }
  #preview_itinerary_view .page-title h1 {
    text-align: center;
    color: white;
    padding-top: 11px;
    font-size: 1em; }
#preview_itinerary_view .tab-content {
  padding: 4% 6% 1%; }
  #preview_itinerary_view .tab-content h3, #preview_itinerary_view .tab-content h2 {
    font-size: 15px;
    margin: 25px 0 5px;
    color: #A6A4A4;
    text-transform: uppercase; }
  #preview_itinerary_view .tab-content p {
    margin: 5px 0 25px;
    line-height: 1.5em; }
    #preview_itinerary_view .tab-content p strong {
      font-weight: normal;
      color: #000000; }
#preview_itinerary_view .head-image {
  width: 100%;
  padding: 0 0 4%; }
  #preview_itinerary_view .head-image img {
    width: 92%;
    margin: 0 4%;
    height: auto;
    vertical-align: bottom; }
  #preview_itinerary_view .head-image .caption {
    font-size: 0.625em;
    margin: 5px 4% 0; }
    #preview_itinerary_view .head-image .caption p {
      margin: 0 5px 0 0;
      line-height: normal;
      float: left; }
#preview_itinerary_view .viewItinerary {
  width: 100%;
  background: url(../images/browse-graph.png) no-repeat left center;
  background-size: auto 18px;
  -moz-background-size: auto 18px;
  -o-background-size: auto 18px;
  -webkit-background-size: auto 18px;
  border-top: 2px solid #C8C7C7;
  border-bottom: 2px solid #C8C7C7;
  text-align: left;
  padding: 2.5% 0 1.5%;
  display: block;
  margin-left: 20px;
  width: 90%;
  color: #686867;
  text-indent: 25px; }
#preview_itinerary_view .sidebar {
  background-color: transparent; }
  #preview_itinerary_view .sidebar .map-toggle {
    height: 100px;
    background-color: #cda8c2;
    width: 33.33333%;
    float: left;
    position: relative; }
    #preview_itinerary_view .sidebar .map-toggle a {
      padding-top: 60px;
      text-transform: uppercase;
      font-size: 0.75em;
      display: block;
      background: url(../images/map-icon.png) no-repeat center 20px;
      background-size: 35px 35px;
      -o-background-size: 35px 35px;
      -webkit-background-size: 35px 35px;
      -moz-background-size: 35px 35px;
      text-indent: 0; }
  #preview_itinerary_view .sidebar .share {
    width: 66.66666%;
    float: left; }
    #preview_itinerary_view .sidebar .share li {
      width: 50%; }

@media screen and (min-width: 600px) {
  #preview_itinerary_view {
    width: 60%;
    margin-left: 40%; }
    #preview_itinerary_view .viewItinerary {
      display: none; }
    #preview_itinerary_view .menu-toggle {
      display: none; }
    #preview_itinerary_view .head-image {
      background-color: white;
      padding: 0 0 6%;
      box-shadow: 0 5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 5px rgba(0, 0, 0, 0.1); }
      #preview_itinerary_view .head-image img {
        width: 88%;
        margin: 0 6%; }
      #preview_itinerary_view .head-image .caption {
        margin: 5px 6% 0; }
    #preview_itinerary_view .page-title {
      background-color: white; }
      #preview_itinerary_view .page-title h1 {
        display: none; }
    #preview_itinerary_view .sidebar .map-toggle a {
      padding-top: 65px;
      height: 35px;
      background-position: center 20px; } }

@media screen and (min-width: 600px) and (max-width: 767px) {
  #preview_itinerary_view .sidebar .map-toggle a {
    text-indent: 0; } }

@media screen and (min-width: 768px) {
  #preview_itinerary_view {
    width: 66.66666%;
    margin-left: 33.33333%;
    /*    .view-close {
      top: 5px;
      //background: url(../images/close-button-solid.png) no-repeat left top;
      background: url(../images/back-button-solid.png) no-repeat left top;
      background-size: 80px 92px;
      -moz-background-size: 80px 92px;
      -webkit-background-size: 80px 92px;
      -o-background-size: 80px 92px;
      -ms-behavior: url(/backgroundsize.min.htc);
      height: 46px;
      width: 80px;
      left: 85%;
      @include prefix-calc-unquote(left, "88% - 20px");
      z-index: 1;
      text-transform: uppercase;
      color: #2c9adc;
      font-size: 0.75em;
      
      &:hover {
        background-position: left -46px;
        //text-indent: 45px;
      }
    }*/ }
    #preview_itinerary_view #content {
      width: 88%; }
    #preview_itinerary_view .sidebar {
      padding-top: 75px;
      background-color: #f3f3f3; }
      #preview_itinerary_view .sidebar .map-toggle {
        float: none;
        width: 100%;
        background-color: transparent; }
        #preview_itinerary_view .sidebar .map-toggle a {
          background: url(../images/map-icon-blue.png) no-repeat center 20px;
          background-size: auto 41px;
          -moz-background-size: auto 41px;
          -o-background-size: auto 41px;
          -webkit-background-size: auto 41px;
          padding-top: 65px;
          height: 35px; }
      #preview_itinerary_view .sidebar .share {
        width: auto;
        float: none; }
        #preview_itinerary_view .sidebar .share li {
          width: 100%; } }

@media screen and (min-width: 850px) {
  #preview_itinerary_view .view-close, #show_poi_view .view-close, .browse-poi .view-close, #browse_itinerary_view .view-close {
    font-size: 0.8175em;
    width: 85px; } }

@media screen and (min-width: 1024px) {
  #preview_itinerary_view .tab-content {
    padding: 4% 4% 1%; }
    #preview_itinerary_view .tab-content p, #preview_itinerary_view .tab-content h3, #preview_itinerary_view .tab-content h2 {
      padding-left: 8%; } }

@media screen and (min-width: 1300px) {
  #preview_itinerary_view {
    width: 867px;
    margin-left: 433px;
    background-color: white; } }

/* Stored Itineraries */
/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.trip-storage {
  min-height: 100%;
  background-color: #FFFFFF;
  text-align: center;
  border-left: 1px solid #A6A4A4; }
  .trip-storage .page-title {
    width: 100%;
    text-align: center;
    height: 40px;
    position: relative; }
    .trip-storage .page-title h1 {
      margin: 0;
      line-height: normal;
      font-family: Georgia, serif;
      font-weight: normal;
      font-size: 36px;
      color: #000000; }
  .trip-storage .trip-list {
    margin-top: 30px;
    padding-top: 3%;
    padding-bottom: 3%; }
    .trip-storage .trip-list .trip {
      display: inline-block;
      width: 300px;
      margin: 20px;
      text-align: center;
      padding: 0; }
      .trip-storage .trip-list .trip h1 {
        padding-top: 6px;
        color: black;
        font-size: 16.79px; }
      .trip-storage .trip-list .trip li {
        display: inline; }
      .trip-storage .trip-list .trip a {
        color: #000000; }
      .trip-storage .trip-list .trip img {
        width: 300px; }
      .trip-storage .trip-list .trip header {
        position: relative; }
      .trip-storage .trip-list .trip .status {
        color: white;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        padding: 6px;
        text-transform: capitalize; }
      .trip-storage .trip-list .trip .holding-copy {
        display: none; }
      .trip-storage .trip-list .trip .details {
        color: #686867;
        font-size: 12px;
        border-top: 1px solid #C8C7C7;
        margin: 10px;
        padding-top: 10px; }
        .trip-storage .trip-list .trip .details .destination {
          padding-right: 10px; }
        .trip-storage .trip-list .trip .details .party {
          border-left: 1px solid #FF0000;
          border-right: 1px solid #FF0000;
          padding-left: 10px;
          padding-right: 10px; }
        .trip-storage .trip-list .trip .details .length {
          padding-left: 10px; }
      .trip-storage .trip-list .trip .btnNewTrip {
        border: 1px solid black;
        padding: 6px; }
      .trip-storage .trip-list .trip .buttons {
        padding-top: 10px; }
        .trip-storage .trip-list .trip .buttons li {
          display: inline;
          text-transform: uppercase;
          border: 1px solid #A6A4A4;
          font-size: 12px; }
      .trip-storage .trip-list .trip .pay {
        background: url(../images/download-icon.png) no-repeat left center;
        background-size: 29px 33px;
        padding: 9px 34px 9px 44px;
        margin-right: 10px; }
      .trip-storage .trip-list .trip .edit {
        background: url(../images/edit-icon.png) no-repeat left center;
        background-size: 14px 14px;
        padding: 9px 34px 9px 34px;
        background-position-x: 9px; }
      .trip-storage .trip-list .trip .delete {
        background: url(../images/delete-icon.png) no-repeat left center;
        background-size: 14px 14px;
        padding: 9px 20px 9px 34px;
        margin-left: 10px;
        background-position-x: 5px; }
  .trip-storage .download-bar-wrapper {
    text-align: center;
    margin: -0px;
    width: 100%; }
    .trip-storage .download-bar-wrapper .appLink {
      display: inline-block;
      width: 100%;
      height: 152px;
      background: url("http://res.cloudinary.com/dk/image/upload/q_80/v1410188233/get-the-app_xeyeqo.jpg") center no-repeat;
      background-size: 772px 152px;
      margin-bottom: 20px; }
      .trip-storage .download-bar-wrapper .appLink a {
        width: 100%;
        height: 100%;
        display: inline-block;
        text-indent: -9999px;
        cursor: pointer; }

@media screen and (min-width: 600px) {
  .holding-copy {
    display: block; }
  .download-bar-wrapper {
    margin-left: 200px; } }

.navyTooltip {
  display: none;
  position: absolute;
  width: 210px;
  z-index: 1; }
  .navyTooltip.arrowR .tooltip-inner {
    float: left;
    width: 71.42857%;
    padding: 7.14285%; }
  .navyTooltip.arrowR .tooltip-cursor {
    right: 0;
    width: 14.28571%;
    position: absolute;
    height: 100%;
    background: url(../images/tooltip-arrow-right.png) no-repeat left center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto; }
  .navyTooltip.arrowR .tooltip-close {
    right: 12px; }
  .navyTooltip.arrowL .tooltip-inner {
    float: right;
    width: 71.42857%;
    padding: 7.14285%; }
  .navyTooltip.arrowL .tooltip-cursor {
    left: 0;
    width: 14.28571%;
    position: absolute;
    height: 100%;
    background: url(../images/tooltip-arrow-left.png) no-repeat left center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto; }
  .navyTooltip.arrowB .tooltip-cursor {
    width: 100%;
    height: 30px;
    background: url(../images/tooltip-arrow-bottom.png) no-repeat center top;
    background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%; }
  .navyTooltip .tooltip-inner {
    background-color: rgba(43, 65, 105, 0.9);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    color: white;
    line-height: 150%;
    width: 83.33333%;
    padding: 8.33333%; }
  .navyTooltip .tooltip-close {
    background: url(../images/close-button-solid.png) no-repeat left top;
    top: -12px;
    right: -12px;
    text-indent: -9999px;
    height: 35px;
    padding: 0;
    width: 35px;
    left: auto;
    background-size: 100% 200%;
    text-transform: uppercase;
    position: absolute; }
    .navyTooltip .tooltip-close:hover {
      background-position: center -35px;
      cursor: pointer; }

@media screen and (max-width: 599px) {
  .navyTooltip.view-other {
    display: none !important; } }

@media screen and (max-width: 767px) {
  #list_poi_for_itinerary_view .navyTooltip.view-other {
    display: none !important; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
.top-bar {
  background-color: white; }
  .top-bar .line {
    background-color: #FF0000;
    height: 10px; }
  .top-bar .back, .top-bar .get-the-app, .top-bar .circle {
    display: none; }

@media screen and (min-width: 600px) {
  .top-bar .back {
    display: inline-block;
    float: left;
    margin: 8px;
    margin-left: 30px;
    font-size: 12px; }
    .top-bar .back img {
      height: 10px;
      margin-right: 6px;
      width: 10px;
      position: absolute;
      margin-top: 1.5px;
      margin-left: -12px; }
    .top-bar .back a {
      color: #686867; }
  .top-bar .get-the-app {
    display: inline-block;
    float: right;
    margin: 8px;
    font-size: 12px; }
    .top-bar .get-the-app a {
      color: #686867; }
  .top-bar .circle {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background-color: #FF0000;
    margin-left: 6px; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#welcome_view {
  z-index: 101;
  position: fixed;
  overflow-y: auto; }

.welcome-wrapper {
  text-align: center;
  background-color: #FFFFFF; }
  .welcome-wrapper header h1 {
    margin: 0;
    padding: 10px;
    font-size: 25px;
    font-family: Georgia, serif;
    font-weight: normal; }
  .welcome-wrapper .welcome-intro {
    background-color: black;
    padding: 10px 0;
    margin: 20px 0 5px;
    color: white;
    box-shadow: 0 5px #666;
    -webkit-box-shadow: 0 5px #666;
    -moz-box-shadow: 0 5px #666; }
  .welcome-wrapper .welcome-close {
    position: absolute;
    top: 3px;
    background: url(../images/close_icon_new.png) no-repeat right center;
    height: 46px;
    width: 46px;
    right: 5%;
    text-indent: -9999px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px; }
  .welcome-wrapper .inner-wrapper {
    width: 100%; }
  .welcome-wrapper .welcome-steps {
    width: 100%;
    background-color: white;
    vertical-align: top;
    margin: auto auto;
    text-align: center; }
    .welcome-wrapper .welcome-steps li {
      display: block;
      width: 90%;
      padding: 20px 0 30px;
      margin: 0 5%;
      border-top: 1px solid #ddd; }
      .welcome-wrapper .welcome-steps li:after {
        content: "";
        display: block;
        clear: both; }
      .welcome-wrapper .welcome-steps li p {
        margin: 0 auto 0;
        font-size: 12px;
        color: #666;
        text-align: left;
        margin-top: 3%; }
      .welcome-wrapper .welcome-steps li p::before {
        content: "|";
        color: #FF0000;
        font-weight: bold;
        padding-right: 5px; }
      .welcome-wrapper .welcome-steps li h3 {
        font-size: 36px;
        color: #FF0000;
        font-family: Georgia, serif;
        font-weight: normal;
        text-align: left; }
      .welcome-wrapper .welcome-steps li img {
        display: inline-block;
        height: 115px;
        width: auto; }
      .welcome-wrapper .welcome-steps li .welcome-text {
        width: 55%;
        padding-left: 5%;
        float: left;
        display: inline-block; }
      .welcome-wrapper .welcome-steps li .welcome-image {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        float: left; }
      .welcome-wrapper .welcome-steps li .prices-wrapper {
        line-height: 14px;
        display: inline-block;
        width: 60px;
        height: 60px;
        color: white;
        background-color: black;
        text-align: center;
        vertical-align: top;
        margin: 10px;
        /*font: {
		family: "Myriad Pro 1167301", Helvetica, Arial, sans-serif;
		weight: normal;
	}*/
        font-family: "Lucida Sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", "TrebuchetMS", Helvetica, Arial, sans-serif;
        font-weight: normal;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
        .welcome-wrapper .welcome-steps li .prices-wrapper .prices {
          margin: 5px;
          margin-top: 8px;
          padding: 0;
          height: 89px;
          width: 52px;
          font-size: 10px; }
  .welcome-wrapper .welcome-options {
    padding-top: 15px; }
    .welcome-wrapper .welcome-options .learnMore {
      display: none; }
    .welcome-wrapper .welcome-options .getStarted {
      width: 100%;
      background-color: #00bfd4;
      padding: 15px 0;
      text-align: center;
      color: white;
      text-transform: uppercase;
      box-shadow: inset 0 -5px #00abc0;
      -webkit-box-shadow: inset 0 -5px #00abc0;
      -moz-box-shadow: inset 0 -5px #00abc0; }
      .welcome-wrapper .welcome-options .getStarted:hover {
        box-shadow: inset 0 5px #00abc0;
        -webkit-box-shadow: inset 0 5px #00abc0;
        -moz-box-shadow: inset 0 5px #00abc0; }
  .welcome-wrapper .cookies {
    display: none;
    padding: 20px; }
    .welcome-wrapper .cookies p {
      margin: 0;
      font-size: 0.875em; }
      .welcome-wrapper .cookies p a {
        text-decoration: underline; }
        .welcome-wrapper .cookies p a:hover {
          color: white;
          text-decoration: none; }

@media screen and (min-width: 600px) {
  #welcome_view {
    background-color: rgba(255, 255, 255, 0.8);
    overflow-y: auto;
    position: absolute; }
  .welcome-wrapper {
    position: relative;
    max-width: 450px;
    width: 90%;
    margin: 60px auto 0;
    border-top: 10px solid black;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .welcome-wrapper .inner-wrapper {
      text-align: left; }
    .welcome-wrapper .welcome-steps {
      width: 100%; }
    .welcome-wrapper .welcome-options {
      padding-top: 25px; }
      .welcome-wrapper .welcome-options .learnMore {
        display: inline-block;
        text-transform: uppercase;
        color: #27aae1;
        text-decoration: underline;
        margin-left: 80px; }
        .welcome-wrapper .welcome-options .learnMore:hover {
          color: #1c699f; }
      .welcome-wrapper .welcome-options .getStarted {
        width: 230px;
        margin-left: 80px; }
    .welcome-wrapper .cookies {
      padding: 20px 5%;
      margin: 0 auto; } }

@media screen and (min-width: 768px) {
  .welcome-wrapper .dest-wrapper {
    width: 96%;
    padding: 20px 2%; }
  .welcome-wrapper .destinations li a {
    white-space: nowrap; } }

@media screen and (min-width: 1024px) {
  #welcome_view .destinations.columns-9 li, #welcome_view .destinations.columns-10 li {
    width: 10%; }
    #welcome_view .destinations.columns-9 li img, #welcome_view .destinations.columns-10 li img {
      width: 100%;
      height: auto; } }

@media screen and (min-width: 1300px) {
  #welcome_view {
    width: 100%; } }

@media screen and (min-width: 600px) and (max-width: 700px) { }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #welcome_view {
    overflow-y: hidden; } }

/* Workaround for issue with calc 'error: cannot add or subtract numbers with incompatible units'
https://github.com/sass/libsass/issues/330
*/
#list_poi_for_itinerary_view .event-date {
  color: #000000;
  font-size: 0.75em;
  padding-top: 6px;
  margin-top: 3px;
  margin-right: 10px;
  float: right; }
#list_poi_for_itinerary_view .btnAddToItinerary {
  color: #000000;
  border: 1px solid #A6A4A4;
  font-size: 12px;
  margin-left: 12px;
  width: 80px; }

@media screen and (min-width: 600px) and (max-width: 650px) {
  #list_poi_for_itinerary_view .event-date {
    color: #000000;
    padding-top: 6px;
    margin-top: 3px;
    margin-right: 10px;
    float: right; }
  #list_poi_for_itinerary_view .btnAddToItinerary {
    color: black;
    /*      text-indent: -9990px;
      display: block;*/
    font-size: 12px;
    margin-left: 12px;
    content: "Add"; } }


/*# sourceMappingURL=app.css.map*/