/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }
  
  /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * Customize the background color to match your design.
   */
  
  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  /*
   * A better looking default horizontal rule
   */
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  
  /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
  
  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }
  
  /*
   * Remove default fieldset styles.
   */
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  /*
   * Allow only vertical resizing of textareas.
   */
  
  textarea {
    resize: vertical;
  }
  
  /* ==========================================================================
     Author's custom styles
     ========================================================================== */
  /* STYLE GUIDE */
  
  /* CROWDRIFF GALLERY */
  
  .cr__gallery .fullscreenDetail__wrapper {
    border-color: #8a8a8a !important;
  }
  .cr__gallery .mobileAssetInfo__userInfo {
    margin-top: 0 !important;
    padding-top: 8px;
  }
  
  .cr__gallery .textLabel {
    font-family: 'TLSans Light' !important;
    line-height: 1 !important;
  }
  
  .infoUser__link {
    font-family: 'TLSans Bold' !important;
    color: #435e6c !important;
  }
  .cr__gallery .infoUser--mobile .infoUser__link {
    color: #435e6c !important;
  }
  .assetInfoDetail__text,
  .mobileAssetInfo__text {
    font-family: 'TLSans Regular' !important;
    color: #3c3c3b !important;
  }
  .cr__gallery .iconWrapper {
    
  }
  
  .cr__gallery div.mobileAssetInfo__link .infoLink--isMobile .textLabel {
    color: #e3032a !important;
  }
  #cr__fs-wrap .infoLink--white .textLabel {
    color: #e3032a !important;
    font-family: 'TLSans Bold' !important;
    font-weight: 400 !important;
    font-size: 15px !important;
  }
  .cr__gallery .mobileFullscreen__branding img.cr__brandImage {
  
    max-height: 54px !important;
  }
  .cr__gallery .mobileBrandInfo--isDark {
    border-color: #3c3c3b !important;
  }
  .cr__gallery .assetInfoDetail__readMore {
    color: #3c3c3b !important;
    font-family: 'TLSans Bold' !important;
    text-decoration: none !important;
    border-bottom: 2px solid #ff5041 !important;
  }
  .cr__gallery .loadMore {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    border-bottom: 2px solid #ff5041 !important;  
    border-radius: 0 !important;
    padding: 0 !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    
  }
  .cr__gallery .loadMore span {
    color: #3c3c3b;
    font: 1.125em/1 'TLSans Bold' !important;
    text-transform: none;
  }
  .cr__gallery .cr__asset__overlayV3 .overlayUser {
	  font-family: 'TLSans Bold' !important; 
  }
  .cr__gallery .cr__asset__overlayV3 .cta.overlayCta.cta--bottom.cta--expanded {
	  font-family: 'TLSans Regular' !important; 
  }
  
  .cr__gallery div, 
  .cr__gallery span, 
  .cr__gallery a, 
  .cr__gallery .infoUser__link, 
  .cr__gallery .textLabel {
		font-family: 'TLSans Bold' !important;
	}
  .cr__gallery .iconWrapper svg {
	  fill: #3c3c3b !important;
  }
  .cr__gallery .locationPanel__isDark .locationPanel__header__label {
	color: #3c3c3b !important;
  }
  
  
  .mobileOnly {
    
  }
  .desktopOnly {
    display: none;
  }
  
  a.playWatch {
    position: relative;
    display: block;
  }
  a.playWatch:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px solid #ff5041;
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    border-radius: 50%;
    background: url("../svg/icon-play-button.svg") 57% 50% no-repeat rgba(0,0,0,0.4);
    background-size: 35px auto;
    transform: translate(-50%,-50%);  
  }
  a.playWatch:after {
    content: "WATCH";
    font: 2.25em/1 'TLTitle Bold';
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: 70px;
    transform: translate(-50%,-50%);
  }
  a.playOnly {
    position: relative;
    display: inline-block;
  }
  a.playOnly:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px solid #ff5041;
    bottom: 20px;
    left: 20px;
    display: block;
    position: absolute;
    border-radius: 50%;
    background: url("../svg/icon-play-button.svg") 57% 50% no-repeat rgba(0,0,0,0.8);
    background-size: 35px auto;
  }
  ul.playVidViewMap {
    margin: 0;
    padding: 0;
    list-style-type: none; 
    display: flex; 
  }
  ul.playVidViewMap li {
    padding: 20px 32px 20px 77px;
    border-left: 2px solid #bfbfbf;  
  }
  ul.playVidViewMap li:first-child {
    border-left: 0 none;
  }
  ul.playVidViewMap li:last-child {
    padding-left: 110px; 
  }
  
  a.playVideo:before {
    content: "";
    width: 56px;
    height: 56px;
    border: 4px solid #ff5041;
    top: 50%;
    left: -79px;
    display: block;
    position: absolute;
    border-radius: 50%;
    background: url("../svg/icon-play-button.svg") 57% 50% no-repeat #4c4c4c;
    background-size: 25px auto;
    margin-top: -32px;
  }
  a.playVideo {
    position: relative;
    display: block;
    font: 2.125em/1 'TLTitle Bold';
    text-transform: uppercase;
    color: #2d4e5f;
    text-decoration: none;
  }
  a.viewMap:before {
    content: "";
    width: 56px;
    height: 56px;
    border: 4px solid #ff5041;
    top: 50%;
    left: -79px;
    display: block;
    position: absolute;
    border-radius: 50%;
    background: url("../png/icon-plus-button.png") 50% 50% no-repeat #4c4c4c;
    background-size: 25px auto;
    margin-top: -32px;
  }
  a.viewMap {
    position: relative;
    display: block;
    font: 2.125em/1 'TLTitle Bold';
    text-transform: uppercase;
    color: #2d4e5f;
    text-decoration: none;
  }
  
  
  
  .pt-1 {
    padding-top: 10px;
  }
  .pt-2 {
    padding-top: 20px;
  }
  .pt-3 {
    padding-top: 30px;
  }
  .pt-4 {
    padding-top: 40px;
  }
  .pb-1 {
    padding-bottom: 10px;
  }
  .pb-2 {
    padding-bottom: 20px;
  }
  .pb-3 {
    padding-bottom: 30px;
  }
  .pb-4 {
    padding-bottom: 40px;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-1 {
    margin-top: 10px;
  }
  .mt-2 {
    margin-top: 20px;
  }
  .mt-3 {
    margin-top: 30px;
  }
  .mt-4 {
    margin-top: 40px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-1 {
    margin-bottom: 10px;
  }
  .mb-2 {
    margin-bottom: 20px;
  }
  .mb-3 {
    margin-bottom: 30px;
  }
  .mb-4 {
    margin-bottom: 40px;
  }
  
  
  
  
  .tl-color-darker-blue {
    color: #2d4e5f;
  }
  .tl-color-blue {
    color: #435e6c;
  }
  .tl-color-salmon {
    color: #ff5041;
  }
  .tl-color-text {
    color: #3c3c3b;
  }
  .tl-color-white {
    color: #fff;
  }
  .tl-tones-gray {
    color: #8a8a8a;
  }
  .tl-tones-red {
    color: #eb2629;
  }
  .tl-tones-yellow {
    color: #fff3c0;
  }
  .tl-bg-white {
    background: #fff;
  }
  .tl-bg-salmon {
    background: #ff5041;
  }
  .tl-bg-light-gray {
    background: #f2f2f2;  
  }
  .tl-bg-dark-gray {
    background: #363f43;  
  }
  .tl-bg-dark-black {
    background: #1f2129;  
  }
  .tl-bg-blue {
    background: #175c7d;
  }
  .tl-bg-gradient-blue {
    background: rgb(30,86,110);
    background: linear-gradient(90deg, rgba(30,86,110,1) 14%, rgba(49,140,179,1) 100%);
  }
  .tl-text-ice-blue {
    color: #c9ecfd;
  }



  
  .tl-bg-gradient {
    background: rgb(4,22,32);
    background: -moz-linear-gradient(140deg, rgba(4,22,32,1) 50%, rgba(32,72,104,1) 88%, rgba(26,152,176,1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(4,22,32,1) 50%, rgba(32,72,104,1) 88%, rgba(26,152,176,1) 100%);
    background: linear-gradient(140deg, rgba(4,22,32,1) 50%, rgba(32,72,104,1) 88%, rgba(26,152,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#041620",endColorstr="#1a98b0",GradientType=1);
  }
  .no-text-decoration {
    text-decoration: none;
  }
  /* SIZING GUIDE */
  .font-seventeen {
    font-size: 1.063em;
  }
  .font-eighteen {
    font-size: 1.125em;
  }
  .font-nineteen {
    font-size: 1.188em;
  }
  .font-twenty {
    font-size: 1.250em;
  }
  .font-twentyone {
    font-size: 1.313em;
  }
  .font-twentytwo {
    font-size: 1.375em;
  }
  .font-twentythree {
    font-size: 1.438em;
    line-height: 1;
  }
  .font-twentysix {
    font-size: 1.625em;
    line-height: 1;
  }
  .font-thritythree {
    font-size: 2.063em;
    line-height: 1;
  }
  
  .arrowCircleLink {
    position: relative;
    padding-left: 52px;
    display: inline-block;
  }
  .arrowCircleLink:before {
    content: '';
    border: 1px solid #ccc;
    width: 38px;
    height: 38px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .arrowCircleLink:after {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent; 
    border-right: 7px solid #ff5041; 
  }
  /* WYSIWYG STYLES */
  .tallText {
    font-family: 'TLTitle Bold';
    color: #ff5041;
    font-size: 40px;
    line-height: 0.875;
    text-transform: uppercase;
  }
  .redUnderline {
    text-decoration: solid underline #ff5041 2px;
    color: inherit;
    text-underline-offset: 2px;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #ff5041;
  }
  .orangeBulletList {
    list-style-type: none;
  }
  .orangeBulletList li:before {
    content: "\2022"; 
    color: #ff5041;
    display: inline-block; 
    width: 1em;
    margin-left: -1em
  }
  .orangeBulletList li {
    padding: 5px 0;
    width: 90% !important;
  }
  .orangeCirleWhiteText {
    color: #fff;
    background: #ff5041;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -2px;
    /* margin-top: -11px; */
    line-height: 1.3;
    /* padding-left: 20px; */
  }
  .whiteTextOrangeBackground {
    font-family: 'TLTitle Bold';
    color: #fff;
    background-color: #ff5041;
    font-size: 2.125em;
    line-height: 0.875;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 28px;
  }
  .blueBold {
    font-family: 'TLSans Bold';
    color: #2d4e5f;
    font-size: 24px;
    line-height: 1;
  }
  .imageBorderRadius {
    border-radius: 22px;
  }
  .meeting-planner-easy {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .meeting-planner-easy > div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  
  
  .grecaptcha-badge {
    visibility: hidden;
  }
  html {
    overflow-x: hidden;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*overflow-x: hidden;*/
  }
  /* PLACEHOLDER STUFF */
  ::-webkit-input-placeholder { /* WebKit browsers */
    color: inherit;
    line-height:normal!important;
    font-family: 'TLSans Light';
    font-size: 0.938em;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: 1;
    font-family: 'TLSans Light';
    font-size: 0.938em;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 1;
    font-family: 'TLSans Light';
    font-size: 0.938em;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: inherit;
    font-family: 'TLSans Light';
    font-size: 0.938em;
  }
  h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-weight: normal;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    outline:none;
    border-radius: 0;
    box-sizing: border-box;
  }
  a {
    color: #3c3c3b;
  }
  a.salmon-link {
    text-decoration: none;
    border-bottom: 2px solid #ff5041;
    padding-bottom: 1px;
  }
  b,strong {
    font-family: 'TLSans Bold';
  }
  i,em {
    font-family: 'TLSans Regular Italic';
    font-style: normal;  
  }
  em strong,
  em b, 
  strong em,
  strong b,
  i strong, 
  i b,
  strong i, 
  b i {
    font-family: 'TLSans Bold Italic';
    font-style: normal;
  }
  a:focus {
    /*outline: dashed;*/
  }
  p {
    margin: 0;
    padding: 7px 0;
  }
  figure {
    margin: 0;
  }
  img {
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
  }
  .text-center {
    text-align: center;
  }
  div.error {
    color: #f00;
    padding-bottom: 10px;
  }
  div.error ol {
    list-style-type: disc;
  }
  div.error ol li {
    width: 100% !important;
  }
  body {
    background: #fff;
    color: #3c3c3b;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'TLSans Regular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /* VARIOUS BUTTONS */
  button.pill {
    border: 2px solid #ff5041;
    cursor: pointer;
    border-radius: 50px;
    padding: 11px 20px 14px;      
    background-color: #ff5041;
    color: #fff;
    font: 1em/1 'TLSans Semi Bold';;
    letter-spacing: 0.010em;
    min-width: 176px;
    text-align:center;
    transition: color 0.3s, background-color 0.3s, transform 0.3s;
  }
  button.pill:hover,
  button.pill:focus,
  button.pill:active {
    border: 2px solid #ff5041;
    background-color: #fff;
    color: #ff5041;
  }
  button.pill-bg-white {
    background-color: #fff;
  }
  button.pill-bg-white:hover,
  button.pill-bg-white:focus,
  button.pill-bg-white:active {
    border: 2px solid #ff5041;
    background-color: #ff5041;
    color: #fff;
  }
  button.pill-color-dark {
    color: #3c3c3b;
  }
  a.pill {
    display: inline-block;
    border: 2px solid #ff5041;
    border-radius: 50px;
    padding: 11px 20px 14px;      
    background-color: #ff5041;
    color: #fff;
    font: 1em/1 'TLSans Semi Bold';;
    letter-spacing: 0.010em;
    text-align:center;
    transition: color 0.3s, background-color 0.3s, transform 0.3s;
    text-decoration: none;
  }
  a.pill:hover,
  a.pill:focus,
  a.pill:active {
    border: 2px solid #ff5041;
    background-color: #fff;
    color: #ff5041;
  }
  a.pillWhite {
    display: inline-block;
    border: 2px solid #ff5041;
    border-radius: 50px;
    padding: 11px 20px 14px;      
    background-color: #fff;
    color: #ff5041;
    font: 1em/1 'TLSans Semi Bold';
    letter-spacing: 0.010em;
    text-align:center;
    transition: color 0.3s, background-color 0.3s, transform 0.3s;
    text-decoration: none;
  }
  a.pillWhite:hover,
  a.pillWhite:focus,
  a.pillWhite:active {
    border: 2px solid #ff5041;
    background-color: #ff5041;
    color: #fff;
  }
  a.background-blue-txt-white {
    border-color: #2d4e5f;
    background-color: #2d4e5f;
    color: #fff;
  }
  a.background-blue-txt-white:hover,
  a.background-blue-txt-white:focus,
  a.background-blue-txt-white:active {
    border-color: #2d4e5f;
    background-color: #fff;
    color: #2d4e5f;
  }
  a.link-block {
    display: block;
  }
  /* MODAL WINDOWS */
  .popModalWindow {
    display: none;
    max-width: 490px;
    border-radius: 32px;
  }
  .popModalWindow h3.formHeader {
    padding: 0;
    line-height: 0.875em;
  }
  .popModalWindow hr.red {
    background-color: #ff5041;
    border-color: #ff5041;
    height: 3px;
    margin: 10px auto 5px;
    width: 50%;
  }
  .modalInstructions {
  
  }
  
  
  
  /* COMMON */
  div.pageOverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    display: block;
    background: rgb(0,0,0,0.9);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear;
  }
  div.overlay-fade-in {
    opacity: 1;
  }
  ul.socialicons {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.socialicons li a {
    
  }
  .wrapper-768 {
    max-width: 768px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrapper-900 {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrapper-1024 {
    max-width: 1024px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-wrapper-1280 {
    max-width: 1280px;
    margin: 0 auto;
  }
  .wrapper-1280 {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrapper-common {
    position: relative;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /******** HEADER SECTION ********/
  /* - TOP MENU SECTION - */
  div.miniNavContainer {
    background: #363f43;
    padding: 9px 0;
  }
  header {
    background: #fff;
    position: relative;
  }
  
  ul.miniNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  
  
  /* - MAIN NAVIGATION MENU (LOGO, MENU, SEARCH, WEATHER) - */
  ul.navContainer {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.mainNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.mainNav li {
    padding-left: 13px;
    padding-right: 13px;
  }
  ul.mainNav li.has-submenu {
    padding-right: 20px;
  }
  ul.mainNav li a {
    display: block;
    color: #3c3c3b;
    font-size: 1.188em;
    letter-spacing: -0.010em;
    text-decoration: none;
    padding: 43px 0;
    position: relative;
  }
  ul.mainNav li.has-submenu a.masterlink:before {
    content: '';
    position: absolute;
    right: -13px;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #ff5041;
    top: 50%;  
    transform-origin: 50% 40%;
    transition: transform .4s ease-in-out;
  }
  
  /* - MAIN NAVIGATION MENU (SEARCH) - */
  ul.navContainer li.search button.searchbutton {
    border: 0 none;
    background: url("../svg/icon-search-grey.svg") 50% 50% no-repeat;
    background-size: 32px auto;
    cursor: pointer;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    width: 32px;
    height: 100%;
    position: relative;
    padding: 48px;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
  }
  ul.navContainer li.search button.searchbutton:after {
    content:'';
    position: absolute;
    width: 1px;
    height: 50px;
    background: #cacaca;
    right: 15px;
    top: 50%;
    margin-top: -25px;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
  }
  ul.navContainer li.search button.active {
    background: url("../svg/icon-search-white.svg") 50% 50% no-repeat #ff5041;
    background-size: 32px auto;
  }
  ul.navContainer li.search button.active:after {
    background: #ff5041;
  }
  /* - MAIN NAVIGATION MENU (WEATHER) - */    
  ul.navContainer li.weather {
    font-size: 1.125em;
    padding-left: 10px;
  }
  ul.navContainer li.weather span {
    padding-left: 14px;
  }
  /******** END HEADER SECTION ********/
  
  /* NAVIGATION - DROP DOWN NAVS */
  div.menuBlocker {
    position: relative;
  }
  
  
  /* MENU HOVER DROP MENUS */
  div.subMenuContainer h4 {
    font-size: 1.813em;
    letter-spacing: -0.025em;
    line-height: 1;
  }
  div.navSubmMenuContainer {
    padding: 40px 50px 40px 90px;
  }
  
  ul.mainNav li.stick-submenu div.subMenuContainer {
    width: max-content;
  }
  ul.mainNav li.stick-submenu div.navSubmMenuContainer {
    padding: 20px 30px 40px 30px;
  }
  
  
  
  ul.subMenuDivider {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  ul.subMenuDivider li.left {
    width: 35%;
    padding: 0;
  }
  ul.subMenuNavigation {
    margin: 0;
    padding: 10px 0 0;
    list-style-type: none;
  }
  ul.subMenuNavigation li {
    padding: 5px 0;
  }
  ul.subMenuNavigation li a {
    padding: 0;
    display: inline-block !important;
  }
  
  
  
  
  
  
  
  
  ul.subMenuDivider li.right {
    background: #f2f2f2;
    width: 65%;
    padding: 0;
  }
  /* DROPDOWN NAV FEATURED EVENTS OR LATEST ARTICLES */
  ul.navArticleColumnContainer {
    margin: 0;
    padding: 20px 0 0;
    list-style-type: none;
    color: #fff;                        
  }
  ul.navArticleColumnContainer li {
    padding: 0;
  }
  ul.navArticleLargeListing {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.navArticleLargeListing li div.description {
    position: relative;
    max-width: 345px;
    padding-left: 65px;
  }
  ul.navArticleLargeListing li span.overlay {
    background: rgba(0,0,0,0.25);
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    border-radius: 12px;
  }
  ul.navArticleLargeListing li span.shadow {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    border-radius: 12px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  ul.navArticleLargeListing li {
    padding: 0;
  }
  ul.navArticleLargeListing li img {
    border-radius: 12px;
  }
  ul.navArticleLargeListing li a {
    display: block;                        
    position: relative;
    padding: 0;
  }
  ul.navArticleLargeListing li h5 {
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 4;
    letter-spacing: -0.025em;
    line-height: 1.063;
  }
  ul.navEventLargeListing time {
    color: #e3032a;
  }
  ul.navEventLargeListing h3 {
    color: #3c3c3b;
    font: 1.125em/1.2 'TLSans Semi Bold';
    letter-spacing: -0.025em;
  }
  ul.navEventLargeListing li div.navEventDescription {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
  }
  
  ul.navArticleSmallListing {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.navArticleSmallListing li {
    padding-bottom: 17px;
  }
  ul.navArticleSmallListing p.photo {
    padding-top: 0;
    padding-bottom: 0;
  }
  ul.navArticleSmallListing img {
    border-radius: 12px;
    
  }
  ul.navArticleSmallListing p.photo a {
    position: relative;
    display: block;
    padding: 0;
  }
  ul.navArticleSmallListing div.description h5 {
    color: #3c3c3b;
    font-size: 1em;
    padding-top: 27px;
    line-height: 1.063;
  }
  
  ul.navEventSmallListing div.description time {
    display: block;
    color: #e3032a;
    padding-top: 20px;
    line-height: 1.1;
  }
  ul.navEventSmallListing div.description h5 {
    padding-top: 0;
  }
  
  /* NAVIGATION - SEARCH BOX */
  div.popularSearchContainer {
    margin-top: 20px;
    background: #f2f2f2;
  
    
      margin-top: 30px;
      background: #f2f2f2;
      position: relative;
      left: 0;
      padding-left: 130px;
      padding-right: 110px;
      margin-left: -110px;
      margin-right: -110px;
      padding-bottom: 60px;
      margin-bottom: -60px;
      padding-top: 20px;
    
  
  
  
  
  }
  div.popularSearchContainer h4 {
    font-family: 'TLTitle Bold';
    color: #435e6c;
    font-size: 40px;
    line-height: 0.875;
    text-transform: uppercase;
  }
  div.popularSearchContainer ul.popularSearchCats {
    display: flex;
    margin:10px 0 0;
    padding:0;
    list-style-type: none;
  }
  div.popularSearchContainer ul.popularSearchCats li {
    padding-right: 14px;
  }
  div.popularSearchContainer ul.trendingSearch {
    display: flex;
    margin: 20px 0 0;
    padding:0;
    list-style-type: none;
  }
  div.popularSearchContainer ul.trendingSearch li {
    padding-right: 20px;
  }
  
  div.searchBox {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    transform: translateY(24px);
    -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
    -moz-transform: translateY(24px);
    -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(24px);
  
  
  
    border-top: 1px solid #bdbdbd;
    background: #fff;
    position: absolute; 
    z-index: 10;
    border-radius: 0 0 22px 22px;
    /*
    left: 0; 
    top: -400px;
    opacity: 0;
    -webkit-transition: opacity .3s linear,top .3s linear;
    -ms-transition: opacity .3s linear,top .3s linear;
    transition: opacity .3s linear,top .3s linear;
    */
  }
  div.searchBox-top-fade-in {
    opacity: 1;
  }
  ul.searchContainer {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    /*align-items: end; */
  }
  ul.searchContainer li.left {
    width: 91%;
  }
  ul.searchContainer li.right {
    width: 9%;
  }
  div.searchBox label {
    color: #ff5041;
    display: block;
    width: 100%;
    letter-spacing: -0.010em;
    font-size: 2.188em;
    text-align: center;
  }
  div.searchBox input.text {
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    border-bottom: 1px solid #8a8a89;
    padding: 10px 15px;
    background: #fff;
    width: 100%;
    font: 1.5em/1 'TLSans Light';
    letter-spacing: -0.025em;
    border-radius: 0;              
  }
  div.searchBox button {
    border: 0 none;
    background: url("../svg/icon-search-white.svg") 50% 50% no-repeat #b5b5b5;
    background-size: 32px auto;
    border-radius: 50%;
    cursor: pointer;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    width: 32px;
    height: 32px;
    position: relative;
    padding: 38px;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
    top: 50px;
    left: 5px;
  }
  
  /* SEARCH DROPDOWN GOODIES (TYPE AND SEARCH) */
  div.searchResultControl {
    max-width: 660px;
  }
  div.searchResultControl ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
  }
  div.searchResultContainer {
    position: relative;
  }
  p.searchResultPhoto {
    float: left;
  }
  p.searchResultPhoto img {
    object-fit: cover;
    height: 67px !important;
    width: 100px;
  }
  div.searchResultDescription {
    margin-left: 110px;
    position: relative;
    top: 5px;
  }
  div.searchResultDescription h6,
  div.searchResultDescription h6 a {
    color: #ff5041;
    font:1.125em/1.2 'TLSans Bold';
  }
  div.searchResultDescription small,
  div.searchResultDescription small a {
    text-transform: uppercase;
    color: #b5b5b5;
    font-family: 'TLSans Semi Bold';
  }
  div.searchResultDescription p {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    font-size: 0.938em;
  }
  div.searchResultDescription a {
    text-decoration: none;
  }
  
  
  /* SEARCH PAGE */
  span.mobileLabel {
    font-family: 'TLTitle Bold';
    text-transform: uppercase;
    color: #ff5041;
    font-size: 2em;
    display: block;
    text-align: right;
    padding-right: 10px;
  }
  
  ul.searchCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  ul.searchCarousel li {
    position: relative;
    box-sizing: border-box;	
    padding: 10px 3px;
  }
  ul.searchCarousel li p.photo {
    float: left;
  }
  ul.searchCarousel li p.photo img {
    width: 100px;
  }
  ul.searchCarousel li div.searchDescription {
    margin-left: 115px;
  }
  
  ul.searchCarousel li img {
    border-radius: 12px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  
  ul.searchCarousel li small {
    text-transform: uppercase;
    color: #b5b5b5;
    font-family: 'TLSans Bold';
  }
  ul.searchCarousel li time {
    display: block;
    color: #2d4e5f;
  }
  ul.searchCarousel li h4 {
    font: 1em/1.2 'TLSans Semi Bold';
    letter-spacing: -0.025em;
    padding-bottom: 7px;
    color: #ff5041;	
  }
  ul.searchCarousel li h4 a {
    text-decoration: none;
    color: #ff5041;
  }
  .searchoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0;
  }
  
  
  /* BANNERS */
  section.bannerContainer {
    /*
    background: rgb(4,22,32);
    background: -moz-linear-gradient(135deg, rgba(4,22,32,1) 26%, rgba(7,37,52,1) 66%, rgba(31,70,101,1) 87%, rgba(38,88,122,1) 92%, rgba(25,152,176,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(4,22,32,1) 26%, rgba(7,37,52,1) 66%, rgba(31,70,101,1) 87%, rgba(38,88,122,1) 92%, rgba(25,152,176,1) 100%);
    background: linear-gradient(135deg, rgba(4,22,32,1) 26%, rgba(7,37,52,1) 66%, rgba(31,70,101,1) 87%, rgba(38,88,122,1) 92%, rgba(25,152,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#041620",endColorstr="#1998b0",GradientType=1);*/
    position: relative;
  
    background: rgb(4,22,32);
    background: linear-gradient(139deg, rgba(4,22,32,1) 27%, rgba(7,37,52,1) 65%, rgba(31,70,101,1) 81%, rgba(25,152,176,1) 94%, rgba(34,216,247,1) 100%);
  
  
  
  }
  ul.bannerCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.bannerDetails { 
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.bannerDetails p.photo {
    padding: 0;
  }
  section.bannerContainer ul div.description {
    color: #fff;
    max-width: 500px;      
  }
  section.bannerContainer ul div.description span.pill {
    display: inline-block;
    font: 1.563em/0.75 'TLTitle Bold';
    text-transform: uppercase;
    letter-spacing: 0.070em;
    padding: 7px 35px;
    border-radius: 22px;
    margin-left: -5px;
  }
  section.bannerContainer ul div.description h2 {
    font: 5.188em/0.813 'TLTitle Bold';
    padding-top: 14px;
  }
  section.bannerContainer ul div.description p.intro {
    font-size: 1.188em;
  }
  section.bannerContainer ul div.description a.editorLink {
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 1.125em;
    display: inline-block;
  }
  section.bannerContainer ul div.description a.editorLink::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #ff5041;
    left: 0;
    bottom: -8px;
  }
  
  div.paginationNextContainer {
    bottom: 126px;
    position: absolute;
    width: 100%;
  }
  div.bannerCarouselContainer ul.bannerPagination {
    
    margin: 0;
    padding: 0;
    width: auto;
    left: 55%;
  }
  div.bannerCarouselContainer ul.bannerNavigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    position: absolute;
    left: 55%;
    z-index: 12;
    bottom: 9px;
  }
  div.bannerCarouselContainer ul.bannerNavigation button {
    border: 0 none;
    background: url("../svg/banner-next-button.svg") 50% 50% no-repeat;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    width: 41px;
    height: 18px;
    cursor: pointer;
  }
  ul.bannerPagination li {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0,0,0,0.4);
    opacity: 1;
    border-radius: 50%;
    padding: 5px;
  }
  ul.bannerPagination li span {
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  ul.bannerPagination li.swiper-pagination-bullet-active span {
    background: #ff5041;
  }
  ul.bannerCarouselThumb {
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
  }
  ul.bannerCarouselThumb li.swiper-slide-thumb-active img {
    border: 5px solid #ff5041;
  }
  ul.bannerCarouselThumb li img {
    cursor: pointer;
    border-radius: 12px;
    outline: 5px solid #fff;
    -webkit-transition : outline-color .3s linear;
    -moz-transition : outline-color .3s linear;
    -o-transition : outline-color .3s linear;
    transition : outline-color .3s linear;
  }
  ul.bannerCarouselThumb li p.thumbphoto {
    float: left;
    padding: 0;
    margin-left: 15px;
  }
  ul.bannerCarouselThumb li div.thumbdescription {
    color: #3c3c3b;
    letter-spacing: -0.025em;
    margin-left: 190px;
    padding-top: 30px;
    max-width: 150px;
    line-height: 1.2;
  }
  /* - THUMBS GALLERY - */
  div.bannerFeaturedThumb {
    position: absolute;
    width: 56%;
    background: #fff;
    z-index: 1;
    bottom: -37px;
    right: -100%;
    -webkit-transition: right .3s ease;
    -o-transition: right .3s ease;
    transition: right .3s ease; 
  }
  button.featured {
    background: #ff5041;
    color: #ffffff;
    cursor: pointer;
    height: 100%;
    width: 46px;
    position: absolute;
    left: -46px;
    top: 0;
    border: 0 none;  
    font: 1.625em/1 'TLTitle Semi Bold';
    text-transform: uppercase;
    letter-spacing: 0.040em;
    border-radius: 12px 0 0 12px;
    padding: 0;
  
  }
  button.featured span {
    display: block;
    transform: rotate(-90deg);
    transform-origin: bottom center 0;
    position: relative;
    left: 13px;
  }
  /* INTRO SECTION */
  
  section.intro {
    text-align: center;
    
    padding-top: 35px;
    padding-bottom: 20px;
  }
  section.homeIntro {
    padding-top: 65px;
  }
  section.intro h2 {
    font: 2em/1 'TLTitle Bold'; 
    text-transform: uppercase;     
  }
  section.intro hr {
    background-color: #ff5041;
    border-color: #ff5041;
    height: 3px;
    margin: 5px auto;
    width: 30%;
  }
  section.intro p {
    font-size: 1.063em;
  }
  /* EVENTS */
  div.eventsContainer {
    padding-top: 20px;
  }
  div.eventsContainer hr {
    margin: 0 auto;
    max-width: 1280px;
  }
  div.eventsContainer input.radio{
    display: none;
  }
  div.eventsContainer ul.eventTabs {
    list-style-type: none;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 26px;
    padding-right: 26px;
  }
  div.eventsContainer ul.eventTabs li {
    padding-left: 10px;
    padding-right: 10px;
  }
  div.eventsContainer ul.eventTabs li:first-child {
    padding-left: 0;        
  }
  div.eventsContainer ul.eventTabs label.tab {
    cursor: pointer;
    font-family: 'TLSans Semi Bold';
    display: block;
    padding: 2px 0;
    -webkit-transition : border-color .3s linear, color .3s linear;
    -moz-transition : border-color .3s linear, color .3s linear;
    -o-transition : border-color .3s linear, color .3s linear;
    transition :border-color .3s linear, color .3s linear;        
  }
  
  div.eventsContainer div.panel {
    display: none;
    animation: fadein .8s;
  }
  @keyframes fadein {
      from {
          opacity:0;
      }
      to {
          opacity:1;
      }
  }
  #one:checked ~ .eventPanels #one-panel,
  #two:checked ~ .eventPanels #two-panel,
  #three:checked ~ .eventPanels #three-panel{
    display: block
  }
  #one:checked ~ .eventTabs #one-tab,
  #two:checked ~ .eventTabs #two-tab,
  #three:checked ~ .eventTabs #three-tab{
    color:#ff5041;
    border-bottom: 4px solid #ff5041;
  }
  ul.eventCarousel li div.description {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
  }
  ul.eventCarousel li h3 {
    color: #3c3c3b;
    font: 1.313em/1.2 'TLSans Semi Bold';
    letter-spacing: -0.025em;
  }
  ul.eventCarousel li span.dateChicklet {
    position: absolute;
    display: block;
    border-radius: 12px;
    border: 2px solid #faccc8;
    background: #ff5041;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font: 1.813em/0.875 'TLTitle Semi Bold';
    letter-spacing: 0.020em;
    top: -13px;
    left: 15px;
    max-width: 53px;
    min-width: 53px;
    text-align: center;
  }
  ul.eventCarousel li span.dateMultipleMonth {
    font-size: 1.438em;
  }
  ul.eventCarousel li span.dateMultipleMonth span {
    display: block;
    font-size: 0.696em;
  }
  ul.eventCarousel li time {
    color: #e3032a;
    display: block;
    letter-spacing: -0.025em;
  }
  p.location {
    letter-spacing: -0.025em;
    color: #3c3c3b;
    position: relative;
    padding-left: 23px;
  }
  p.location:before {
    content: '';
    background: url("../svg/icon-location.svg") left 50% no-repeat;
    position: absolute;
    width: 18px;
    height: 26px;
    left: 0;
    top: 6px;
  }
  p.distance {
    letter-spacing: -0.025em;
    color: #eb2629;
    position: relative;
    padding-left: 23px;
    padding-top: 0;
  }
  
  
  /* EDITOR PICKS */
  section.editorPick {
    background: url("../webp/bg-editor-pick-mobile.webp") left top no-repeat;
    background-size: cover;
    position: relative;
  }
  section.editorPick div.wrapper-1280 {
    z-index: 1;
    position: relative;
  }
  span.cityCall {
    font: 27em/1 'TLTitle Bold';
    text-transform: uppercase;
    color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0.2;
    transform:translate(-83%,-78%);
    z-index: 0;
  }
  @supports((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)) {
    span.cityCall {
      color: transparent;
      -webkit-text-stroke: 2px white;
      text-stroke: 2px white;
      text-shadow: none;
    }
  }
  section.editorPick ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
  }
  section.editorPick ul li {
    box-sizing:border-box;
    position: relative;
  }
  section.editorPick ul p.photo {
    padding: 0;
  }
  section.editorPick ul p.photo img {
    border-radius: 12px;
    border: 4px solid #515151;
    box-shadow: 17px 16px 38px 0px rgba(0,0,0,0.34);
    -webkit-box-shadow: 17px 16px 38px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 17px 16px 38px 0px rgba(0,0,0,0.34);
  }
  section.editorPick ul div.description span.pill {
    display: inline-block;
    font: 1.563em/1 'TLTitle Bold';
    text-transform: uppercase;
    letter-spacing: 0.070em;
    padding: 5px 35px;
    border-radius: 22px;
  }
  section.editorPick ul div.description {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  section.editorPick ul div.description h3 {
    font: 5.188em/0.875em 'TLTitle Bold';
    padding-top: 5px;
  }
  section.editorPick ul div.description h4 {
    font-size: 1.438em;
    line-height: 1;
    padding-right: 50px;
    color: #fff3c0;
  }
  section.editorPick ul div.description p.dateLocation {
    font-size: 1.188em;
    padding-bottom: 0;
  }
  
  
  section.editorPick ul div.description p.dateloc {
    font-size: 1.188em;
    padding-bottom: 0;
  }
  section.editorPick ul div.description p.intro,
  section.editorPick ul div.description p.teaser {
    font-size: 1.188em;
  }
  section.editorPick ul div.description a.editorLink {
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 1.125em;
    display: inline-block;
  }
  section.editorPick ul div.description a.editorLink:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #ff5041;
    left: 0;
    bottom: -8px; 
  }
  
  
  /* SWIPER SECTIONS (EXPLORE THE FOREST CITY...ETC) */
  section.swiperCommon {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  section.listingCommonSection {
    padding-top: 0;
    margin-top: -10px;
  }
  div.swiperNavigation {
    position: relative;
    
  }
  div.swiperNavigation h3 {
    color: #2d4e5f;
    font: 2.25em/1 'TLTitle Semi Bold';
    text-transform: uppercase;
  }
  div.swiperNavigation p {
    padding: 0;
  }
  div.swiperNavigation hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border-top: 1px solid #cccccc;
  }
  div.swiperNavigation ul {
    margin: 3px 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 14px;
    align-items: center;
  }
  div.swiperNavigation ul li {
    position: relative;
  }
  button.carouselNavigation {
    position: absolute;
    bottom: 0;
    z-index: 1;
    border: 0 none;
    width: 45px;
    height: 45px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    border-radius: 50%;
    cursor:pointer;
  }
  div.swiperNavigation ul li:not(:last-child) {
    padding-right: 12px; 
  }
  div.swiperNavigation ul li.singleLink {
    padding-right: 24px; 
  }
  div.swiperNavigation ul li.singleLink a {
    position: relative;
    top: 8px;
  }
  
  div.swiperNavigation ul li button {
    position: relative;
  }
  div.swiperNavigation ul li button:after {
    border-color: #fff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 50%;
    width: 8px;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
  }
  div.swiperNavigation ul li button.carousel-previous:after {
    transform: rotate(-135deg);
  }
  div.swiperNavigation ul li button.swiper-button-disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    opacity: .6;
  }
  div.standardCarouselContainer {
    width: 100%;
  }
  div.horizontalCarouselContainer {
    position: absolute;
    overflow: inherit;
  }
  div.carouselContainerKeeper {
    position: relative;
    min-height: 411px;
  }
  
  ul.standardCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  ul.standardCarousel li {
    position: relative;
    width: 348px;
    padding: 23px 3px 23px 15px;
  }
  /* OVERWRITING BASE STYLE FOR SWIPER ONLY..*/
  ul.swiperCarouselStyling li {
    margin-top: 23px;
    margin-bottom: 23px;
    /*margin-right: 18px;  THIS WILL GET OVERWRITTEN IF SWIPER IS ENGAGED */
    padding: 0;
  }
  
  
  ul.standardCarousel li a {
    color: #fff;
    display: block;
    text-decoration: none;
    position: relative;
  }
  ul.standardCarousel li p.flatlinks a {
    color: inherit;
    display: inline-block;
    text-decoration: underline #ff5041 solid 2px;
    text-underline-offset: 2px; 
  }
  
  
  ul.standardCarousel li h4 {
    color: #fff;
    font-size: 1.563em;
    line-height: 1;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
    /*
    padding-left: 50px;
    padding-right: 50px;
    */
    padding-left: 36px;
    padding-right: 36px;
    z-index: 4;
  }
  ul.standardCarousel li.wineries h4 {
    padding-left: 32px;
    padding-right: 32px;
  }
  ul.standardCarousel li span.overlay {
    background: rgba(0,0,0,0.25);
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    border-radius: 12px;
  }
  ul.standardCarousel li span.shadow {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    border-radius: 12px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  ul.standardCarousel li img {
    border-radius: 12px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  
  
  ul.standardCarousel li.seeAllContainer {
    max-width: 218px;  
  }
  ul.standardCarousel li.seeAllContainer a.seeAllLink {
    background: #ff5041;
    display: block;
    position: relative;
    display: flex;    
    border-radius: 23px;
    height: 231px;  
  }
  ul.standardCarousel li.seeAllContainer a.seeAllLink span {
    display: block;
    background: url("../svg/icon-see-all-arrow.svg") 50% 100% no-repeat;
    background-size: 70px auto;
    font-family: 'TLTitle Semi Bold';
    letter-spacing: 0.020em;
    font-size: 36px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       ADVERTISING - HOME PAGE     > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.promos {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  ul.promosContainer {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  ul.promosContainer li {
    padding-left: 10px;
    padding-right: 10px;
  }
  ul.promosContainer img {
    border-radius: 22px;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       VIDEO SERIES - HOME PAGE    > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.videoseries {
    background: url("../jpg/bg-video-series.jpg") left top no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  div.titleLinkDocker {
    position: relative;
    max-width: 1148px;
    margin: 0 auto;
  }
  div.titleLinkDocker h4 {
    text-transform: uppercase;
    color: #fff;
    font: 5.188em/1 'TLTitle Bold';
  }
  div.titleLinkDocker a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 25px;
    bottom: 8px;
    font-size: 1.188em;
    padding-right: 20px;
    
  }
  div.titleLinkDocker a:after {
    border-color: #ff5041;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 50%;
    width: 8px;
    right: 0;
    margin-top: -3px;
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
  }
  div.titleLinkDocker a:focus:after,
  div.titleLinkDocker a:hover:after {
    right: -10px;
  }
  div.titleLinkDockerContainer hr {
    margin-top: 0;
    margin-bottom: 15px;
    border-top: 1px solid #5b5661;
  }
  ul.videoColumnContainer {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    color: #fff;
    max-width: 1148px;
  }
  ul.largeListing {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.largeListing p.photo {
    padding-top: 0;
    padding-bottom: 0;
  }
  ul.largeListing p.photo a {
    position: relative;
    display: block;
  }
  ul.largeListing p.photo a:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    bottom: 20px;
    left: 20px;
    background: url("../svg/icon-play-button.svg") 55% 50% no-repeat rgba(0,0,0,.7);
    background-size: 45px auto;
    border-radius: 50%;
    border: 4px solid #ff5041;
  }
  ul.largeListing img {
    border-radius: 22px;
    box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
    -webkit-box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
  }
  ul.largeListing div.description {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
  }
  ul.largeListing div.description span.pill {
    display: inline-block;
    font: 1.563em/0.75 'TLTitle Bold';
    text-transform: uppercase;
    letter-spacing: 0.070em;
    padding: 7px 35px;
    border-radius: 22px;      
  }
  ul.largeListing div.description h5 {
    font: 3.375em/1 'TLTitle Semi Bold';
    text-transform: uppercase;
    padding-top: 4px;
  }
  ul.largeListing div.description p.intro {
    font-size: 1.063em;
    padding-top: 0;
    padding-bottom: 0;
  }
  ul.smallListing {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.smallListing li {
    padding-bottom: 20px;
  }
  ul.smallListing img {
    border-radius: 12px;
    box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
    -webkit-box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 11px 11px 11px 0px rgba(0,0,0,0.33);
  }
  ul.smallListing p.photo {
    padding-top: 0;
    padding-bottom: 0;
  }
  ul.smallListing p.photo a:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    bottom: 10px;
    left: 10px;
    background: url("../svg/icon-play-button.svg") 55% 50% no-repeat rgba(0,0,0,.7);
    background-size: 22px auto;
    border-radius: 50%;
    border: 3px solid #ff5041;
  }
  ul.smallListing p.photo a {
    position: relative;
    display: block;
  }
  ul.smallListing div.description h5 {
    font-size: 1.125em;
    padding-top: 10px;
    line-height: 1.063;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       HASH TAG FEED               > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.hashtagfeed {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  section.hashtagfeed h5 {
    color: #ff5041;
    letter-spacing: -0.025em;
    font-size: 3em;
    text-align: center;
  }
  section.hashtagfeed p.intro {
    font-size: 1.063em;
    text-align: center;
  }
  
  .hashtagfeed {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .hashtagfeed h5 {
    color: #ff5041;
    letter-spacing: -0.025em;
    font-size: 3em;
    text-align: center;
  }
  .hashtagfeed p.intro {
    font-size: 1.063em;
    text-align: center;
  }
  
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                         > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       FOOTER            > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                         > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  */
  footer {
    background: #ffffff;
  }
  footer h5 {
    font: 1.313em/1 'TLSans Bold';
    color: #fff;
    padding-top: 5px;
    padding-bottom: 7px;
  }
  footer div.footerContainer {
    padding-top: 45px;
    padding-bottom: 35px;
  }
  footer ul.footerNavContainer {
    color: #cdcdcd;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: flex;
    max-width: 1160px;
  }
  footer ul.footerNavContainer li.left {
    border-right: 1px solid #383940;
  }
  ul.footerMenuContainer {
    margin: 0;
    padding: 0 0 10px;
    list-style-type: none;
    display: flex;
  }
  
  ul.footerMenuContainer li.column {
    padding-left: 18px;
    padding-right: 18px;
    border-left: 1px solid #383940;
  }
  ul.footerMenuContainer li.column:first-child {
    border-left: 0 none;
  }
  
  footer ul.footerMenuOption {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  footer ul.footerMenuOption li a {
    color: #cdcdcd;
    text-decoration: none;
  }
  footer ul.footerMenuOption li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  div.connectContainer {
    margin-left: 20px;
  }
  ul.footerSocialIcons li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  ul.footerSocialIcons li a {
    color: #cdcdcd;
    position: relative; 
    display: inline-block;
    padding-left: 50px;
    text-decoration: none;
  }
  ul.footerSocialIcons li a:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    top: 50%;
    margin-top: -18px;
  }
  ul.footerSocialIcons li.facebook a:before {
    background: url("../svg/icon-facebook-white.svg") 50% 50% no-repeat #3b3b3e;
    background-size: 10px auto;  
  }
  ul.footerSocialIcons li.twitter a:before {
    background: url("../svg/icon-twitter-white.svg") 50% 50% no-repeat #3b3b3e;
    background-size: 18px auto;  
  }
  ul.footerSocialIcons li.instagram a:before {
    background: url("../svg/icon-instagram-white.svg") 50% 50% no-repeat #3b3b3e;
    background-size: 18px auto;  
  }
  ul.footerSocialIcons li.youtube a:before {
    background: url("../svg/icon-youtube-white.svg") 50% 50% no-repeat #3b3b3e;
    background-size: 19px auto;  
  }
  ul.footerSocialIcons li.linkedin a:before {
    background: url("../svg/icon-linkedin-white.svg") 50% 50% no-repeat #3b3b3e;
    background-size: 14px auto;  
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       FOOTER NEWSLETTER           > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  div.footerSubcribeNewsletter {
    border-top: 1px solid #383940;
    margin-left: 12px;
    padding-top: 8px;
  }
  div.footerSubcribeNewsletter ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  div.footerSubcribeNewsletter h5 {
    font-size: 1.750em;
    letter-spacing: -0.010em;
  }
  div.footerSubcribeNewsletter ul li.columnOne {
    padding-left: 7px;
  }
  a.newsletterSignUp {
    color: #cdcdcd;
    border: 1px solid #9e9e9e;
    border-radius: 22px;
    display: block;
    padding: 8px 50px;
    font-size: 1.125em;
    max-width: 190px;
    text-decoration: none;
    text-align: center;
    transition: 0.5s;
  }
  
  a.newsletterSignUp:hover,
  a.newsletterSignUp:focus {
    background: #cdcdcd;
    color: #1f2129;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       FOOTER COPYRIGHT            > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  div.footerCopyrightContainer {
    background: #070809;
    padding: 7px 0;
  }
  ul.footerCopyRight {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    max-width: 1125px;
    align-items: baseline;
  }
  ul.footerCopyRight li.right {
    color: #959595;
    font-size: 0.875em;
  }
  ul.footerCopyRight li.right a {
    color: #959595;
    text-decoration: none;
  }
  ul.footerCopyrightMenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.938em;
    display: flex;
  }
  ul.footerCopyrightMenu li {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  ul.footerCopyrightMenu li:first-child {
    padding-left: 0;
  }
  ul.footerCopyrightMenu li:last-child {
    padding-right: 0;
  }
  ul.footerCopyrightMenu li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #fff;
    top: 50%;
    right: -1px;
    margin-top: -5px;
  }
  ul.footerCopyrightMenu li:last-child:after {
    display: none;
  }
  ul.footerCopyrightMenu a {
    color: #fff;
    text-decoration: none;
  }
  
  div.footerOurPartnersContainer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  div.footerOurPartnersContainer h6 {
    color: #888888;
    font: 2em/1 'TLTitle Semi Bold';
    text-transform: uppercase;
    text-align: center;
  }
  div.footerOurPartnersContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  div.footerOurPartnersContainer ul img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    opacity: .8;
    filter: grayscale(100%);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
  }
  div.footerOurPartnersContainer ul img:active,
  div.footerOurPartnersContainer ul img:focus,
  div.footerOurPartnersContainer ul img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
  div.footerOurPartnersContainer ul img.COMlessOpac,
  div.footerOurPartnersContainer ul img.SWOTClessOpac,
  div.footerOurPartnersContainer ul img.TIAOlessOpac,
  div.footerOurPartnersContainer ul img.SPORTTOURlessOpac,
  div.footerOurPartnersContainer ul img.RainbowlessOpac {
    opacity: .5;
  }
  div.footerOurPartnersContainer ul img.COMlessOpac:active,
  div.footerOurPartnersContainer ul img.COMlessOpac:focus,
  div.footerOurPartnersContainer ul img.COMlessOpac:hover, 
  div.footerOurPartnersContainer ul img.SWOTClessOpac:active,
  div.footerOurPartnersContainer ul img.SWOTClessOpac:focus,
  div.footerOurPartnersContainer ul img.SWOTClessOpac:hover,
  div.footerOurPartnersContainer ul img.TIAOlessOpac:active,
  div.footerOurPartnersContainer ul img.TIAOlessOpac:focus,
  div.footerOurPartnersContainer ul img.TIAOlessOpac:hover,
  div.footerOurPartnersContainer ul img.SPORTTOURlessOpac:active,
  div.footerOurPartnersContainer ul img.SPORTTOURlessOpac:focus,
  div.footerOurPartnersContainer ul img.SPORTTOURlessOpac:hover,
  div.footerOurPartnersContainer ul img.RainbowlessOpac:active,
  div.footerOurPartnersContainer ul img.RainbowlessOpac:focus,
  div.footerOurPartnersContainer ul img.RainbowlessOpac:hover {
    opacity: 1;
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       LARGE BANNERS FOR PAGES     > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                   > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.pageBanner {
    position: relative;
    max-height: 584px;
    overflow: hidden;
  }
  section.memberBanner {
    max-height: 450px;
    overflow: hidden;
  }
  
  section.pageBanner picture:after {
    content: '';
    background: rgba(0,0,0,.50);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  section.pageBanner img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    max-height: 688px;
  }
  section.pageBanner div.pageBannerDetails {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 90%;
    text-align: center;
  }
  
  section.pageBanner div.pageBannerDetails span.pill {
    display: inline-block;
    font: 2em/1 'TLTitle Bold';
    text-transform: uppercase;
    letter-spacing: 0.050em;
    padding: 5px 35px;
    border-radius: 22px;
  }
  section.pageBanner div.pageBannerDetails span.ttdPill {
    font-size: 1.25em;
  }
  
  
  section.pageBanner div.pageBannerDetails h1 {      
    font-family: 'TLTitle Bold';
    line-height: 0.875em;
    font-size: 4.188em;
  }
  section.pageBanner div.pageBannerDetails hr {
    border-color: #ff5041;
    margin: 0;
  }
  section.pageBanner div.pageBannerDetails span {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.150em;
    font-size: 1.188em;
    line-height: 1;
    padding-top: 8px;
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                           > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       ABOUT TOURISM LONDON - PAGE         > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                           > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  div.ourStaffBanner {
    position: relative;
  }
  div.ourStaffBanner img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    max-height: 427px;
  }
  div.ourStaffBanner div.ourStaffBannerDetails {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 90%;
    text-align: center;
  }
  div.ourStaffBanner h4 {
    color: #ff5041;
    font: 5.5em/1 'TLTitle Bold';
    text-transform: uppercase;
  
  }
  div.ourStaffBanner p {
    font: 1.5em/1 'TLSans Bold';
    text-transform: uppercase;
  }
  section.principalsSection {
    background: url("../jpg/bg-did-you-know.jpg") left top no-repeat #000;
    background-size: cover;
    padding: 20px 0;
    margin-bottom: 24px;
  }
  section.principalsSection div.wrapper {
    padding-left: 20px;
    padding-right: 20px;
    
  }
  section.principalsSection h3 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
  }
  section.principalsSection ul.guideingList {
    color: #fff;
    font-family: 'TLTitle Bold';
    margin: 0 auto;	
    padding: 0;
    max-width: 1000px;
    list-style-type: none;
    font-size: 1.625em;
    display: flex;
    flex-wrap: wrap;
  }
  section.principalsSection ul.guideingList li {
    border-right: 0 none;
    min-height: 225px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #435e6c;
    border-bottom: 1px solid #435e6c;
    text-align: center;
    box-sizing: border-box;
  }
  
  section.principalsSection ul.guideingList li:last-child {
    border-right: 0 none;
    border-bottom: 0 none;
  }
  section.principalsSection ul.guideingList li:nth-child(2) {
    border-right: 0 none;
  }
  section.principalsSection ul.guideingList li:nth-child(3) {
    border-bottom: 0 none;
  }
  section.principalsSection ul.guideingList li img {
    width: 95px;
  }
  section.principalsSection ul.guideingList li img.trailblazer {
    width: 65px;
  }
  section.principalsSection ul.guideingList li img.collaboration {
    width: 90px;
  }
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                           > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       CULTURE & ENTERTAINMENT - PAGE      > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                           > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  ul.miniCalage {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
  }
  ul.miniCalage li {
    box-sizing: border-box;
    padding: 5px;
    width: 33%;
  }
  ul.miniCalage li img {
    border-radius: 18px;
  }
  
  
  /* CUSTOM SWIPER FOR CANVAS */
  ul.singleContentCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;  
  }
  ul.contentCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;  
  }
  ul.contentCarousel li {
    position: relative;
    width: 458px;
    padding: 23px 3px 23px 15px;
  }
  ul.contentCarousel li img {
    border-radius: 32px;
  }
  div.swiperContent ul.standardCarousel li a {
    color: inherit;
    display: inline-block;
  }
  section.sectionWhyLondon div.swiperContentPaginationButtons {
    margin-top: 10px;
  }
  div.swiperContentPaginationButtons {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 45px;
  }
  div.swiperContentPaginationButtons ul.swiperContentPaginationList {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    position: relative;
    height: 100%;
    align-items: center;
  }
  div.swiperContentPaginationButtons button.swiperContentButton:after {
    border-color: #ff5041;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 50%;
    width: 8px;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
  }
  div.swiperContentPaginationButtons button.swiperContentButtonPrev:after {
    transform: rotate(-135deg);
  }
  div.swiperContentPaginationButtons button.swiperContentButton {
    position: relative;
    bottom: 0;
    z-index: 1;
    border: 1px solid #ff5041;
    width: 45px;
    height: 45px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    background: transparent;
  }
  div.swiperContentPaginationButtons ul.contentSwiperPagination li {	
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  div.swiperContentPaginationButtons ul.contentSwiperPagination li span {
    background: #b4b4b4;
    border: 0 none;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
  }
  div.swiperContentPaginationButtons ul.contentSwiperPagination li.swiper-pagination-bullet-active span {
    background: #ff5041;
  }
  div.swiperContentPaginationButtons ul li.prevButton {
    margin-right: 22px;
  }
  div.swiperContentPaginationButtons ul li.nextButton{
    margin-left: 22px;
  }
  div.swiperContentPaginationButtons ul.contentSwiperPagination{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  /* the single slider */
  div.swiperSingleContentPaginationButtons {
    margin-top: 10px;
  }
  div.swiperSingleContentPaginationButtons ul.contentSwiperPagination li {	
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0,0,0,0.4);
    opacity: 1;
    border-radius: 50%;
    padding: 5px;
  }
  
  div.swiperSingleContentPaginationButtons ul.contentSwiperPagination li span {
    background: transparent;
    width: 8px;
    height: 8px;	
  }
  
  div.swiperSingleContentPaginationButtons ul.swiperContentPaginationList button.swiperContentButton {
    border: 0 none;
    background: url("../svg/banner-next-button.svg") 50% 50% no-repeat;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    width: 41px;
    height: 18px;
    cursor: pointer;
  }
  div.swiperSingleContentPaginationButtons ul.swiperContentPaginationList button.swiperContentButton:after {
    display: none;
  }
  
  
  
  
  ul.bannerPagination li {
    
  }
  
  
  
  div.swiperContentPaginationButtons {}
  
  .swiperContentButton{}
  
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       CONTACT US - PAGE         > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  div.formContainer {
    background: #f2f2f2;
    border-radius: 22px;
    padding: 15px 20px;
  }
  div.formContainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  form label {
    display: block;
    padding-left: 15px;
    letter-spacing: 0.010em;
    padding-bottom: 5px;
    position: relative;
    font-size: 1.063em;
  }
  button.refresh {
    cursor: pointer;
    width: 26px;
    position: absolute;
    border: 0 none;
    background: transparent;
    right: 12px;
  }
  button.refresh svg {
    fill: #8a8a8a;
  }
  form input.text {
    border: 2px solid #d6d4d4;
    border-radius: 22px;
    padding: 6px 15px;
    width: 100%;
  }
  form textarea.textarea {
    border: 2px solid #d6d4d4;
    border-radius: 22px;
    padding: 20px 15px;
    width: 100%;
    box-sizing: border-box;
    resize: none;
  }
  
  form.blue-theme {
    color: #fff;
  }
  form.blue-theme div.formContainer {
    background: #175c7d;
  }
  form.blue-theme label {
    color: #fff;
  }
  form.blue-theme textarea.textarea {
    background: #5ca2b9;
    border-color: #5ca2b9;
    color: #fff;
  }
  form.blue-theme input.text {
    background: #5ca2b9;
    border-color: #5ca2b9;
    color: #fff;
  }
  form.blue-theme .option-input {
    background: #5ca2b9;
    border-color: #5ca2b9;
  }
  form.blue-theme .option-input:checked:before {
    border-color: #5ca2b9;
    
  }
  
  form div.half {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  
  
  
  input.pill {
    border: 2px solid #ff5041;
    cursor: pointer;
    border-radius: 50px;
    padding: 14px 20px;      
    background-color: #ff5041;
    color: #fff;
    font: 1.125em/1 'TLSans Bold';
    letter-spacing: 0.010em;
    width:225px;
    text-align:center;
    transition: color 0.3s, background-color 0.3s, transform 0.3s;
  }
  input.pill:hover,
  input.pill:focus,
  input.pill:active {
    border: 2px solid #ff5041;
    background-color: #fff;
    color: #ff5041;
  }
  
  a.pill-link {
    display: block;
    border-width: 2px;
    border-style: solid;
    border-radius: 50px;
    padding: 14px 20px;      
    font: 1.125em/1 'TLSans Bold';
    letter-spacing: 0.010em;
    width: 350px;
    text-align:center;
    text-decoration: none;
    transition: color 0.3s, background-image 0.3s, background-color 0.3s, transform 0.3s;
  
  }
  a.pill-link-text-white {
    border-color: #ff5041;
    background-color: #ff5041;
    color: #fff;
  }
  a.pill-link-text-white:hover,
  a.pill-link-text-white:focus,
  a.pill-link-text-white:active {
    background-color: #fff;
    color: #ff5041;
  }
  a.pill-link-text-salmon {
    border-color: #ff5041;
    background-color: #fff;
    color: #ff5041;
  }
  a.pill-link-text-salmon:hover,
  a.pill-link-text-salmon:focus,
  a.pill-link-text-salmon:active {
    background-color: #ff5041;
    color: #fff;
  }
  
  
  .bg-book-white {
    background-image: url("../svg/icon-book-white.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  
  .bg-book-salmon {
    background-image: url("../svg/icon-book-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  
  .bg-tickets-white {
    background-image: url("../svg/icon-tickets-white.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 35px auto;
  }
  .bg-website-white {
    background-image: url("../svg/icon-website-white.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  .bg-website-salmon {
    background-image: url("../svg/icon-website-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  .bg-calendar-salmon {
    background-image: url("../svg/icon-calendar-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  .bg-cell-salmon {
    background-image: url("../svg/icon-phone-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 24px auto;
  }
  .bg-map-salmon {
    background-image: url("../svg/icon-location-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 24px auto;
  }
  .bg-email-salmon {
    background-image: url("../svg/icon-email-grey.svg");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  .bg-book-white:hover {
    background-image: url("../svg/icon-book-grey.svg");
  }
  .bg-book-salmon:hover {
    background-image: url("../svg/icon-book-orange.svg");
  }
  .bg-tickets-white:hover {
    background-image: url("../svg/icon-tickets-orange.svg");
  }
  .bg-website-white:hover,
  .bg-website-white:active,
  .bg-website-white:focus {
    background-image: url("../svg/icon-website-grey.svg");
  }
  .bg-website-salmon:hover,
  .bg-website-salmon:active,
  .bg-website-salmon:focus {
    background-image: url("../svg/icon-website-white.svg");
  }
  .bg-calendar-salmon:hover,
  .bg-calendar-salmon:active,
  .bg-calendar-salmon:focus {
    background-image: url("../svg/icon-calendar-white.svg");
  }
  .bg-cell-salmon:hover,
  .bg-cell-salmon:active,
  .bg-cell-salmon:focus {
    background-image: url("../svg/icon-phone-white.svg");
  }
  .bg-map-salmon:hover,
  .bg-map-salmon:active,
  .bg-map-salmon:focus {
    background-image: url("../svg/icon-location-white.svg");
  }
  .bg-email-salmon:hover,
  .bg-email-salmon:active,
  .bg-email-salmon:focus {
    background-image: url("../svg/icon-email-white.svg");
  }

  .bg-apple-white {
    background-image: url("../png/icon-apple-white.png");
    background-position: 34px 50%;
    background-repeat: no-repeat;
    background-size: 26px auto;
  }
  .bg-apple-white:hover,
  .bg-apple-white:focus,
  .bg-apple-white:active {
    background-image: url("../png/icon-apple-orange.png");
  }
  .bg-google-white {
    background-image: url("../png/icon-google-white.png");
    background-position: 34px 50%;
    background-repeat: no-repeat;
    background-size: 26px auto;
  }
  .bg-google-white:hover,
  .bg-google-white:focus,
  .bg-google-white:active {
    background-image: url("../png/icon-google-orange.png");
  }
  .bg-outlook-white {
    background-image: url("../png/icon-outlook-white.png");
    background-position: 34px 50%;
    background-repeat: no-repeat;
    background-size: 26px auto;
  }
  .bg-outlook-white:hover,
  .bg-outlook-white:focus,
  .bg-outlook-white:active {
    background-image: url("../png/icon-outlook-orange.png");
  }
  .bg-office-three-six-five-white {
    background-image: url("../png/icon-office-365-white.png");
    background-position: 34px 50%;
    background-repeat: no-repeat;
    background-size: 26px auto;
  }
  .bg-office-three-six-five-white:hover,
  .bg-office-three-six-five-white:focus,
  .bg-office-three-six-five-white:active {
    background-image: url("../png/icon-office-365-orange.png");
  }

  .outerCalendarContainer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .calendarContainer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  
  ul.calendarOptions {
    margin: 0;
    padding: 7px 0 0;
    list-style-type: none;
  }
  ul.calendarOptions li {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  div.location {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  div.location h4 {
    font: 1.313em/1 'TLSans Semi Bold';
    letter-spacing: -0.025em;
    color: #3c3c3b;
  }
  p.locationCentrePhoto img {
    border-radius: 20px;
    box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 21px 0px rgba(0,0,0,0.2);
  }
  div.location div.details {
    padding-top: 5px;
    padding-left: 23px;
    padding-right: 27px;
  }
  p.address {
    background: url("../svg/icon-location-red.svg") left 8px no-repeat;
    background-size: 20px auto;
    padding-left: 26px;
  }
  h5.clock {
    font: 1.438em/1 'TLSans Bold';
    letter-spacing: -0.025em;
    color: #ff5041;
    background: url("../svg/icon-clock-orange.svg") left top no-repeat;
    background-size: 30px auto;
    padding-left: 38px;
    padding-bottom: 5px;
    padding-top: 2px;
    margin-top: 20px;
  }
  .smallIndent  {
    padding-left: 10px;
  }
  ul.contactColumns {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .formHeader {
    color: #2d4e5f;
    font: 3.375em/1 'TLTitle Semi Bold';
    text-transform: uppercase;
    padding-left: 10px;
    padding-bottom: 10px;
  
  }
  hr.thick {
    border-width: thick;
  }
  hr.no-margin {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       EVENTS PAGE - FILTER      > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.searchEvents {
    background: linear-gradient(to right, #f2f2f2 0%,#f2f2f2 50%,#dcdcdc 50%,#dcdcdc 100%);    
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
  }
  ul.searchColumns {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  
  
  
  ul.searchEventsColumns li.searchEventsColumnOne {
    background: #f2f2f2;
    padding: 20px 0;
    
  }
  ul.searchEventsColumns li.searchEventsColumnTwo {
    background: #dcdcdc;
  }
  ul.listingFilter {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
  }
  ul.listingFilter li.label {
    font: 2.188em/1 'TLTitle Semi Bold';
    color: #ff5041;
    text-transform: uppercase;
  }
  ul.listingFilter li.column {
    padding-left: 4px;
    padding-right: 4px;
  }
  ul.listingFilter li strong {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 22px;
    color: #2d4e5f;
    cursor: pointer;
    display: block;
    font: 1em/1 'TLSans Semi Bold';
    padding: 11px 45px 14px 18px;
    min-width: 155px;
    max-width: 155px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;  
  }
  ul.listingFilter li strong.date {
    min-width: 145px;
    max-width: 145px;
  }
  
  ul.listingFilter li strong:after {
    position: absolute;
    display: block;
    content: '';	
    top: 50%;
    margin-top: -2px;
    /*
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #ff5041;
    border-right: 2px solid #ff5041;
    transform: rotate(45deg) translateY(-50%);
    */
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;  
    border-top: 7px solid #ff5041;
    transition: transform .4s ease-in-out;
    transform-origin: 50% 40%;
    right: 15px;	
  }
  ul.listingFilter li strong.shiftUp:after {
    transform: rotate(-180deg);
  }
  
  ul.listingFilter li div.filterMenu {
    position: absolute;
    background: #f2f2f2;
    border: 1px solid #c4c4c4;
    /*max-width: 300px;
    min-width: 300px;*/
    max-width: fit-content;
    min-width: 200px;
    z-index: 5;
    padding: 10px 25px 20px 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s,opacity 0.3s,transform .3s;
    transform: translateY(45px);
    -moz-transition: visibility 0.3s,opacity 0.3s,-moz-transform .3s;
    -moz-transform: translateY(45px);
    -webkit-transition: visibility 0.3s,opacity 0.3s,-webkit-transform .3s;
    -webkit-transform: translateY(45px);
  }
  ul.listingFilter li div.filterMenuEnable {
    opacity: 1;
    transform: translateY(21px);
    visibility: visible;
    -webkit-transform: translateY(21px);
    -moz-transform: translateY(21px);
  }
  ul.listingFilter li div.filterSortByMenuEnable {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
  }
  ul.filterLists {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.listingFilter div.filterMenu li {
    cursor: pointer;
    padding: 5px 0;
  }
  ul.listingFilter ul.filterLists label {
    text-align: left;
    display: block;
    padding-left: 0;
    padding-bottom: 0;
    position: relative;
  }
  ul.filterLists label span {
    margin-left: 38px;
    display: block;
    position: relative;
    margin-top: -31px;
  }
  /* CATEGORIES FOR EVENTS GETS WIDER DUE TO ALL THE CATEGORIES */
  ul.listingFilter li div.eventsCategoryMenu {
    min-width: max-content;
    max-width: max-content;
  }
  ul.listingFilter li div.eventsCategoryMenu ul.filterLists {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
  
  
  .option-input.radio {
    border-radius: 50%;
  }
  .option-input:checked {
    background: #fff;
  }
  .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all .15s ease-out;
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
    outline: none;	
    z-index: 2;
  }
  .option-input:checked::before {
    height: 14px;
    width: 14px;
    position: absolute;
    display: inline-block;
    font-size: 16.66667px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    border: 7px solid #fff;
    content: '';
    background: #ff5041;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       EVENTS PAGE - LISTING     > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  div.introEvent {
    padding-top: 35px;
  }
  div.introEvent h2 {
    font: 2em/1 'TLTitle Bold'; 
    text-transform: uppercase;     
  }
  ul.paginationResults {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.listingCarousel li.listingFull img {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  ul.listingCarousel li.listingFull {
    width: 100%;
    padding-right: 0 !important;
  }
  
  .pagination {
    padding-top: 30px;
  }
  .pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination ul li {
    position: relative;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
  }
  .pagination ul li.previous {
    margin-right: 20px;
  }
  .pagination ul li.next {
    margin-left: 20px;
  }
  .pagination ul li.pages {
    border: 1px solid #c4c4c4;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    line-height: 2.250em;        
  }
  .pagination ul li.focus {
    border: 1px solid #ff5041;
    box-shadow: inset 0 0 0 1px #ff5041;
  }
  .pagination ul li a {
    text-decoration: none;
    border-bottom: 0 none;
  }
  .pagination ul li.pages a {
    display: block;
  }
  .pagination ul li.previous a:before,
  .pagination ul li.next a:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .pagination ul li.previous a:before {
    left:-20px;
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent; 
    border-right: 7px solid #ff5041; 
  }
  .pagination ul li.next a:after {
    right: -20px;
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #ff5041;        
  }
  /* DATE PICKER OVERRIDE */
  .qs-datepicker-container {
    font-family: 'TLSans Regular';
    opacity: 1;
    transform: translateY(21px);
    visibility: visible;
    top: auto !important;
    -webkit-transform: translateY(21px);
    -moz-transform: translateY(21px);
    transition: visibility 0.3s,opacity 0.3s,transform .3s;
    -moz-transition: visibility 0.3s,opacity 0.3s,-moz-transform .3s;
    -webkit-transition: visibility 0.3s,opacity 0.3s,-webkit-transform .3s;
  }
  
  .qs-hidden {
    display:inherit !important;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s,opacity 0.3s,transform .3s;
    transform: translateY(45px);
    -moz-transition: visibility 0.3s,opacity 0.3s,-moz-transform .3s;
    -moz-transform: translateY(45px);
    -webkit-transition: visibility 0.3s,opacity 0.3s,-webkit-transform .3s;
    -webkit-transform: translateY(45px);
  }
  
  
  
  .qs-controls {
    color: #ff5041;
    font-size: 35px;
    font-family: 'TLTitle Semi Bold';
    background: none !important;
  }
  .qs-day {
    font-family: 'TLTitle Semi Bold';
    color: #2d4e5f !important;
    text-transform: uppercase;
    font-size: 25px;
  }
  .qs-current {
    background: #fff;
    text-decoration: none !important; 
    font-family: 'TLSans Bold'; 
  }
  .qs-square {
    border-radius: 0 !important;
    height: 2em !important;
  }
  .qs-active {
    background: #ff5041 !important;
    color: #fff;
    font-family: 'TLSans Bold';
    border: 2px solid #fdc3be; 
  }
  .qs-range-start {
    background: #ff5041 !important;
    color: #fff;
    font-family: 'TLSans Bold';
    border-top: 2px solid #fdc3be; 
    border-left: 2px solid #fdc3be;
    border-right: 0 none; 
    border-bottom: 2px solid #fdc3be; 
  }
  .qs-range-end {
    background: #ff5041 !important;
    color: #fff;
    font-family: 'TLSans Bold';
    border-top: 2px solid #fdc3be; 
    border-right: 2px solid #fdc3be; 
    border-bottom: 2px solid #fdc3be;
    border-left: 0 none;
  }
  .qs-range-middle {
    background: #ff5041 !important;
    border-top: 2px solid #fdc3be;
    border-bottom: 2px solid #fdc3be;
    color: #fff;
    font-family: 'TLSans Bold';
  }
  .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background: #363f43 !important;
    color: #fff;
  }
  .qs-arrow:after {
    border-width: 6px !important;
  }
  .qs-arrow.qs-left::after {
    border-right-color:#ff5041 !important;
  }
  .qs-arrow.qs-right::after {
    border-left-color: #ff5041 !important;
  }
  .qs-arrow:hover {
    background: none !important;
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       EVENTS PAGE - DETAILS     > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  ul.socialshare {
    margin:0;
    padding: 0;
    list-style-type: none;
  }
  ul.socialshare li {
    padding: 4px 0;
  }
  ul.socialshare li strong {
    position: relative;
    padding-left: 5px;
  }
  ul.socialshare li strong:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: #ff5041;
    left: -35px;
    top: 50%;
  }
  ul.socialshare li a {
    padding-left: 32px;
    text-decoration: none;
  }
  ul.socialshare li.facebook a {
    background: url("../svg/icon-share-facebook-orange.svg") 5px 50% no-repeat;
    background-size: 12px auto;
  }
  ul.socialshare li.twitter a {
    background: url("../svg/icon-share-twitter-orange.svg") 2px 50% no-repeat;
    background-size: 20px auto;
  }
  ul.socialshare li.email a {
    background: url("../svg/icon-share-email-orange.svg") 0 50% no-repeat;
    background-size: 22px auto;
  }
  ul.socialshare li.link a {
    background: url("../svg/icon-share-link-orange.svg") 0 50% no-repeat;
    background-size: 22px auto;
  }
  ul.socialshare li.link button {
    background: url("../svg/icon-share-link-orange.svg") 0 50% no-repeat transparent;
    background-size: 22px auto;
    border: 0 none;
    cursor: pointer;
    padding-left: 32px;
    color: #3c3c3b;
  }
  section.pageBannerEventDetails {
    position: relative;
    min-height: 434px;
  }
  section.pageBannerEventDetails picture img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-height: 464px;
    /* max-height: 434px; */
  }
  
  
  ul.eventDetailsContainer {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  div.eventDetails {
    position: relative;
    z-index: 1;
  }
  
  ul.socialDescription {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  section.eventDetailsContainer p.photo img {
    border-radius: 22px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  section.eventDetailsContainer h1 {
    color: #fff;
    font: 60px/1 'TLTitle Bold';
  }
  section.eventDetailsContainer time {
    background: url("../svg/icon-date-event-header.svg") left top no-repeat;
    background-size: 32px auto;
    color: #fff;
    display: block;
    font-size: 1.625em;
    letter-spacing: -0.025em;
    padding-left: 45px;
    margin-top: 7px;
  }
  div.eventDetailsContact {
    margin-top: 60px;
    border-radius: 22px;
    padding: 20px 0;
  }
  div.eventDetailsContact a.pill-link {
    width: 296px;
    margin: 0 auto;
  }
  
  
  div.eventDetailsContact ul.social {
    display: flex;
    justify-content: center;
    margin: 5px 0 0;
    padding: 0;
    list-style-type: none;
  }
  div.eventDetailsContact ul.social li {
    padding-left: 10px;
    padding-right: 10px;
  }
  div.eventDetailsContact ul.social li a {
    background: #ff5041;
    display: block;
    width: 60px;
    height: 60px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    border-radius: 50%;
  }
  div.eventDetailsContact ul.social li.facebook a {
    background: url("../svg/icon-facebook-white.svg") 50% 50% no-repeat #ff5041;
    background-size: 16px auto;
  }
  div.eventDetailsContact ul.social li.twitter a {
    background: url("../svg/icon-twitter-white.svg") 50% 50% no-repeat #ff5041;
    background-size: 28px auto;
  }
  div.eventDetailsContact ul.social li.instagram a {
    background: url("../svg/icon-instagram-white.svg") 50% 50% no-repeat #ff5041;
    background-size: 28px auto;
  }
  
  div.eventDetailsMap {
    margin-top: 20px;
    border-radius: 22px;
    padding: 20px;
  }
  div.eventDetailsMap div.map {
    border-radius: 22px;
    border: 7px solid #fff;
    min-height: 245px;
    position: relative;
    background: url("../jpg/default-map-background.jpg") 0 0 no-repeat;
	  background-size: cover;
  }
  div.eventDetailsMap div.map button.pill {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
  }
  ul.locationTimeListing {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.locationTimeListing li.time {
    padding-left: 15px;
  }
  .detailTitles {
    padding-left: 40px;
  }
  .locationTitle {
    background: url("../svg/icon-nav-location-orange.svg") 0 50% no-repeat;
  }
  .addressTitle {
    background: url("../svg/icon-location-orange.svg") 0 50% no-repeat;
  }
  .timeTitle {
    background: url("../svg/icon-time-orange.svg") 0 50% no-repeat;
  }
  .costTitle {
    background: url("../svg/icon-cost-orange.svg") 0 50% no-repeat;
  }
  .capacityTitle {
    background: url("../svg/icon-capacity-orange.svg") 0 50% no-repeat;
  }
  .categoriesTitle {
    background: url("../svg/icon-categories-orange.svg") 0 50% no-repeat;
  }
  .diningTitle {
    background: url("../svg/icon-dining-orange.svg") 0 50% no-repeat;
    background-size: 22px auto;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .starTitle {
    background: url("../svg/icon-star-orange.svg") 0 50% no-repeat;
  }
  
  
  div.eventDescription {
    position: relative;
    transition: height .75s linear;
    word-wrap: break-word;
  }
  .text-shadow {  
    position: absolute;
    width: 100%;
    height: 59px;
    z-index: 1;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%);
  }
  .text-shadow:after {
    position: absolute;
    content: 'show more...';
    color: #ff5041;
    font-family: 'TLSans Semi Bold';
    cursor: pointer;
    top: 38px;
  }
  .text-clear {  
    position: absolute;
    width: 100%;
    /*height: 59px;*/
    height: 27px;
    z-index: 1;
    bottom: 0;
    
  }
  .text-clear:after {
    position: absolute;
    content: 'show less';
    color: #ff5041;
    font-family: 'TLSans Semi Bold';
    cursor: pointer;
    /*top: 38px;*/
    top: 2px;
  }
  
  
  div.collapsedDesc {
    height: 290px;
    overflow: hidden;
  }
  div.expandDesc {
    padding-bottom: 20px;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >       THINGS TO DO - FILTER     > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                 > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.searchTTD {
    background: #f2f2f2;    
  }
  ul.searchTTDColumns li.searchTTDColumnOne {
    background: #f2f2f2;
    padding: 20px 0;
    
  }
  ul.listingFilter li.filterlabel {
    background: url("../svg/icon-filter.svg") left 50% no-repeat;
    background-size: 30px auto;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    width: 20px;
    padding-right: 16px;
  }
  button.reset {
    position: relative;
    padding-left: 30px;
  }
  button.reset span {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    margin-top: -13px;
    left: 15px;
  }
  button.reset span:before,
  button.reset span:after{
    content:'';
    position:absolute;
    width: 16px;
    height: 2px;
    background-color:#ff5041;;
    border-radius:16px;
    top:12px;
    
  }
  button.reset span:before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:4px;
  }
  button.reset span:after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:4px;
  }
  
  /* MEETING PLANNERS */
  div.planNext {
    padding-left: 20px;
    padding-right: 20px;
  }
  div.planNext h4::before {
    content: '';
    top: 50%;
    left: -20px;
    margin-top: -4px;
    position: absolute;
    border: solid #ff5041;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  div.planNext h4 {
    font-family: 'TLTitle Bold';
    color: #2d4e5f;
    font-size: 33px;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
  }
  div.planNext p {
    padding-top: 0;
    font-size: 1.063em;
  }
  
  /* TESTIMONIALS */
  div.testinmonialContainer {
    position: relative;
  }
  div.testinmonialContainer img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    min-height: 600px;
    
  }
  div.testinmonialContainerDetails {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 90%;
    text-align: center;
  }
  div.testinmonialContainer h4 {
    color: #ff5041;
    font: 3.5em/1 'TLTitle Bold';
    text-transform: uppercase;
  }
  
  .testimonialsContainer blockquote {
    margin: 0 auto;
    padding: 36px 0 0;
    max-width: 930px;
    position: relative;
    text-align: left;
  }
  .testimonialsContainer blockquote:before {
    position: absolute;
    content: open-quote;
    top: 23px;
    left: 0;
    color: #ff5041;
    font-family: 'TLTitle Extra Bold';
    font-size: 5em;
    line-height: 1;
  }
  .testimonialsContainer blockquote:after {
    position: absolute;
    content: close-quote;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
  }
  
  .testimonialsContainer blockquote:before {
    top: -38px;
    left: -110px;
    font-size: 19em;
  }
  
  
  .testimonialsContainer cite {
    font-style: normal;
    color: #fff3c0;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
    text-align: center;
  }
  .testimonialsContainer cite em {
    text-transform: none;
    font-family: 'TLSans Bold Italic';
  }
  .testimonialsContainer cite span {
    font-family: 'TLTitle Bold';
  }
  
  
  /* HOMETOWN DID YOU KNOW */
  section.introductionSection {
    background: url("../jpg/bg-did-you-know.jpg") left top no-repeat #000;
    background-size: cover;
    padding: 20px 0;
  }
  section.introductionSection h3 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
  }
  section.introductionSection ul.introList {
    color: #fff;
    font-family: 'TLSans Bold';
    font-size: 0.938em;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
    list-style-type: none;
  }
  section.introductionSection ul.introList li {
    box-sizing: border-box;
    text-align: left;
    /*border-right: 1px solid #ffce73;*/
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    width: auto;
  }
  section.introductionSection ul.introList li div.details {
    max-width: 242px;
    margin-left: 155px;
    
  }
  section.introductionSection ul.introList li.listTwo div.details {
    max-width: 237px;
  }
  section.introductionSection ul.introList li.listThree div.details {
    max-width: 230px;
  }
  section.introductionSection ul.introList li.listFour div.details {
    max-width: 228px;
  }
  section.introductionSection ul.introList li.listSix div.details {
    max-width: 230px;
  }
  section.introductionSection ul.introList li:last-child {
    border-right: 0 none;
    color: #ff5041;
    font-size: 1.625em;
    width: 100%;
    text-align: center;
    letter-spacing: -0.005em;
    min-height: auto;
  }
  
  section.introductionSection img.suitcase {
    width: 150px;
  }
  section.introductionSection img.figures {
    width: 91px;
  }
  section.introductionSection img.rowfigures {
    width: 130px;
  }
  section.introductionSection img.house {
    width: 135px;
  }
  section.introductionSection img.knifefork {
    width: 92px;
  }
  section.introductionSection img.serviceicons {
    width: 62px;
  }
  section.introductionSection img.dollarbills {
    width: 130px;
  }
  section.introductionSection div.photo div:first-child {
    float: left;
  }
  section.introductionSection div.photo,
  section.introductionSection p.photo {
    float: left;
    width: 150px;
    text-align: center;
  }
  section.introductionSection div.photo {
    width: 200px;
  }
  section.introductionSection ul.introList li.listFive div.details {
    margin-left: 200px;
  }
  section.introductionSection div.photo span,
  section.introductionSection p.photo span {
    display: block;
    color: #fff;
    font-family: 'TLTitle Bold';
    font-size: 3em;
    line-height: 0.938;
    letter-spacing: 0.010em;
  }
  section.introductionSection div.photo span.smaller,
  section.introductionSection p.photo span.smaller {
    font-size: 2.313em;
  }
  
  section.introductionSection div.didYouKnowNavigation {
    position: relative;
    height: 45px;
    display: flex;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
  }
  
  section.introductionSection div.didYouKnowNavigation ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    position: relative;
  }
  
  
  section.introductionSection div.didYouKnowNavigation li.prevButton {
    margin-right: 22px;
  }
  section.introductionSection div.didYouKnowNavigation li.nextButton {
    margin-left: 22px;
  }
  
  section.introductionSection div.didYouKnowNavigation li.prevButton,
  section.introductionSection div.didYouKnowNavigation li.nextButton,
  section.introductionSection div.didYouKnowNavigation li.pageContainer {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  section.introductionSection div.didYouKnowNavigation li.prevButton button,
  section.introductionSection div.didYouKnowNavigation li.nextButton button {
    text-align: left;
    text-indent: -99em;
    background: none;
    border: 0;
    position: relative;
    margin-top: -13px;
  }
  section.introductionSection div.didYouKnowNavigation li.nextButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 28px solid #d9d9d9;  
    right: 0;
    top: 0;
    clip-path: polygon(76% 16px, 0% 100%, 12px 50%, 0% 0)
  }
  section.introductionSection div.didYouKnowNavigation li.nextButton button:before {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid indigo;
    position: absolute;
    top: -16px;
    left: -28px;
  }
  section.introductionSection div.didYouKnowNavigation li.prevButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 28px solid #d9d9d9;
    left: 0;
    top: 0;
    clip-path: polygon(76% 16px, 100% 100%, 12px 50%, 100% 0);
  }
  section.introductionSection div.didYouKnowNavigation li.prevButton button:after {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid indigo;
    position: absolute;
    top: -16px;
    right: -28px;
  }
  section.introductionSection ul.didYouKnowPagination li {
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  section.introductionSection ul.didYouKnowPagination li span {
    background: #b4b4b4;
    border: 0;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
  }
  section.introductionSection ul.didYouKnowPagination li.swiper-pagination-bullet-active span {
    background: #2b86a4;
  }
  /* HOMETOWN GETTING STARTED */
  section.sectionGettingStarted {
    
    padding-top: 20px;
    padding-bottom: 5px;
  }
  section.sectionGettingStarted div.wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  section.sectionGettingStarted ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  section.sectionGettingStarted ul.collage {
    max-width: 502px;
    margin: 0 auto;
  }
  section.sectionGettingStarted ul.collage li {
    box-sizing: border-box;
  }
  section.sectionGettingStarted ul.collage li.columnOne {
    position: relative;
    text-align: right;
  }
  section.sectionGettingStarted ul.collage li.columnOne img {
    position: relative;
  }
  
  section.sectionGettingStarted ul.collage li.columnOne img.hometownCheckin {
    position: absolute;
    right: -10px;
    top: 80px;
    z-index: 1;
    width: 192px;
  }
  section.sectionGettingStarted ul.collage li.columnOne img.hometownHandshake {
    position: absolute;
    left: -10px;
    bottom: 28px;
    z-index: 1;
    width: 140px;
  }
  section.sectionGettingStarted ul.collage li.columnOne img.hometownConference {
    position: absolute;
    left: 66px;
    top: 50px;
    z-index: 1;
    width: 150px;
  }
  
  section.sectionGettingStarted ul.collage li.columnTwo {
    text-align: left;
  }
  section.sectionGettingStarted ul.collage li.columnTwo div {
    color: #fff;
    background: #175c7d;
    font-family: 'TLSans Regular';
    padding: 4px 20px 20px;
    position: relative;
    z-index: 0;
  }
  section.sectionGettingStarted ul.collage li.columnTwo div strong {
    font-family: 'TLSans Bold';
    font-size: 1.563em;
    line-height: 1;
    letter-spacing: -0.010em;
    display: block;
    padding-bottom: 5px;
  }
  
  section.sectionGettingStarted ul.steps {
    max-width: 1092px;
    margin: 15px auto;
  }
  section.sectionGettingStarted ul.steps li {
    padding: 0px;
    width: auto;
  }
  section.sectionGettingStarted ul.steps div.sphere {
    background: #175c7d;
    -webkit-box-shadow: 5px 3px 9px 5px rgba(0,0,0,0.16); 
    box-shadow: 5px 3px 9px 5px rgba(0,0,0,0.16);
    border-radius: 50%;
    border: 7px solid #92d6ec;
    color: #fff;
    font-family: 'TLSans Bold';
    width: 260px; /*340*/
    height: 285px; /*340*/
    padding: 35px 40px 20px;
    position: relative;
    margin: 0 auto;
  }
  section.sectionGettingStarted ul.steps div.sphere h4 {
    color: #fff;
    font-family: 'TLTitle Extra Bold Italic';
    font-size: 6.250em;
    letter-spacing: 0.010em;
    line-height: 0.875;
    text-transform: uppercase;
    text-align: center;
  }
  section.sectionGettingStarted ul.steps div.sphere p {
    padding-top: 0;
  }
  section.sectionGettingStarted ul.steps div.sphere a {
    color: #fff;
  }
  section.sectionGettingStarted ul.steps div.sphere span {
    background: #288ca8;
    display: block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 3px;
    
  }
  section.sectionGettingStarted ul.steps div.sphere span img {
    position: absolute;
    width: 76px;
    max-width: inherit;
    left: 4px;
  }
  
  section.sectionGettingStarted div.gettingStartedNavigation {
    position: relative;
    height: 45px;
    display: flex;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
  }
  
  section.sectionGettingStarted div.gettingStartedNavigation ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    position: relative;
  }
  section.sectionGettingStarted ul.gettingStartedPagination li {
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  section.sectionGettingStarted ul.gettingStartedPagination li span {
    background: #b4b4b4;
    border: 0;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
  }
  section.sectionGettingStarted ul.gettingStartedPagination li.swiper-pagination-bullet-active span {
    background: #2b86a4;
  }
  /* HOMETOWN WHY CHOOSE LONDON */
  section.sectionWhyLondon {
    background: #fff;
    padding: 35px 0 20px;
  }
  section.sectionWhyLondon div.wrapper {
      padding-left: 20px;
      padding-right: 20px;
    }
  section.sectionWhyLondon h3 {
    color: #2e4f62;
    font-family: 'TLTitle Bold';
    font-size: 2.438em;
    line-height: 0.875;
    text-align: center;
  }
  section.sectionWhyLondon div.whyLondonContainer,
  section.sectionWhyLondon div.whyLondonContainerTwo,
  section.sectionWhyLondon div.whyLondonContainerThree  {
    margin-top: 15px;
  }
  section.sectionWhyLondon ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    position: relative;
  }
  section.sectionWhyLondon ul li {
    padding-left: 36px;
    padding-right: 36px;
  }
  section.sectionWhyLondon ul.swiperContentPaginationList li {
    padding-left: 0;
    padding-right: 0;
  }
  section.sectionWhyLondon ul.contentSwiperPagination li {
    padding-left: 6px;
    padding-right: 6px;
  }
  
  div.swiperContentPaginationButtons ul.contentSwiperPagination {
    position: inherit;
  }
  
  section.sectionWhyLondon ul li.listWhyLondon {
    opacity: 0.6;
  }
  section.sectionWhyLondon ul li.swiper-slide-active {
    opacity: 1;
  }
  
  section.sectionWhyLondon ul h4 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    /*font-size: 2.563em;*/
    font-size: 2.125em;
    line-height: 0.875em;
    /*letter-spacing: -0.025em; */
    text-transform: uppercase;
    padding-top: 5px;
  }
  section.sectionWhyLondon ul h4 a {
    color: #ff5041;
    text-decoration: none;
  }
  section.sectionWhyLondon ul p.photo {
    padding: 0;
  }
  section.sectionWhyLondon ul p.photo img {
    border-radius: 22px;
  }
  section.sectionWhyLondon ul div.details {
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 37px;
  }
  section.sectionWhyLondon ul div.details div.description {
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
  }
  section.sectionWhyLondon ul div.details div.description a.showmore {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    color: #0586c7;
    display: inline-block;
    font-family: 'TLSans Bold Italic';
    position: absolute;	
    z-index: 1;
    text-decoration: none;
    right: 0;
    bottom: 4px;
    padding-left: 50px;
  }
  
  section.sectionWhyLondon ul div p {
    font-family: 'TLSans Regular';
    line-height: 1.4;
  }
  
  section.sectionWhyLondon div.whyChooseNavigation {
    position: relative;
    height: 45px;
    display: flex;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
  }
  
  section.sectionWhyLondon div.whyChooseNavigation li.prevButton {
    margin-right: 22px;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.nextButton {
    margin-left: 22px;
  }
  
  section.sectionWhyLondon div.whyChooseNavigation li.prevButton,
  section.sectionWhyLondon div.whyChooseNavigation li.nextButton,
  section.sectionWhyLondon div.whyChooseNavigation li.pageContainer {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.prevButton button,
  section.sectionWhyLondon div.whyChooseNavigation li.nextButton button {
    text-align: left;
    text-indent: -99em;
    background: none;
    border: 0;
    position: relative;
    margin-top: -13px;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.nextButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 28px solid #d9d9d9;  
    right: 0;
    top: 0;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.nextButton button:before {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    top: -16px;
    left: -28px;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.prevButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 28px solid #d9d9d9;
    left: 0;
    top: 0;
  }
  section.sectionWhyLondon div.whyChooseNavigation li.prevButton button:after {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid #fff;
    position: absolute;
    top: -16px;
    right: -28px;
  }
  section.sectionWhyLondon ul.whyChoosePagination li {
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  section.sectionWhyLondon ul.whyChoosePagination li span {
    background: #b4b4b4;
    border: 0 none;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    
  }
  section.sectionWhyLondon ul.whyChoosePagination li.swiper-pagination-bullet-active span {
    background: #2b86a4;
  }
  /* HOMETOWN HOSTS SERIES */
  section.sectionHometownHosts {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  section.sectionHometownHosts div.wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  section.sectionHometownHosts h3 {
    color: #2e4f62;
    font-family: 'TLTitle Bold';
    font-size: 2.438em;
    line-height: 1;
    text-align: center;
  }
  section.sectionHometownHosts div.hometownHostContainer {
    margin-top: 15px;
    overflow:hidden;
  }
  section.sectionHometownHosts ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    position: relative;
  }
  section.sectionHometownHosts ul h4 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    font-size: 2.5em;
    line-height: 1;
    letter-spacing: -0.025em;
    text-transform: uppercase;
  }
  section.sectionHometownHosts ul p.photo {
    padding: 0;
  }
  section.sectionHometownHosts ul p.photo img {
    border-radius: 22px;
    
  }
  section.sectionHometownHosts ul div.details {
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
  }
  section.sectionHometownHosts ul div p {
    font-family: 'TLSans Regular';
    line-height: 1.4;
  }
  section.sectionHometownHosts a.button {
    border: 0 none;
    background: none;
    color: #000;
    display: inline-block;
    font-family: 'TLSans Bold';
    line-height: 1;	
    text-align: center;
    padding: 0 0 5px 0;
    text-decoration: none;
    border-bottom: 2px solid #ff5041;
  }
  section.sectionHometownHosts div.hometownHostsNavigation {
    position: relative;
    height: 45px;
    display: flex;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
  }
  
  section.sectionHometownHosts div.hometownHostsNavigation li.prevButton {
    margin-right: 22px;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.nextButton {
    margin-left: 22px;
  }
  
  section.sectionHometownHosts div.hometownHostsNavigation li.prevButton,
  section.sectionHometownHosts div.hometownHostsNavigation li.nextButton,
  section.sectionHometownHosts div.hometownHostsNavigation li.pageContainer {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.prevButton button,
  section.sectionHometownHosts div.hometownHostsNavigation li.nextButton button {
    text-align: left;
    text-indent: -99em;
    background: none;
    border: 0;
    position: relative;
    margin-top: -13px;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.nextButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 28px solid #d9d9d9;  
    right: 0;
    top: 0;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.nextButton button:before {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid #f6f6f6;
    position: absolute;
    top: -16px;
    left: -28px;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.prevButton button {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 28px solid #d9d9d9;
    left: 0;
    top: 0;
  }
  section.sectionHometownHosts div.hometownHostsNavigation li.prevButton button:after {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid #f6f6f6;
    position: absolute;
    top: -16px;
    right: -28px;
  }
  section.sectionHometownHosts ul.hometownHostsPagination li {
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  section.sectionHometownHosts ul.hometownHostsPagination li span {
    background: #b4b4b4;
    border: 0 none;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
  }
  section.sectionHometownHosts ul.hometownHostsPagination li.swiper-pagination-bullet-active span {
    background: #2b86a4;
  }
  
  /* HOMETOWN RESOURCES */
  .sectionResources {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .sectionResources div.wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sectionResources h3 {
    color: #2e4f62;
    font-family: 'TLTitle Bold';
    font-size: 2.438em;
    line-height: 1;
    text-align: center;
  }
  ul.resourcesList {
    
    padding: 0;
    list-style-type: none;
    text-align: left;
    max-width: 890px;
    margin: 20px auto 0;
  }
  ul.resourcesList li.category {
    padding: 12px 0;
  }
  ul.resourcesList h4 {
    border-radius: 6px;
    background: #f2f2f2;
    color: #175c7d;
    cursor: pointer;
    font-family: 'TLSans Bold';
    font-size: 1em;
    font-weight: normal;
    padding: 10px 45px 10px 21px;
    position: relative;
  }
  ul.resourcesList h4 a {
    text-decoration: none;
    color: #175c7d;
  }
  ul.resourcesList h4 span {
    display: block;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;  
    border-left: 17px solid #2b86a4;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 18px;
    transform: rotate(0deg);
    transition: all 0.3s ease-out;
    text-align: left;
    text-indent: -99em;
    font-size: 0;
    line-height: 0;
    
  }
  
  
  ul.resourcesList h4 span.focus {
    transform: rotate(90deg);
  }
  
  
  ul.resourcesList h4 span:before {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 7px solid #f2f2f2;
    position: absolute;
    top: -13px;
    left: -18px;
  }
  ul.resourcesList div {
    display: none;
    padding: 10px 40px 10px 15px;
  }
  ul.resourcesList div ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.resourcesList div ul li {
    padding: 6px 4px;
  }
  ul.resourcesList div ul a {
    color: #3c3c3b;
    font-family: 'TLSans Regular';
    font-size: 1.25em;
    text-decoration: none;
    padding-left: 5px; 
    padding-right: 5px;
    position: relative;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  ul.resourcesList div ul a:hover:after,
  ul.resourcesList div ul a:focus:after {
    opacity: 1;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
  }
  ul.resourcesList div ul a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #ff5041;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(14px);
    -moz-transform: translateY(14px);
    transform: translateY(14px);
  }
  /* HOMETOWN CONTACT FORM */
  .sectionConactUs {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sectionConactUs h3 {
    color: #fff;
    text-align: center;
    font-family: 'TLTitle Extra Bold';
  }
  
  /* HOMETOWN HOST */
  .seriesContainerDetails h3 {
  
    font: 2em/1 'TLTitle Bold';
    text-transform: uppercase;
    text-align: center;
  }
  .seriesContainerDetails li div.details {
    padding-top: 15px;
  }
  .seriesContainerDetails li img {
    border-radius: 12px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >           MURALS          > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  
  div.mainBlogDescription h3.muralArtists {
    font: 2em/1 'TLTitle Bold';
    text-transform: uppercase;
    text-align: center;
  }
  hr.thick {
    background: #c4c4c4;
    border-top: 1px solid #c4c4c4;
    height: 8px;
  }
  ul.meetMuralArtists {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 20px; 
  }
  ul.meetMuralArtists li {
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 20px;  
  }
  ul.meetMuralArtists li:last-child {
    padding-right: 0;
    padding-left: 10px;
  }
  ul.meetMuralArtists li h5 {
    color: #435e6c;
    font-family: 'TLSans Bold';
    font-size: 1.250em;
    line-height: 1.2;
  }
  ul.meetMuralArtists li img {
    box-sizing: border-box;
    border: 6px solid #ff5041;
    border-radius: 50%;
    margin-left: 0;
  }
  ul.meetMuralArtists li p.linkaddy {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  ul.meetMuralArtists li p.linkaddy a {
    border-color: #3c3c3b;
  }
  
  
  
  
  i.email {
    background: url("../svg/icon-email-grey.svg") 50% 50% no-repeat;
    background-size: 25px auto;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
  
  }
  i.instagram {
    background: url("../png/icon-instagram-gray.png") 50% 50% no-repeat;
    background-size: 20px auto;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
  }
  
  ul.meetMuralArtists li a.pill-link {
    width: 164px;
    border-width: 2px;
    color: #ff5041;
  }
  ul.meetMuralArtists li a.pill-link:hover,
  ul.meetMuralArtists li a.pill-link:focus {
    
    color: #fff;
    
  }
  ul.meetMuralArtists li p:last-child {
    padding-top: 0;
  }
  ul.muralLogos {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.muralLogos li {
    width: 50%;
    text-align: center;
    align-self: end;
  }
  
  
  div.artistBio {
    background: #fff;
    border-radius: 32px;
    border: 8px solid #cccccc;
    max-width: 558px;
  }
  div.artistBio img {
    box-sizing: border-box;
    border: 6px solid #ff5041;
    border-radius: 50%;
    margin-left: 0;
  }
  div.artistBio h4 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    text-transform: uppercase;
    line-height: 1;
    font-size: 40px;
    text-align: center;
  }
  div.artistBio h5 {
    color: #2d4e5f;
    font-family: 'TLSans Bold';
    font-size: 1.438em;
    line-height: 1;
  }
  div.artistBio hr.thick {
    background: #e2e2e2;
    border-top: 1px solid #e2e2e2;
    height: 8px;
  }
  
  div.artistBio a.close {
    width: 200px;
    margin: 0 auto;
  }
  div.artistBio a.close:hover {
   
  }
  
  div.artistBio button.fancybox-close-small {
    padding: 0;
  }
  /* END MURALS */
  
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       MEMBERS DETAILS     > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.memberBanner div.pageBannerDetails h1 {
    font-size: 5em;
  }
  section.memberBanner div.pageBannerDetails span {
    letter-spacing: 0.025em;
  }
  ul.memberCarouselNavigation {
    margin: 17px 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  button.memberCarouselButton {
    border: 1px solid #9d9d9d;
    background: #fff;
    text-align: left;
    text-indent: -99em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 60px;
    height: 60px;
  }
  button.memberCarouselNext {
    left: -1px;
  }
  
  button.memberCarouselPrev:after,
  button.memberCarouselNext:after {
    content: '';
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
  }
  button.memberCarouselPrev:after {
    border-right: 7px solid #ff5041;
  }
  button.memberCarouselNext:after {
    border-left: 7px solid #ff5041;
  }
  
  
  div.memberCarouselPagination {
    position: absolute;
    text-transform: uppercase;
    font-family: 'TLTitle Bold';  
    letter-spacing: 0.080em;
    bottom: 14px;
    left: 155px;
  }
  span.title {
    padding-right: 5px;
    color: #ff5041;
  }
  span.progress {
    background: #ccc;
    display: inline-block;
    height: 2px;
    position: relative;
    width: 25px;
    margin-right: 5px;
    margin-left: 5px;
    top: -5px;
  }
  span.progressfill {
    background: #ff5041;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
  }
  div.galleryContainerHopper {
    /*margin-top: -170px;*/
    margin-top: -9%;
    height: 328px;
  }
  /* OVERWRITING THIS WHEN THE HOPPER IS IN THE DESCRIPTION (MULTIPLE GALLERIES) */
  div.muralsBlock div.galleryContainerHopper {
    /*margin-top: -170px;*/
    margin-top: 0;
    margin-left: -50px;
    margin-right: -50px;
  }
  
  
  div.galleryCarouselHopper {
    margin-top: 0;  
  }
  div.galleryContainer {
    padding: 13px 14px;
    background: #fff;
    position: relative;
  }
  ul.memberCarouselWrapper {
    margin:0;
    padding: 0;
    list-style-type: none;
  }
  ul.memberCarouselWrapper li {
    width: auto;
  }
  ul.memberCarouselWrapper li img {
    height: 225px !important;
    width: auto;
  }
  ul.memberCarouselWrapper li.videoSlide {
    height: 225px; 
    width: 100%;
    position: relative;
  }
  ul.memberCarouselWrapper li.videoSlide:before {
    /*position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;*/
  }
  ul.memberCarouselWrapper li.videoSlide iframe {
    /*height: 225px; 
    width: 392px;*/
    height: 100%; 
    width: 100%;
  }
  
  div.memberIntro {
    padding-top: 0;
    font-size: 1.625em;
    line-height: 1.2;
  }
  
  ul.singleMemberDetailsList {
    margin: 5px 0 0;
    padding: 0 18px;
    list-style-type: none;
  }
  
  ul.singleMemberDetailsList li:before {
    content: "\2022"; 
    color: #ff5041;
    display: inline-block; 
    width: 1em;
    margin-left: -1em
  }
  
  ul.doubleMemberDetailsList {
    margin: 5px 0 0;
    padding: 0 18px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
  }
  ul.doubleMemberDetailsList li {
    width: 50%;
  }
  ul.doubleMemberDetailsList li:before {
    content: "\2022"; 
    color: #ff5041;
    display: inline-block; 
    width: 1em;
    margin-left: -1em
  }
  ul.doubleMemberDetailsList li:nth-child(2n):before {
    margin-left: 0;
  }
  div.memberDetailsContact {
    margin-top: 0px;
  }
  /* PARTNER: FOLLOW SOCIAL BLOCK */
	p.locationPartner {
	  padding-left: 25px;
	  padding-right: 25px;
	}
	
  /* SINGLE IMAGE MEMBERS DETAILS INFO */
  div.gallerySingleContainerHopper {
    margin-top: -117px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    width: 63%;
    padding-right: 2%;
    text-align: right;
  }
  div.gallerySingleContainerHopper p.photo img {
    border-radius: 22px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  div.singleImageMemberDetailsContact {
    margin-top: -344px;
  }
  
  div.meetingFacilitiesBlock h3 {
    background: #2d4e5f;
    color: #fff;
    font: 1.375em/1 'TLSans Bold';
    border-radius: 10px;
    padding: 15px 40px;
    cursor: pointer;
    position: relative;                    
  }
  div.meetingFacilitiesBlock h3:after {
    content: '';
    position: absolute;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
    top: 50%;
    transform-origin: 50% 40%;
    transition: transform .4s ease-in-out;
  }
  div.meetingFacilitiesBlock h3.open:after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
  }
  div.meetingFacilitiesContainer {
    padding: 10px 5px;
    max-height: 100000px;
    -webkit-transition: max-height 1s; 
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
  }
  div.closeContainer {
    overflow: hidden;
    max-height: 0;
  }
  ul.meetingFacilities {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.meetingFacilities li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
  }
  ul.meetingFacilities li:last-child {
    border-bottom: 0 none;
  }
  ul.meetingFacilities li p {
    padding: 2px 0;
  }
  button.containerCollapse {
    background: none;
    font-size: 1.125em;
    padding: 0 0 4px;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 2px solid #f00;
    cursor: pointer;
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       BLOG LANDING        > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.bannerContainerBlog {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  section.bannerContainerBlog ul div.description {
    padding-top: 30px;
    padding-left: 26px; 
  }
  section.bannerContainerBlog ul.bannerDetails li.columnOne img {
    border-radius: 40px;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       BLOG DETAILS        > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  /* > > BLOG DETAILS PHOTO AND H1 */
  
  section.blogDetailsContainer h1 {
    color: #fff;
    font: 83px/0.813 'TLTitle Bold';
    padding-top: 15px;
  }
  
  
  ul.blogDetails {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.blogDetails li {
    box-sizing: border-box;
  }
  ul.blogDetails li.columnOne p.photo img {
    border-radius: 22px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  section.blogDetailsContainer span.pill {
    display: inline-block;
    font: 1.563em/1 'TLTitle Bold';
    text-transform: uppercase;
    letter-spacing: 0.070em;
    padding: 5px 35px;
    border-radius: 22px;
    margin-left: -5px;
    color: #fff;
  }
  /* > > BLOG DETAILS DESCRIPTION COLUMNS */
  ul.blogDescriptionContainerList {
    margin: 0;
    padding: 0;
    list-style-type: none
  }
  ul.blogDescriptionContainerList li {
    box-sizing: border-box;
  }
  ul.blogCredentials {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.blogCredentials li {
    border-bottom: 1px solid #dbdbdb;
    padding: 12px 2px;
  }
  ul.blogCredentials li:last-child {
    border-bottom: 0 none;
  }
  ul.blogCredentials li strong {
    display: block;
  }
  ul.blogCredentials li.listCategoryBox strong {
    position: relative;
  }
  
  .plusMinus {
    cursor: pointer;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
    right: -18px;
    transform: translate(-50%, -50%) rotate(0deg);
    border-radius: 50%;
    z-index: 2;
    transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  }
  .plusMinus::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
    width: 2px;
    background: #c4c5c7;
  }
  .plusMinus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 50%;
    background: #c4c5c7;
  }
  
  .plusMinus.clicked {
    transform: translate(-50%, -50%) rotate(360deg);
  }
  .plusMinus.clicked::before {
    width: 0;
  }
  
  .categoryBox {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .categoryBox.expanded {
    display: block;  
  }
  
  
  
  
  div.cloudNewsletter {
    background: #f2f2f2;
    border-radius: 33px;
    padding: 25px 20px;
  }
  div.cloudNewsletter h4 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    text-transform: uppercase;
    font-size: 1.938em;
    line-height: 0.875;
  }
  div.trendingContainer {
    padding-top: 30px;
  }
  div.trendingContainer h4 {
    font-family: 'TLSans Bold';
    color: #ff5041;
    font-size:29px;
    letter-spacing: -0.010em;
    padding-left: 20px;
  }
  div.trendingContainer hr {
    border-width: thick;
    margin-top: 4px;
    margin-bottom: 0; 
  }
  ol.customListCounter {
    list-style: none; 
    counter-reset: li;
  }
  ol.customListCounter li {
    counter-increment: li;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
  }
  ol.customListCounter li:before {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    font-size: 45px;
    content: counter(li); 
    margin-left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }
  ol.customListCounter li:last-child {
   border-bottom: 0 none;
  }
  ol.customListCounter li a {
    text-decoration: none;
  }
  ol.customListCounter li h5 {
    font-size: 0.938em;
    line-height: 1.2;
  }
  
  div.mainBlogDescription h2 {
    color: #ff5041;
    font-family: 'TLTitle Bold';
    text-transform: uppercase;
    line-height: 1;
    font-size: 40px;
  }
  div.mainBlogDescription h3 {
    color: #2d4e5f;
    font-family: 'TLSans Bold';  
    line-height: 1;
    font-size: 21px;
  }
  div.mainBlogDescription h3.whiteTextOrangeBackground {
    font-family: 'TLTitle Bold';
    color: #fff;
    background-color: #ff5041;
    font-size: 2.125em;
    line-height: 0.875;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 28px;
  }
  
  div.mainBlogDescription a {
    color: #3c3c3b;
    text-decoration: none;
    border-bottom: 1px solid #ff5041;
  }
  
  div.pageShareDescription section.intro h2 {
    color: inherit;
  }
  div.pageShareDescription section.intro hr {
    margin-left: auto;
  }
  
  div.blogShortDescription p {
    font-family: 'TLSans Bold';
    font-size: 26px;
    line-height: 1.15;
  }
  figure.imageCaptioned {
    margin:0;
    padding: 7px 0;
  }
  figure.imageCaptioned figcaption {
    font-family: 'TLSans Regular Italic';
    font-size: 0.938em;
    padding-top: 4px;
  }
  figure.imageNegativeLeft {
    
  }
  figure.imageLeft {
    margin-left: -100px;
  }
  figure.imageCenter {
    text-align: center;
  }
  figure.imageRight {
  text-align: right;
  }
  
  table.tableFifty td {
    display: block;
    padding: 10px;
    text-align: center;
    vertical-align: top;
  }
  
  /* READ MORE IN THIS SERIES (ARTICLES) */
  div.readMoreSeries hr.thick {
    margin-left: -40px;
  }
  
  div.readMoreSeries h4 {
  color: #ff5041;
  font-family: 'TLTitle Bold';
  text-transform: uppercase;
  line-height: 1;
  font-size: 40px;
  }
  div.readMoreSeries ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  div.readMoreSeries ul li {
  padding: 7px 0;
  }
  div.readMoreSeries a {
  color: #2d4e5f;
  font-size: 21px;
  text-decoration: none;
  border-bottom: 2px solid #ff5041;
  }
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       SPORT TOURISM       > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
  */
  section.secondaryMenu {
    background: #f2f2f2;
    border-bottom: 1px solid #c4c4c4;  
  }
  ul.pageNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  ul.pageNav li a {
    color: #2d4e5f;
    text-decoration: none;
    font-size: 21px;
    position: relative;
    padding: 26px 0;
    display: block;
  }
  ul.pageNav li.has-submenu {
    padding-right: 20px;
  }
  
  /* SUB SUB NAV IN PAGES SUB NAVIGATION */
  
  ul.pageNav li.has-submenu a.masterlink:before {
    content: '';
    position: absolute;
    right: -13px;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #ff5041;
    top: 50%;  
    transform-origin: 50% 40%;
    transition: transform .4s ease-in-out;
  }
  
  ul.pageNav li.has-submenu:hover > div.subMenuContainer {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
  }
  
  
  
  
  
  /* > > PICTURE/TEXT INFORMATION */
  ul.pictureTextList li.listPicture figcaption {
    font-family: 'TLSans Regular Italic';
    font-size: 0.938em;
  }
  ul.pictureTextList {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.pictureTextList li.listPicture {
  
  }
  ul.pictureTextList li.listText {
    position: relative;
  }
  ul.pictureTextList li.listText div.details h2 {
    font-family: 'TLTitle Bold';
    color: #ff5041;
    font-size: 40px;
    line-height: 0.875;
    text-transform: uppercase;
  }
  /* > > MEETING PLANNER CALLOUTS */
  ul.meetingPlannerCallouts {
    margin: 14px 0;
    padding: 0;
    list-style-type:none;
  }
  ul.meetingPlannerCallouts figure {
    position: relative;
  }
  ul.meetingPlannerCallouts figcaption {
    color: #fff;
    font-family: 'TLTitle Bold';
    letter-spacing: 0.020em;
    font-size: 43px;
    line-height: 0.875;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    max-width: 68%;
    margin: 0 auto;
  }
  
  /* > > FOOTER CALL OUTS */
  ul.footerCallouts {
    margin: 14px 0 0;
    padding: 0;
    list-style-type:none;
  }
  ul.footerCallouts figure {
    position: relative;
  }
  ul.footerCallouts figcaption {
    color: #fff;
    font-family: 'TLTitle Bold';
    letter-spacing: 0.020em;
    font-size: 43px;
    line-height: 0.875;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    max-width: 64%;
    /*max-width: 68%;*/
    margin: 0 auto;
    pointer-events: none;
  }
  /* > > SPORTS SECTION FOOTER */
  section.sportFooter {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  section.sportFooter h4 {
    font-family: 'TLTitle Bold';
    color: #2d4e5f;
    font-size: 33px;
    line-height: 1;
    text-align: center;
  }
  div.meetOurTeam {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  ul.ourStaff {
    margin: 15px 0 0;
    padding: 0;
    list-style-type: none;
  }
  ul.ourStaff li.staffer  {
    padding-left: 30px;
    padding-right: 25px;
  }
  ul.ourStaff li.staffer p.photo {
    float: left;
    width: 124px;
  }
  ul.ourStaff li.staffer p.photo img {
    border-radius: 12px;
    outline: 1px solid #ccc;
  }
  ul.ourStaff li.staffer div.description {
    margin-left: 136px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  ul.ourStaff li.staffer p {
    padding: 2px 0;
    letter-spacing: -0.025em;
  }
  ul.ourStaff li.staffer hr  {
   margin-left: -3px;
   margin-top: 2px;
   margin-bottom: 2px;
  }
  ul.ourStaff li.staffer p strong  {
    display: block;
    font-family: 'TLSans Semi Bold';
    font-size: 21px;
  }
  ul.communication {
    display: flex;
    margin: 5px 0 0;
    padding: 0;
    list-style-type: none;
  }
  ul.communication li {
    padding-right: 20px;
    align-self: center;
  }
  ul.communication li.phone a {
    /*padding: 10px;*/
  }
  ul.communication li.phone a {
    background: url("../svg/icon-phone-grey.svg") left 50% no-repeat;
    background-size: 24px auto;
    padding: 8px 10px 8px 30px;
    display: block;
    
  }
  ul.communication li.email a {
    background: url("../svg/icon-email-grey.svg") left 50% no-repeat;
    background-size: 34px auto;
    padding-left: 40px;
  }
  
  /* BOARD OF DIRECTORS */
  div.boardOfDirectors {
    columns: 2 280px;
    column-gap: 4rem;
  }
  div.boardOfDirectors div.description {
    margin-bottom: 40px;
    text-align: left;
    break-inside: avoid;
  }
  div.boardOfDirectors div.description hr  {
    margin-left: -3px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 75%;  
  }
  div.boardOfDirectors div.description p.name  {
    display: block;
    font-family: 'TLSans Semi Bold';
    font-size: 21px;
    padding: 2px 0;
    line-height: 1;
  }
  div.boardOfDirectors div.description p.title  {
    font-size: 1em;
    color:#435e6c;
    padding: 2px 0;
  }
  div.boardOfDirectors div.description p.title em {
    font-family: 'TLSans Bold Italic';
  } 
  div.boardOfDirectors div.description p.addy  {
    padding: 2px 0;
  }
  
  
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       SPORT TOURISM - HOW WE CAN HELP       > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  */
  ul.helpContainer {
    margin:0;
    padding: 0;
    list-style-type: none;
  }
  div.helpActionItem {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  div.helpActionItem h3 {
    font-family: 'TLTitle Bold';
    color: #ff5041;
    font-size: 2.125em;
    line-height: 0.875;
    text-transform: uppercase;
  }
  div.helpActionItem p {
    font-size: 1em;
    padding-top: 0;
  }
  div.helpActionItem p.photo {
    background: #f5f5f5;
    border-radius: 50%;
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    position: relative;
    padding: 0;
  }
  div.helpActionItem p.photo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 13px;
  }
  div.helpActionItem div.description {
    margin-left: 110px;
    margin-top: 7px;
  }
  div.helpActionPlan hr {
    margin-left: -20px;
  }
  div.helpActionPlan h4 {
    font-family: 'TLTitle Bold';
    color: #2d4e5f;
    font-size: 33px;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
  }
  div.helpActionPlan h4:before {
    content: '';
    top: 50%;
    left: -20px;
    margin-top: -4px;
    position: absolute;
    border: solid #ff5041;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  div.helpActionPlan p {
    padding-top: 0;
    font-size: 1.063em;
  }
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >       SPORT TOURISM - SPORT FACILITIES      > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  */
  div.facilityPictureTextContainer {
  
  }
  ul.facilityPictureTextList {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.facilityPicLeftTextRight {
  
  }
  ul.facilityPictureTextList li.listPicture img {
    border-radius: 46px;
    width: 482px;
  }
  ul.facilityPictureTextList li.listPicture figure {
    position: relative;
  }
  ul.facilityPictureTextList li.listPicture figure:before {
    background: #e8ebed;
    content: '';  
    top: -24px;
    width: 532px;
    height: 100%;
    position: absolute;
    z-index: -1;
    padding-top: 24px;
    padding-bottom: 50px;
  }
  ul.facilityPicLeftTextRight li.listPicture figure:before {
    left: -40px;
  }
  ul.facilityPicRightTextLeft li.listPicture figure:before {
    right: -40px;
  }
  ul.facilityPictureTextList li.listText div.details {
    /*max-width: 490px;*/
    max-width: 433px;
  }
  ul.facilityPictureTextList li.listText div.details h3 {
    font-family: 'TLTitle Bold';
    color: #ff5041;
    font-size: 40px;
    line-height: 0.875;
    text-transform: uppercase;
  }
  ul.facilityPictureTextList li.listText div.details p {
    font-size: 1.063em;
  }
  
  
  /* 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > >               VIDEOS PAGE                   > > > > > > > > > > > > > > > > >  
  > > > > > > > > > > > > > > >                                             > > > > > > > > > > > > > > > > > 
  > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
  */
  ul.videoFeaturedListing p.photo a {
    position: relative;
    display: block;
  }
  ul.videoFeaturedListing p.photo a:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    bottom: 20px;
    left: 20px;
    background: url("../svg/icon-play-button.svg") 55% 50% no-repeat rgba(0,0,0,.7);
    background-size: 45px auto;
    border-radius: 50%;
    border: 4px solid #ff5041;
  }
  
  ul.videoSmallListing a {
    position: relative;
    display: block;
  }
  ul.videoSmallListing a:before {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    bottom: 10px;
    left: 10px;
    background: url("../svg/icon-play-button.svg") 55% 50% no-repeat rgba(0,0,0,.7);
    background-size: 32px auto;
    border-radius: 50%;
    border: 3px solid #ff5041;
  }
  div.videoBlock {
    overflow: hidden;
    position: relative;
    width:100%;
  }
  div.videoBlock:after {
    padding-top: 56.25%;
    display: block;
    content: '';
  }
  div.videoBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
  }
  /* BUSINESS RESOURCES */
	.dropdown-menu-item-title {
		cursor: pointer;
		font-family: 'TLTitle Bold';
		color: #ff5041;
		font-size: 2.125em;
		line-height: 0.875;
		text-transform: uppercase;
		padding: 12px 34px 12px 0;
		position: relative;
	}
	.dropdown-menu-item-title .plusMinus {
		cursor: pointer;
		position: absolute;
		width: 26px;
		height: 26px;
		top: 26px;
		right: -14px;
		transform: translate(-50%, -50%) rotate(0deg);
		border-radius: 50%;
		z-index: -1;
		transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
		
	}
	.dropdown-menu-item-title .plusMinus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 2px;
		width: 50%;
		background: #c4c5c7;
	}  
	.dropdown-menu-item-title .plusMinus:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 50%;
		width: 2px;
		background: #c4c5c7;
	}  
	.dropdown-menu-item-title .plusMinus.clicked {
		transform: translate(-50%, -50%) rotate(360deg);
	}  
	.dropdown-menu-item-title .plusMinus.clicked:before {
		width: 0;
	}
	.dropdown-menu-item-data {
		margin: 0;
		overflow: hidden;
		transition: height 0.5s ease-out;
	}
	.dropdown-menu-item-data.hide {
		height: 0;
	}
	.dropdown-menu-item-data.show {
		height: var(--openHeight);
	}
	  
  
  /* FORM SELECT OPTION DROPDOWN */
  strong.formSelect {
    background: #fff;
    border: 2px solid #c4c4c4;
    border-radius: 22px;            
    cursor: pointer;
    display: block;
    font: 1em/1 'TLSans Regular Italic';
    padding: 12px 15px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  strong.formSelect:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    margin-top: -2px;
    /* width: 5px; */
    /* height: 5px; */
    /* border-bottom: 2px solid #ff5041; */
    /* border-right: 2px solid #ff5041; */
    /* transform: rotate(45deg) translateY(-50%); */
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ff5041;
    transition: transform .4s ease-in-out;
    transform-origin: 50% 40%;
    right: 15px;
  }
  strong.shiftUp::after {
    transform: rotate(-180deg);
  }
  div.optionContainer {
    position: absolute;
    background: #f2f2f2;
    border: 1px solid #c4c4c4;
    /* max-width: 300px; */
    /* min-width: 300px; */
    max-width: fit-content;
    min-width: 200px;
    z-index: 5;
    padding: 10px 25px 20px 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s,opacity 0.3s,transform .3s;
    transform: translateY(21px);
    -moz-transition: visibility 0.3s,opacity 0.3s,-moz-transform .3s;
    -moz-transform: translateY(21px);
    -webkit-transition: visibility 0.3s,opacity 0.3s,-webkit-transform .3s;
    -webkit-transform: translateY(21px);
  }
  div.optionMenuEnable {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
  }
  div.optionContainer ul.formSelectList li {
    cursor: pointer;
    padding: 5px 0;
  }
  div.optionContainer ul.formSelectList li label {
    padding-left: 6px;
    padding-bottom: 0;
    cursor: pointer;
  }
  div.optionContainer ul.formSelectList li label span {
    margin-top: -31px;
    position: relative;
    display: block;
    margin-left: 38px;
  }
  
  /* PAGE SHARE DESCRIPTION TEMPLATE */
  ul.twoColumnCarousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
  }
  ul.twoColumnCarousel li {
    padding: 23px 0px;
    box-sizing: border-box;
  }
  ul.twoColumnCarousel li h3 {
    color: #3c3c3b;
    font: 1.313em/1.2 'TLSans Semi Bold';
    letter-spacing: -0.025em;
  }
  ul.twoColumnCarousel li img {
    border-radius: 12px;
    box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
  }
  ul.twoColumnCarousel li div.description {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
  }
  ul.happyhourlogos {
    margin: 0;
    padding: 20px 0;
    display: flex;
    list-style-type: none;
    align-items: center;
    flex-wrap: wrap;
  }
  ul.happyhourlogos li {	
    width: 50%;
    padding: 15px 10px;
    box-sizing: border-box;
  }
  ul.happyhourlogos li a {	
    text-decoration: none;
    border-bottom: 0 none;
  }
  
  
  /* FORM ERRORS */
  form label.error,
  form span.error {
    color: #f00;
  }
  form input.error,
  form strong.error {
    border-color: #f00;
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 500PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  @media only screen and (min-width: 31.250em) { /* 500 */
    /* LARGE BANNERS FOR PAGES */
    section.pageBanner div.pageBannerDetails {
      /*width: 480px; */
      width: 498px; 
    }
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 560PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  @media only screen and (min-width: 35em) { /* 500 */
    ul.playVidViewMap {
      display: flex;
    }
    #ihw5k ul.playVidViewMap {
      padding-bottom: 20px;
    }
    ul.playVidViewMap li {
      padding: 20px 32px 20px 77px;
      border-left: 2px solid #bfbfbf;
    }
    ul.playVidViewMap li:first-child {
      border-left: 0 none;
    }
    ul.playVidViewMap li:last-child {
        padding-left: 110px;
    }
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 600PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  
  @media only screen and (min-width: 37.5em) { /* 600 */
    /* FOOTER (600) */
    div.footerOurPartnersContainer ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: baseline;
    }
    div.footerOurPartnersContainer ul li {
      padding-left: 12px;
      padding-right: 12px;
      width: 25%;
      box-sizing: border-box;
      padding-top: 7px;
      padding-bottom: 7px;
      text-align: center;
    }
    div.footerOurPartnersContainer h6 {
      font-size: 2.813em;
    }
    /* CONTACT US - PAGE (600) */
    input.pill {
      width:390px;
    }
  
    /* BLOG DETAILS (600) */
    table.tableFifty td {
      display: table-cell;
    }
  
    /* SEARCH PAGE (600) */
    ul.searchCarousel {
      display: flex;
      flex-wrap: wrap;
    }
    ul.searchCarousel li {
      padding: 23px 40px;
      width: 50%;
    }
    ul.searchCarousel li p.photo {
      float: none;
    }
    ul.searchCarousel li p.photo img {
      width: 100%;
    }
    ul.searchCarousel li div.searchDescription {
      padding-left: 15px;
      padding-right: 15px;
      margin-left: 0;
    }
    ul.searchCarousel li h4 {
      font-size: 1.313em;
    }
	
	/* BUSINESS RESOURCES */
	.dropdown-menu-item-title {
		font-size: 3em;
	}
	.dropdown-menu-item-title .plusMinus {
		width: 40px;
		height: 40px;
		top: 32px;
	}
  
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 660PX                + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 41.25em) { /* 660 */
  
    /* HOMETOWN HOSTS SERIES (660) */
    section.sectionHometownHosts h3 {
      font-size: 3.438em;
    }
  
    section.sectionHometownHosts div.hometownHostContainer {
      margin-top: -2%;
    }
  
    section.sectionHometownHosts p.photo {
      float: left;
      width: 50%;
    }
    section.sectionHometownHosts ul p.photo {
      padding-left: 4%;
      padding-right: 3%;
      padding-bottom: 4%;
      padding-top: 4%;
    }
    section.sectionHometownHosts ul p.photo img {
      -webkit-box-shadow: 6px 6px 32px 0px rgba(0,0,0,0.55); 
      box-shadow: 6px 6px 32px 0px rgba(0,0,0,0.55);
    }
    section.sectionHometownHosts div.details {
      margin-left: 56%;
      
    }
    section.sectionHometownHosts ul div.details {
      padding-top: 4%;
    }
  
    /* HOMETOWN RESOURCES (660) */
    .sectionResources h3 {
      font-size: 3.438em;
    }
    ul.resourcesList h4 {
      font-size: 1.5em;
      padding: 10px 40px;
    }
  
    ul.resourcesList h4 span {
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent;  
      border-left: 17px solid #2b86a4;
      margin-top: -13px;
      right: 30px;
    }
  
    ul.resourcesList div ul {
      display: flex;
    }
    ul.resourcesList div ul li {
      padding: 0 25px;
    }
    section.sectionHometownHosts div.hometownHostsNavigation {
      margin-top: 10px;
    }
  
  
    /* HOMETOWN HOST (660) */
    .seriesContainerDetails {
      max-width: 1024px;
      margin: 0 auto;
    }
    .seriesContainerDetails li p.photo {
      float: left;
      width: 50%;
      padding: 4% 3% 4% 4%;
    }
    .seriesContainerDetails li div.details {
      margin-left: 56%;
    }
  
    ul.footerCopyRight li.right span {
      position: relative;
      padding-left: 12px;
      display: inline-block;
    }
    ul.footerCopyRight li.right span:before {
      content: '\2022';
      position: absolute;    
      left: 0;
    }
  
    /* FOOTER CALL OUTS (768) */
    ul.footerCallouts {
      display: flex;
    }
    ul.footerCallouts li {
      width: 33.3%;
    }
    ul.footerCallouts li {
      padding-left: 15px;
      padding-right: 15px;
    }
    ul.footerCallouts li:first-child {
      padding-left: 0;
    }
    ul.footerCallouts li:last-child {
      padding-right: 0;
    }
    ul.footerCallouts figcaption {
      font-size: 30px;
      max-width: 80%;
    }
  
    /* PAGE SHARE DESCRIPTION TEMPLATE */
    ul.twoColumnCarousel {
      flex-wrap: wrap;
      display: flex;
    }
    ul.twoColumnCarousel li {
      padding: 23px 40px;
      width: 50%;
    }
    ul.happyhourlogos li {
      width: 25%;
      padding: 0 0 45px
    }
  
  
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 768PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  @media only screen and (min-width: 48em) { /* 768 */
    /******** HEADER SECTION ********/
    ul.miniNav {
      display: flex;
    }
    /* DROPDOWN NAV FEATURED EVENTS OR LATEST ARTICLES (768) */
    ul.navArticleColumnContainer {
      display: flex;
    }
    ul.navArticleColumnContainer li.navArticleColumnOne {
      width: 52%;
    }
    ul.navArticleColumnContainer li.navArticleColumnTwo {
      width: 39%;
      padding-left: 3%;
      padding-right: 6%;
    }
    ul.navArticleSmallListing p.photo {
      float: left;
    }
    ul.navArticleSmallListing div.description {
      margin-left: 175px;
    }
    /******** END HEADER SECTION ********/
    /* BANNERS (768) */
    ul.bannerDetails {
      display: flex;  
    }
    
    .whiteTextOrangeBackground {
      font-size: 3em;
    }
    div.mainBlogDescription h3.whiteTextOrangeBackground {
      font-size: 3em;
    }





    ul.bannerDetails li.columnOne { 
      width: 53%;
      align-self: center;
    }
    /* HOME PAGE BANNER CAROUSEL (768) */
    section.homepageBannerContainer ul.bannerDetails {
      display: flex;
    }
    section.homepageBannerContainer ul.bannerDetails div.description {    
      margin-top: 20px;
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne {
      width: 53%;
      align-self:normal;    
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne img {
      min-height: 420px;
    }
    
    
  
    ul.bannerDetails li.columnOne img {
      width: 100%;
      object-fit: cover;
    }  
    ul.bannerDetails li.columnTwo { 
      width: 47%;
    }
    /* INTRO SECTION (768) */
    section.intro h2 {
      font-size: 3.125em;
    }
    /* EDITOR PICKS (768) */
  
  /* EDITOR PICKS */
    section.editorPick {
      background: url("../jpg/bg-editor-pick.jpg") left top no-repeat;
      background-size: cover;
      padding-top: 115px;
      padding-bottom: 90px;
    }
    section.editorPick ul {
      display: flex;
      max-width: 1140px;
    }
    section.editorPick ul li:first-child {
      width: 55%;
      padding-right: 4%;
    }
    section.editorPick ul li:last-child {
     width: 45%;
    }
    /* SWIPER SECTIONS (EXPLORE THE FOREST CITY...ETC) (768) */
    div.swiperNavigation h3 {
      font-size: 3.125em;
    }
    /* ADVERTISING - HOME PAGE (768) */
    section.promos {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    ul.promosContainer {
      display: flex;
    }
    ul.promosContainer li {
      padding-left: 35px;
      padding-right: 35px;
    }
    
    /* BACK TO TOP BUTTON (768) */
    .backToTopContainer {
      position: absolute;
      width: 48px;
      height: 100%;  
      top: 0;
      right: -50px;
    }
    .backToTopButton {
      background-color: #9a9a9a;
      border: 0 none;
      border-radius: 8px;
      cursor: pointer;
      width: 48px;
      height: 52px;
      position: fixed;  
      bottom: 20px;  
      /* keep it at the top of everything else */
      z-index: 100;
      /* hide with opacity */
      opacity: 0;
      /* also add a translate effect */
      transform: translateY(100px);
      /* and a transition */
      transition: all 0.5s ease;
    }
    .backToTopButtonShow {
      opacity: 1;
      transform: translateY(0);
    }
    .backToTopButtonAnchor {
      position: absolute;
    }
    .backToTopButton:before {
      content: '';
      position: absolute;
      width: 0; 
      height: 0; 
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;  
      border-bottom: 12px solid white;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%)
    }
    .backToTopButton span {
      text-align: left;
      text-indent: -99em;
      overflow: hidden;
      display: block;
    }
  
  
    /* VIDEO SERIES - HOME PAGE (768) */
    ul.smallListing p.photo {
      float: left;
    }
    ul.smallListing div.description {
      margin-left: 232px;
    }
  
    
    /* FOOTER NEWSLETTER (768) */
    div.footerSubcribeNewsletter ul {
      display: flex;
      max-width: 725px;
      align-items: end;
    }
    div.footerSubcribeNewsletter ul li.columnOne {
      width: 29%;
    }
    div.footerSubcribeNewsletter ul li.columnTwo {
      width: 41%;
      padding-left: 20px;
      padding-right: 20px;
    }
    div.footerSubcribeNewsletter ul li.columnThree {
      width: 29%;
    }
  
    /* FOOTER COPYRIGHT (768) */
    ul.footerCopyRight {
      display: flex;
    }
    ul.footerCopyrightMenu {
      
    }
    
    ul.footerCopyRight li.right {
      padding-left: 40px;
    }
    div.footerOurPartnersContainer {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  
  
    /* LARGE BANNERS FOR PAGES (768) */
    section.pageBanner div.pageBannerDetails h1 {      
      font-size: 5.188em;
    }
   
  
    a.headerLink {
      display: none;
    }
  
    /* ABOUT TOURISM LONDON - PAGE (768) */
    section.principalsSection h3 {
      font-size: 5em;
    }
  
    /* CONTACT US - PAGE (768) */
    form p.half {
      width: 50%;
      float: left;
      box-sizing: border-box;
    }
    form li p.half:first-child {
      padding-right: 2%;
    }
    form div.half {
      width: 50%;
      float: left;
      box-sizing: border-box;
      padding-top: 7px;
      padding-bottom: 7px;
    }
    form li div.half:first-child {
      padding-right: 2%;    
    }
  
    /* EVENTS PAGE - FILTER (768) */
    ul.searchColumns {
      display: flex;
      align-items: center;
    }
    ul.searchEventsColumns li.searchEventsColumnOne {
      width: 85%;
    }
    ul.searchEventsColumns li.searchEventsColumnTwo {
      width: 15%;
      padding-left: 20px;        
    }
    ul.searchEventsColumns li.searchEventsColumnOne ul.listingFilter {
      justify-content: end;
      padding-right: 15px;
    }
    /* EVENTS PAGE - LISTING (768) */
    div.introEvent h2 {
      font-size: 3.125em;
    }
    ul.paginationResults {
      display: flex;
      align-items: center;
      
    }
    ul.paginationResults li.pageinationColumnOne {
      width: 70%;
      padding-left: 50px;
    }
    ul.paginationResults li.pageinationColumnTwo {
      width: 30%;
      
    }
    ul.listingCarousel {
      flex-wrap: wrap;
    }
    ul.listingCarousel li {
      padding: 23px 40px;
    }
    ul.listingCarousel li.listingFull {
      
      padding-top: 50px;
      padding-bottom: 50px;
    }
    /*
    ul.listingCarousel li.before-slide:nth-child(3n) {
      padding-right: 30px;    
    }
    ul.listingCarousel li.before-slide:nth-child(3n - 2) {
      padding-left: 30px;    
    }
    ul.listingCarousel li.after-slide:nth-of-type(3n + 1) {
      padding-right: 30px;    
    }
    ul.listingCarousel li.after-slide:nth-of-type(3n - 1) {
      padding-left: 30px;    
    }
    */
  
    /* EVENTS PAGE - DETAILS (768) */
    ul.eventDetailsContainer {
      display: flex;
    }
    ul.eventDetailsContainer li.eventDetailsColumnOne {
      width: 65%;
      padding-left: 70px;
      padding-right: 20px;
      padding-top: 26px;
    }
    ul.eventDetailsContainer li.muralDetailsColumnOne {
      width: 100%;
      padding-left: 70px;
      padding-right: 20px;
      padding-top: 26px;
    }
  
    ul.eventDetailsContainer li.eventDetailsColumnOne p.photo {
      text-align: right;
    }
    ul.eventDetailsContainer li.eventDetailsColumnTwo {
      width: 35%;
      padding-left: 34px;
      padding-right: 20px;
      padding-top: 140px;
    }
    ul.socialDescription {
      display: flex;
    }
    ul.socialDescription li.socialDescriptionColumnOne {
      padding-top: 20px;
      width: 25%;
    }
    ul.socialDescription li.socialDescriptionColumnTwo {
      width: 75%;
      padding-top: 20px;
    }
  
  
    ul.socialDescription li.muralDescriptionColumnOne {
      width: 15%;
    }
    ul.socialDescription li.muralDescriptionColumnTwo {
      width: 73%;
      margin-top: -28px;
      padding-bottom: 30px;   
    }
    /* OVERWRITING THIS WHEN THE HOPPER IS IN THE DESCRIPTION (MULTIPLE GALLERIES) */
    ul.socialDescription li.multipleGalleriesColumnTwo {
      margin-top: 20px;
    }
  
    ul.locationTimeListing {
      display: flex;
    }
    ul.locationTimeListing li.location {
      width: 50%;
    }
    ul.locationTimeListing li.time {
      width: 50%;
      padding-left: 0;
    }
    .sticky {    
      position: -webkit-sticky;
      position: sticky;
      top: 0;
    }
  
    /* THINGS TO DO - FILTER (768) */
    ul.searchTTDColumns {
      justify-content: center;
    }
  
    /* MEMBERS DETAILS (768) */
    ul.memberDetailsContainer li.eventDetailsColumnOne {
      padding-top: 0;
    }
    ul.memberDetailsContainer li.eventDetailsColumnTwo {
      padding-top: 0;
    }
    ul.socialMemberDescription li.socialDescriptionColumnTwo {
      padding-top: 0;
    }
    ul.meetingFacilities {
      display: flex;
      flex-wrap: wrap;
    }
    ul.meetingFacilities li {
      width: 50%;
    }
    ul.meetingFacilities li:last-child,
    ul.meetingFacilities li:nth-last-of-type(-n+2):not(:nth-child(even)) {
        /*color: red;*/
        border-bottom: 0 none;
    }
  
  
    /* START -- HOMETOWN DID YOU KNOW */
    /* HOMETOWN DID YOU KNOW (768) */
    section.introductionSection h3 {
      font-size: 5em;
    }
    /* HOMETOWN WHY CHOOSE LONDON (768) */
    section.sectionWhyLondon {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    section.sectionWhyLondon div.swiperContentPaginationButtons {
      margin-top: 30px;
    }
    section.sectionWhyLondon ul li.listWhyLondon {
      width: 50%;
    }
    section.sectionWhyLondon ul h4 {
     font-size: 2.563em;     
    }
  
    /* HOMETOWN HOST (768) */
    section.sectionHometownHosts {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    /* HOMETOWN RESOURCES (768) */
    section.sectionResources {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    /* HOMETOWN CONTACT FORM (768) */
    .sectionConactUs {
      padding-top: 30px;
      padding-bottom: 40px;
    }
  
    /* END -- HOMETOWN DID YOU KNOW */
  
    /* MURALS (768) */
    div.mainBlogDescription h3.muralArtists {
      font-size: 3.125em;
    }
    ul.meetMuralArtists {
      display: flex;
    }
    ul.meetMuralArtists li {
      padding-right: 17px;
      width: 33%;
      text-align: left;
      padding-bottom: 0;
    }
    ul.muralLogos {
      display: flex;
      flex-wrap: wrap;
    }
    ul.muralLogos li {
      width: 33%;
      text-align: left;
    }
    ul.meetMuralArtists li a.blocklinks {
      margin-left: 22px;
    }
  
    ul.meetMuralArtistsTwo {
      justify-content: center;
      /*max-width: 725px;*/
      /*max-width: 818px;*/
      margin: 0 auto;
    }
    ul.meetMuralArtistsTwo li {
      /*width: 37%;*/
    }
    /* END MURALS */
  
  }
  
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 900PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  @media only screen and (min-width: 56.250em) { /* 900 */
    /* HOMETOWN HOSTS SERIES (900) */
    section.sectionHometownHosts div.hometownHostContainer {
      max-width: 1046px;
      margin-left: auto;
      margin-right: auto;
    }
    section.sectionWhyLondon div.whyChooseNavigation li.nextButton button {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }
    section.sectionWhyLondon div.whyChooseNavigation li.nextButton button:before {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      top: -22px;
    }
    section.sectionWhyLondon div.whyChooseNavigation li.prevButton button {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }
    section.sectionWhyLondon div.whyChooseNavigation li.prevButton button:after {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      top: -22px;
    }
    section.sectionWhyLondon ul.whyChoosePagination {
      top: 3px;
    }
    section.sectionWhyLondon ul.whyChoosePagination li {
      padding-left: 8px;
      padding-right: 8px;
      width: 12px;
      height: 12px;
    }
    section.sectionWhyLondon ul.whyChoosePagination li span {
      width: 12px;
      height: 12px;
    }
    section.sectionHometownHosts div.hometownHostsNavigation li.nextButton button {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }
    section.sectionHometownHosts div.hometownHostsNavigation li.nextButton button:before {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      top: -22px;
    }
    section.sectionHometownHosts div.hometownHostsNavigation li.prevButton button {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }
    section.sectionHometownHosts div.hometownHostsNavigation li.prevButton button:after {
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      top: -22px;
    }
    section.sectionHometownHosts ul.hometownHostsPagination {
      top: 3px;
    }
    section.sectionHometownHosts ul.hometownHostsPagination li {
      padding-left: 8px;
      padding-right: 8px;
      width: 12px;
      height: 12px;
    }
    section.sectionHometownHosts ul.hometownHostsPagination li span {
      width: 12px;
      height: 12px;
    }
  
    div.footerOurPartnersContainer ul li {
      width: 16.6%;
    }
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +    M E D I A  B R E A K - 960PX     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                     + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
  */
  @media only screen and (min-width: 60em) { /* 960 */
   
    .mobileOnly {
      display: none;
    }
    .desktopOnly {
      display: block;
    }
  
  
    ul.mobileMenu {
      display: none;
    }
    div.searchMobileBox {
      display: none;
    }
    button.closeNav {
      display: none;
    }
  
    header:after {
      content:'';
      box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.4);
      -webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.4);
      -moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.4);
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      pointer-events: none;
    }
  
    /* HOME PAGE BANNER (960) */
    /* HOME PAGE BANNER CAROUSEL (960) */
    section.bannerContainer ul div.description h2 {
      font-size: 2.75em;
    }
    section.bannerContainer ul div.description p.intro {
      font-size: 1em;
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne img {
      min-height: 400px;
    }
    div.paginationNextContainer {
      bottom: 0;
      left: -31px;
    }
    div.bannerFeaturedThumb {
      width: 88%;
      bottom: -126px;    
    }
    ul.bannerCarouselThumb li img {
      width: 140px;
    }
    ul.bannerCarouselThumb li div.thumbdescription {
      margin-left: 166px;
      padding-top: 14px;
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne {
      width: 48%;
    }
    ul.bannerDetails li.columnTwo {
      width: 52%;
    }
    section.homepageBannerContainer ul div.description {
      padding: 24px 0 0 40px;
      transform: none;
      top: inherit;
    }
    section.homepageBannerContainer ul.bannerDetails div.description {    
      margin-top: 0px;
    }
    section.homeIntro {
      padding-top: 138px;
    }
    
  
    /* CANVAS STUFF */
    #iuqti {
      padding-bottom: 5%;
    }
    #i5le {
      margin-top: 25px;
    }
  
  
  
    /* HAMBURGER */
    button.mobMenu {
      display: none;
    }
  
    a.playWatch:before {
      width: 100px;
      height: 100px;
      background-size: 45px auto;
    }
    a.playWatch:after {
      font: 2.5em/1 'TLTitle Bold';
      margin-top: 80px;    
    }
    a.playOnly:before {
      width: 100px;
      height: 100px;
      background-size: 45px auto;
    }
  
  
    /* ABOUT TOURISM LONDON - PAGE (960) */
    section.principalsSection {
      margin-top: 70px;
    }
  
  
    /* WYSIWYG STYLES */
    .wrapper-two-column {
      display: flex;
    }
    .wrapper-two-column > div.gjs-cell {
      width: 50%;
    }
    .wrapper-three-column {
      display: flex;
    }
    .wrapper-three-column > div.gjs-cell {
      width: 33%;
    }
    .meeting-planner-easy {
      padding-top: 50px;
      padding-bottom: 30px;
    }
    .meeting-planner-easy > div {
      padding-left: 4%;
      padding-right: 4%;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    /******** HEADER SECTION (960) ********/
    /* - TOP MENU SECTION (960) - */
    ul.miniNav {
      justify-content: center;
    }
    ul.miniNav li {
      padding-left: 10px;
      padding-right: 10px;
    }
    ul.miniNav li.socials {
      display: none;
    }
    ul.miniNav li a {
      color: #c5cbce;
      font-size: 0.688em;
      letter-spacing: 0.030em;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: color .3s linear;
      -ms-transition: color .3s linear;
      transition: color .3s linear;
    }
    ul.miniNav li a:hover,
    ul.miniNav li a:focus,
    ul.miniNav li a:active {
      color: #fff;      
    }
    /* - SOCIAL ICONS (960) - */
    ul.headerSocialIcons {
      display: flex;
    }
    ul.headerSocialIcons li {
      padding-left: 3px;
      padding-right: 3px;
    }
    ul.headerSocialIcons li a {
      display: block;
      width: 26px;
      height: 26px;
      text-align: left;
      text-indent: -99em;
      overflow: hidden;
    }
    ul.headerSocialIcons li.facebook a {
      background: url("../svg/icon-facebook-white.svg") 50% 50% no-repeat;
      background-size: 10px auto;  
    }
    ul.headerSocialIcons li.twitter a {
      background: url("../svg/icon-twitter-white.svg") 50% 50% no-repeat;
      background-size: 18px auto;  
    }
    ul.headerSocialIcons li.instagram a {
      background: url("../svg/icon-instagram-white.svg") 50% 50% no-repeat;
      background-size: 18px auto;  
    }
    ul.headerSocialIcons li.youtube a {
      background: url("../svg/icon-youtube-white.svg") 50% 50% no-repeat;
      background-size: 19px auto;  
    }
    ul.headerSocialIcons li.linkedin a {
      background: url("../svg/icon-linkedin-white.svg") 50% 50% no-repeat;
      background-size: 14px auto;  
    }
    /* - MAIN NAVIGATION MENU (LOGO, MENU, SEARCH, WEATHER) (960) - */
    ul.navContainer {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    ul.navContainer li.logo {
      padding: 5px 15px 5px 5px;
    }
    ul.mainNav {
      display: flex;
    }
    ul.mainNav li.stick-submenu {
      position: relative;
    }
    ul.mainNav li a {    
      font-size: 0.938em;    
    }
    ul.navContainer li.weather {
      font-size: 1em;
      text-align: center;
    }
    ul.navContainer li.weather span {
      display: block;
      padding-left: 0;
    }  
    ul.mainNav li {
      padding-left: 3px;
      padding-right: 13px;
    }
    ul.navContainer li.logo img {
      max-width: 125px;
    }
    ul.navContainer li.search {
      position: relative;
    }
  
    ul.placesToStayCarousel li {
      width: 33%;
      box-sizing: border-box;
    }
    ul.placesToStayCarousel li.before-slide:nth-child(3n) {
      padding-right: 40px;    
    }
    ul.placesToStayCarousel li.before-slide:nth-child(3n - 2) {
      padding-left: 40px;    
    }
    ul.placesToStayCarousel li.after-slide:nth-of-type(3n + 1) {
      padding-right: 40px;    
    }
    ul.placesToStayCarousel li.after-slide:nth-of-type(3n - 1) {
      padding-left: 40px;    
    }
  
    /* MENU HOVER DROP MENUS (960) */
    ul.mainNav li.has-submenu:hover > div.subMenuContainer {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
    /* HOVER OPTION FOR LINKS WITH SUB MENUS */
    ul.mainNav li.has-submenu a.masterlink:after {
      position: absolute;
      height: 8px;
      width: 100%;
      background: #ff5041;
      content: '';
      left: 0;
      bottom: 0;        
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(14px);
      -moz-transform: translateY(14px);
      transform: translateY(14px);
    }
    ul.mainNav li.has-submenu:hover a.masterlink:after {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px);
    }
    ul.mainNav li.has-submenu:hover a.masterlink:before {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
    }
  
  
  
    /* HOVER OPTION FOR LINKS WITHOUT SUB MENUS */
    ul.mainNav li a.masterlink strong {
      position: relative;
    }
    ul.mainNav li.no-submenu a.masterlink strong:after {
      position: absolute;
      height: 4px;
      width: 100%;
      background: #ff5041;
      content: '';
      left: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(14px);
      -moz-transform: translateY(14px);
      transform: translateY(14px);
    }
    ul.mainNav li.no-submenu:hover a.masterlink strong:after,
    ul.mainNav li.no-submenu a.masterlink:focus strong:after,
    ul.mainNav li.no-submenu a.focus strong:after {
      opacity: 1;
      -webkit-transform: translateY(6px);
      -moz-transform: translateY(6px);
      transform: translateY(6px);
    }
  
    ul.subMenuNavigation li a:after {
      position: absolute;
      height: 2px;
      width: 100%;
      background: #ff5041;
      content: '';
      left: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(14px);
      -moz-transform: translateY(14px);
      transform: translateY(14px);
    }
    ul.subMenuNavigation li a:hover:after {
      opacity: 1;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      transform: translateY(5px);
    }
  
    div.subMenuContainer {
      border-top: 1px solid #bdbdbd;
      position: absolute;
      background: #fff;
      left: 0;
      width: 100%;
      z-index: 2;
      border-radius: 0 0 22px 22px;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
      transform: translateY(24px);
      -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
      -moz-transform: translateY(24px);
      -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(24px);
      box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
      -webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
      -moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.26);
    }
    /* END HEADER SECTION (960) */
  
    /* NAVIGATION - SEARCH BOX (960) */
    div.searchBox {    
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
      transform: translateY(24px);
      -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
      -moz-transform: translateY(24px);
      -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(24px);
  
  
      
      padding: 40px 70px 60px;
      min-width: 740px;
      right: 0;
      overflow: hidden;
      /*
      max-width: 1006px;
      left: 50%;
      margin-left: -480px;*/
    }
    div.searchBox-top-fade-in {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
  
    /* DESTINATION CANADA BLOCK (960) */
    div.destinationCanadaBlock {
      display: flex;
    }
    div.destinationCanadaBlock > div.gjs-cell {
      width: 50%;
      box-sizing: border-box;
    }
    div.destinationCanadaBlock > div.gjs-cell:first-child {
      padding-left: 50px;
      padding-right: 62px;
    }
    div.destinationCanadaBlock > div.gjs-cell:last-child {
      padding-left: 50px;
    }
    div.destinationCanadaBlock p.description {
      max-width: 440px
    }
  
    /* BANNERS (960) */
    section.bannerContainer ul div.description {
      /* padding: 60px 0 0 40px; */
      transform: translateY(-50%);
      top: 50%;
      position: relative;
      padding: 0 0 0 40px;
    }
    /* HOME PAGE BANNER CAROUSEL (this needs to be there to overwrite the above class) (960) */
    section.homepageBannerContainer ul div.description {
      padding: 24px 30px 0 40px;
      transform: none;
      top: inherit;
      margin-top: 0;
    }
  
  
  
    section.bannerContainer ul div.description p.intro {
      padding-right: 66px;
    }
  
  
    /* LARGE BANNERS FOR PAGES (960) */
    section.pageBanner img {
      max-height: 342px;
    }
    section.memberBanner img {
      max-height: 688px;
    }
    section.pageBanner div.pageBannerDetails {
      /*width: 480px; */
      width: 100%; 
    }
    section.pageBanner div.pageBannerDetails h1 {      
      font-size: 7.188em;
    }
    section.pageBanner div.pageBannerDetails h1.partners {      
      font-size: 5em;
    }
    section.pageBanner div.pageBannerDetails hr {      
      max-width: 480px;
      margin: 0 auto;
    }
    section.pageBanner div.pageBannerDetails span {      
      max-width: 600px;
      margin: 0 auto;
    }
    section.pageBanner div.pageBannerDetails span.ttdPill {
      font-size: 2em;
      margin-bottom: 5px;
    }
  
  
    /* SEARCH PAGE (960) */
    ul.searchCarousel li {
      padding: 23px 30px;
      width: 33%;
    }
    ul.searchCarousel li:nth-child(3n-2) {
      padding-left: 30px;
    }
    ul.searchCarousel li:nth-child(3n) {
      padding-right: 30px;
    }
  
  
  
    /* CONTACT US - PAGE (960) */
    ul.contactColumns {
      display: flex;
    }
    ul.contactColumns li.contactColumnOne {
      width: 60%;
      padding-left: 80px;
      padding-right: 80px;
      padding-top: 20px;
    }
    ul.contactColumns li.contactColumnTwo {
      width: 40%;
      padding-right: 30px;
    }
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >       BLOG DETAILS (960)  > > > > > > > > > > > > > > > > >  
    > > > > > > > > > > > > > > >                           > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    */
  
    ul.blogCarousel li {
      width: 33%;
      box-sizing: border-box;
    }
  
    /* > > BLOG DETAILS PHOTO AND H1 (960) */
    div.blogPictureTitle {
      padding-left: 45px;
      padding-right: 45px;
      padding-top: 26px;    
    }
    ul.blogDetails {
      display: flex;
    }
    ul.blogDetails li.columnOne {
      width: 53%;
    }
    ul.blogDetails li.columnTwo {
      width: 47%;
      padding-left: 35px;
    }
    ul.blogDetails li.columnTwo div.description {
      /* margin-top: 90px; */
      position: relative;
      transform: translateY(-40%);
      top: 40%;
    }
    
    /* > > BLOG DETAILS DESCRIPTION COLUMNS (960) */
    div.blogDescriptionContainer {
      padding-bottom: 30px;
    }
    ul.blogDescriptionContainerList {
      display: flex;
    }
    ul.blogDescriptionContainerList li.blogDescriptionContainerColumnOne {
      width: 20%;
      padding-left: 45px;
      padding-right: 30px;
      padding-top: 13px;
    }
    ul.blogDescriptionContainerList li.blogDescriptionContainerColumnOne ul.socialshare {
      margin-left: 37px;
      margin-top: 18px;
    }
    ul.blogDescriptionContainerList li.blogDescriptionContainerColumnTwo {
      width: 60%;
      padding-left: 100px;
      padding-right: 30px;
      padding-top: 15px;
    }
    div.mainBlogDescription hr {
      margin-left: -40px;
    }
    ul.blogDescriptionContainerList li.blogDescriptionContainerColumnThree {
      width: 20%;
      padding-left: 15px;
      padding-right: 15px;
    }
  
  
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >                                               > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >       CULTURE & ENTERTAINMENT - PAGE (960)    > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                               > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    */
    .miniCalageContainer {
      display: flex;
      padding-top: 40px;
    }
    
    .miniCalageContainer div.columnOne {
      width: 55%;
    }
    .miniCalageContainer div.columnTwo {
      width: 45%;
      max-width: 435px;
      padding-left: 20px;
      align-self: center;
    }
    ul.miniCalage li {    
      padding: 8px;    
    }
    ul.miniCalage li img {
      border-radius: 28px;
    }
  
    .miniCalageContainer div.columnTwo p.font-twentythree {
      padding-left: 24px;
    }
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                         > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >       VIDEO SERIES - HOME PAGE (960)    > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                         > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    */
    ul.videoColumnContainer {
      display: flex;
    }
    ul.videoColumnContainer li.columnOne {
      width: 60%;
      box-sizing: border-box;
    }
    ul.videoColumnContainer li.columnTwo {
      width: 40%;
      padding-left: 3%;
      box-sizing: border-box;
    }
    ul.smallListing p.photo {
      float: left;        
    }
    ul.smallListing div.description {
      margin-left: 232px;
    }
    div.titleLinkDocker a {
      right: 25px;
    }
    p.videoMobileLink {
      display: none;
    }
  
  
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >                             > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >       SPORT TOURISM (960)   > > > > > > > > > > > > > > > > >  
    > > > > > > > > > > > > > > >                             > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    */
    ul.pageNav {
      display: flex;
      justify-content: center;
    }
    ul.pageNav li {
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
    }
    ul.pageNavMat li {
      padding-left: 14px;
      padding-right: 14px;
    }
  
    ul.pageNav li a:after {
      position: absolute;
      height: 7px;
      width: 100%;
      background: #ff5041;
      content: '';
      left: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(14px);
      -moz-transform: translateY(14px);
      transform: translateY(14px);
    }
    ul.pageNav li.focus a:after,
    ul.pageNav li:hover a:after,
    ul.pageNav li a:focus:after,
    ul.pageNav li a:active:after {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px);
    }
    /* SUB SUB NAV IN PAGES SUB NAVIGATION */
    ul.pageNav li.stick-submenu div.subMenuContainer {
      width: max-content;
    }
  
    ul.pageNav li.has-submenu:hover a.masterlink:before {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
    }
  
    ul.pageNav div.navSubmMenuContainer {
      padding: 0 0 20px;
    }
    ul.pageNav div.navSubmMenuContainer a {
      padding: 3px 0;
      font-size: 1.125em;
    }
    ul.pageNav div.navSubmMenuContainer li a:after {
      opacity: 0;
      height: 2px;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(14px);
      -moz-transform: translateY(14px);
      transform: translateY(14px);
    }
  
    ul.pageNav div.navSubmMenuContainer li.focus a:after, 
    ul.pageNav div.navSubmMenuContainer li:hover a:after, 
    ul.pageNav div.navSubmMenuContainer li a:focus:after, 
    ul.pageNav div.navSubmMenuContainer li a:active:after {
      opacity: 1;    
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px);
    }
  
    ul.pageNav li.stick-submenu div.subMenuContainer {
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
      box-shadow: 9px 20px 28px -10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 9px 20px 28px -10px rgba(0, 0, 0, 0.5);
    }
    ul.pictureTextList {
      display: flex;
    }
    ul.pictureTextList li {
      box-sizing: border-box;
      width: 50%;
    }
    ul.pictureTextList li.listText {
      display: flex;
      align-items: center;
    }
    ul.pictureTextList li.listPicture img {
      object-fit: cover;
    }
    ul.pictureTextList li.listPicture figcaption {
      position: absolute;
    }
    ul.pictureTextList li.listText div.details {
      max-width: 540px;    
    }
    ul.pictureTextList li.listText div.details p {
      padding-right: 48px;
      font-size: 1.063em;
    }
  
    /* PICTURE LEFT TEXT RIGHT (960) */
    ul.picLeftTextRight li.listText {
      padding-left: 50px;
    }
    ul.picLeftTextRight li.listPicture figure {
      position: relative;
    }
    ul.picLeftTextRight li.listPicture figcaption {
      max-width: 540px;
      right: 0;
      padding-right: 30px;
      width: 100%;
    }
    /* PICTURE RIGHT TEXT LEFT (960) */
    ul.picRightTextLeft li.listPicture {
      order: 2;
    }
    ul.picRightTextLeft li.listPicture figcaption {
      padding-left: 50px;
    }
    ul.picRightTextLeft li.listText {
      order: 1;
      padding-right: 30px;
      justify-content: end;
    }
    /* MEETING PLANNER CALLOUTS (960) */
    ul.meetingPlannerCallouts {
      display: flex;
      margin: 48px 0 28px
    }
    ul.meetingPlannerCallouts li {
      width: 25%;
    }
    ul.meetingPlannerCallouts li {
      padding-left: 2px;
      padding-right: 2px;
    }
    ul.meetingPlannerCallouts li:first-child {
      padding-left: 0;
    }
    ul.meetingPlannerCallouts li:last-child {
      padding-right: 0;
    }
    /* FOOTER CALL OUTS (960) */
    ul.footerCallouts {
      display: flex;
    }
    ul.footerCallouts li {
      width: 33.3%;
    }
    ul.footerCallouts li {
      padding-left: 15px;
      padding-right: 15px;
    }
    ul.footerCallouts li:first-child {
      padding-left: 0;
    }
    ul.footerCallouts li:last-child {
      padding-right: 0;
    }
    ul.footerCallouts figcaption {
      font-size: 43px;
      max-width: 64%;
    }
    /* SPORTS SECTION FOOTER (960) */
    section.sportFooter {
      padding-top: 50px;
      padding-bottom: 40px;
    }
    section.includeSportFooter {
      padding-bottom: 0;
    }
  
  
    section.sportFooter h4 {
       font-size: 83px;
       line-height: 0.813; 
    }
    section.sportFooter p {
      padding-top: 0
    }
    div.meetOurTeam {
      padding-top: 7px;
    }
    ul.ourStaff {
      display: flex;
      flex-wrap: wrap;
    }
    ul.ourStaff li.staffer {
      width: 50%;
      box-sizing: border-box;
      padding-bottom: 38px;
    }
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                                   > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >       SPORT TOURISM - HOW WE CAN HELP (960)       > > > > > > > > > > > > > > > > >  
    > > > > > > > > > > > > > > >                                                   > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 
    */
    ul.helpContainer {
      display: flex;
    }
    ul.helpContainer li {
      
      
    }
    ul.helpContainer li.columnOne {
      width: 50%;
      padding-right: 100px;
    }
    ul.helpContainer li.columnTwo {
      width: 50%;
    } 
    
    
    div.helpActionItem h3 {
      font-size: 2.5em;
    }
    div.helpActionItem p {
      font-size: 1.063em;
      padding-top: 7px;
    }
    div.helpActionItem p.photo {
      width: 135px;
      height: 135px;
    }
    div.helpActionItem p.photo img {
      padding: 0;
    }
    div.helpActionItem div.description {
      margin-left: 150px;
      margin-top: 7px;
    }
    div.helpActionPlan {
      margin-left: 150px;  
    }
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                                 > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >       SPORT TOURISM - SPORT FACILITIES (960)    > > > > > > > > > > > > > > > > >  
    > > > > > > > > > > > > > > >                                                 > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    */
    div.facilityPictureTextContainer {
      padding-top: 24px;
      padding-bottom: 50px;
    }
  
    ul.facilityPictureTextList {
      display: flex;
    }
    ul.facilityPictureTextList li.listPicture {
      width: 50%;
      box-sizing: border-box;
    }
    ul.facilityPictureTextList li.listText {
      width: 50%;
      box-sizing: border-box;
      display: flex;
      align-items: center; 
    }
    ul.facilityPicLeftTextRight li.listPicture {
      text-align: right;
    }
    ul.facilityPicLeftTextRight li.listText {
      padding-left: 50px;
    }
    ul.facilityPicRightTextLeft li.listText {
      order: 1;
      padding-right: 30px;
      justify-content: end;
    }
    ul.facilityPicRightTextLeft li.listText div.details p {
      padding-right: 30px;
    }
    ul.facilityPicRightTextLeft li.listPicture {
      order: 2;
    }
  
  
    /* 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    > > > > > > > > > > > > > > >                                                 > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > >             MEETING PLANNERS (960)              > > > > > > > > > > > > > > > > >  
    > > > > > > > > > > > > > > >                                                 > > > > > > > > > > > > > > > > > 
    > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
    */
    div#ivck {
      padding-top: 40px;
    }
  
    ul.miniNav li.closeNavList {
      display: none;
    }
  
    #imin {
      padding-bottom: 30px;
    }
  
    /* HOMETOWN DID YOU KNOW (960) */
    section.introductionSection {
      margin-top: 70px;
    }
  
    /* MURALS (960) */
    li.muralDescriptionColumnOne .arrowCircleLink {
      margin-left: -39px;
      margin-bottom: 30px;
    }
    div.galleryContainer {
      
      position: absolute;
    }
    div.galleryContainerHopper {
      height: 567px;
    }
    ul.memberCarouselWrapper li img {
      height: 464px !important;
    }
    ul.memberCarouselWrapper li.videoSlide {
      height: 464px; 
      width: 680px;
    }
    ul.memberCarouselWrapper li.videoSlide iframe {
      height: 464px; 
      width: 680px;
    }
    div.memberCarouselPagination {
      left: 238px;
    }
  
  
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1024PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 64em) { /* 1024 */
    /* HOMETOWN DID YOU KNOW (1024) */
    section.introductionSection ul.introList {
      display: flex;
      flex-wrap: wrap;
      font-size: 1em;
    }
    section.introductionSection ul.introList li {
      border-right: 0 none;
      min-height: 225px;
      padding-top: 20px;
      padding-bottom: 20px;
      width: 50%;
      padding-left: 0;
      padding-right: 0;
    }
    section.introductionSection ul.introList li div.details {
      max-width: 242px;
      margin-left: 226px;
      margin-top: 32px;
    }
    section.introductionSection ul.introList li.listTwo div.details {
      max-width: 237px;
    }
    section.introductionSection ul.introList li.listThree div.details {
      max-width: 230px;
    }
    section.introductionSection ul.introList li.listFour div.details {
      max-width: 228px;
    }
    section.introductionSection ul.introList li.listSix div.details {
      max-width: 230px;
    }
    section.introductionSection ul.introList li:nth-child(odd) {
      border-right: 1px solid #435e6c;
    }
    section.introductionSection ul.introList li:nth-child(-n+4){
      border-bottom: 1px solid #435e6c;
    }
    section.introductionSection ul.introList li:last-child  {
      border-right: 0 none;
      
    }
    section.introductionSection img.suitcase {
      width: 200px;
    }
    section.introductionSection img.figures {
      width: 125px;
    }
    section.introductionSection img.rowfigures {
      width: 180px;
    }
    section.introductionSection img.house {
      width: 177px;
    }
    section.introductionSection img.knifefork {
      width: 120px;
    }
    section.introductionSection img.serviceicons {
      width: 80px;
    }
    section.introductionSection img.dollarbills {
      width: 150px;
    }
    section.introductionSection div.photo div:first-child {
      float: left;
      margin-left: -30px;
    }
    section.introductionSection div.photo,
    section.introductionSection p.photo {
      float: left;
      width: 225px;
      text-align: center;
    }
    section.introductionSection div.photo span,
    section.introductionSection p.photo span {
      display: block;
      color: #fff;
      font-family: 'TLTitle Bold';
      font-size: 5em;
      line-height: 0.938;
      letter-spacing: 0.010em;
    }
    section.introductionSection div.photo span.smaller,
    section.introductionSection p.photo span.smaller {
      font-size: 3.125em;
    }
    section.introductionSection div.swiperContentPaginationButtons {
      display: none;
    }
    /* HOMETOWN GETTING STARTED (1024) */
    section.sectionGettingStarted {
      padding-bottom: 40px;
    }
    section.sectionGettingStarted ul {
      display: flex;
    }
    section.sectionGettingStarted ul.collage {
      max-width: 1092px;
    }
    section.sectionGettingStarted ul.collage li {
      width: 50%;
    }
    section.sectionGettingStarted ul.collage li.columnOne img.hometownCity {
      left: 33px;
    }
    section.sectionGettingStarted ul.collage li.columnOne img.hometownCheckin {
      right: -124px;
      top: 66px;
      width: auto;
    }
    section.sectionGettingStarted ul.collage li.columnOne img.hometownHandshake {
      left: -43px;
      bottom: 28px;
      width: auto;
    }
    section.sectionGettingStarted ul.collage li.columnOne img.hometownConference {
      top: 23px;
      left: 138px;
      width: auto;
    }
    section.sectionGettingStarted ul.collage li.columnTwo div {
      padding-left: 150px;
      padding-top: 20px;
      margin-top: 42px;
    }
    section.sectionGettingStarted ul.collage li.columnTwo div strong {
      line-height: 1.2;
    }
    
    /* HOMETOWN WHY CHOOSE LONDON (1024) */
    section.sectionWhyLondon h3 {
      font-size: 3.438em;
    }
    section.sectionWhyLondon div.whyLondonContainer,
    section.sectionWhyLondon div.whyLondonContainerTwo,
	section.sectionWhyLondon div.whyLondonContainerThree {
      margin-top: 30px;
    }
    section.sectionWhyLondon div.wrapper {
      padding-left: 0;
      padding-right: 0;
      max-width: 100%;
    }
    section.sectionWhyLondon ul li.listWhyLondon {
      width: 33%;
    }
    /* END -- HOMETOWN DID YOU KNOW */
  
    /* HOMETOWN HOSTS SERIES (1024) */
    section.sectionHometownHosts ul div.details {
      padding-top: 60px;
    }
  
    
    /* HOMETOWN HOST (1024) */
    .seriesContainerDetails h3 {
      font-size: 3.125em;
    }
    .seriesContainerDetails li div.details {
      padding-top: 60px;
    }
  
    /* MURALS (1024) */
    ul.muralLogos {
      margin: 10px 0 0 0;
    }
    ul.muralLogos li {
      width: auto;
    }
    /* END MURALS */
  
  
    /* EVENTS PAGE - LISTING (1024) */
    section.pageBannerEventDetails div.pictureContainer {
      position: absolute;
      display: block;
      width: 100%;
    }
    /* this class will be smoked */
    section.pageBannerEventDetails picture {
      position: absolute;
      display: block;
      width: 100%;
    }
    
    section.pageBannerEventDetailsOpactiy picture::after {
      content: '';
      background: rgba(0,0,0,.65);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }
  
    /* ABOUT TOURISM LONDON - PAGE (1024) */
    section.principalsSection ul.guideingList {
      display: flex;
      flex-wrap: wrap;
      font-size: 2.5em;
    }
    section.principalsSection ul.guideingList li img {
      width: 140px;
    }
    section.principalsSection ul.guideingList li img.trailblazer {
      width: 98px;
    }
    section.principalsSection ul.guideingList li img.collaboration {
      width: 135px;
    }
  
    section.principalsSection div.photo, 
    section.principalsSection p.photo {
      float: left;
      width: 225px;
      text-align: right;
    }
    section.principalsSection ul.guideingList li div.details {
      max-width: 242px;
      margin-left: 243px;
      margin-top: 58px;
      text-align: left;
    }
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1092PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 68.250em) { /* 1092 */
    
    /* NAVIGATION - SEARCH BOX (1092) */
    div.searchBox {    
      padding: 40px 110px 60px;
    }
    
    
    /* START -- HOMETOWN DID YOU KNOW */
    section.sectionGettingStarted ul.steps li {
      padding: 0px 10px;
    }
    section.sectionGettingStarted div.gettingStartedNavigation {
      display: none;
    }
    /* END -- HOMETOWN DID YOU KNOW */
  
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1110PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 69.375em) and (max-width: 114.063em) { /* 1110 */
    
    ul.pictureTextList li.listText div.healthMedical {
      padding-top: 70px;
    }
    
    /* - MAIN NAVIGATION MENU (LOGO, MENU, SEARCH, WEATHER) (1280) - */
    ul.navContainer li.logo img {
      max-width: 155px;
    }
    ul.mainNav li a {    
      font-size: 1em;
    }
  
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1110PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 69.375em) { /* 1110 */
    /* - TOP MENU SECTION (1110) - */
    ul.miniNav li.socials {
      display: list-item;
    }
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1280PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 80em) { /* 1280 */
  
  
    /* - TOP MENU SECTION (1280) - */
    ul.miniNav {
      justify-content: end;
    }
    ul.miniNav li {
      padding-left: 11px;
      padding-right: 11px;
    }  
    ul.miniNav li a {
      font-size: 0.813em;
    }
    ul.headerSocialIcons li {
      padding-left: 3px;
      padding-right: 3px;
    }
    /* - MAIN NAVIGATION MENU (LOGO, MENU, SEARCH, WEATHER) (1280) - */
    ul.navContainer {
      justify-content: left;
    }
    ul.navContainer li.search {
      position:inherit;
    }
    ul.mainNav li a {    
      font-size: 1.188em;
    }
    ul.navContainer li.weather {
      font-size: 1em;
	  /*font-size: 1.125em;*/
      text-align: left;
    }
   
    ul.navContainer li.weather span {
      padding-left: 14px;
      display: inline-block;
    }
    
    ul.mainNav li {
      padding-left: 13px;
      padding-right: 13px;
    }
    ul.navContainer li.logo img {
      max-width: 100%;
    }
  
    /* MURALS (1280) */
    ul.meetMuralArtists li {
      padding-right: 25px;
      width: auto;
    }
    ul.meetMuralArtistsTwo li {
      /*width: 37%;*/
      max-width: 250px;
    }
  
    /* HOME PAGE BANNER CAROUSEL (1280) */
    section.bannerContainer ul div.description h2 {
      font-size: 3.938em;
    }
    section.bannerContainer ul div.description p.intro {
      font-size: 1.188em;
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne img {
      min-height: 580px;
    }
    div.paginationNextContainer {
      bottom: 29px;
      left: 11px;    
    }
    div.bannerFeaturedThumb {
      width: 75%; 
      bottom: -119px;       
    }
    ul.bannerCarouselThumb li img {
      width: 164px;
    }
    ul.bannerCarouselThumb li div.thumbdescription {
      margin-left: 190px;
      padding-top: 30px;
    }
    section.homepageBannerContainer ul.bannerDetails li.columnOne {
      width: 53%;
    }
    ul.bannerDetails li.columnTwo {
      width: 47%;
    }
    section.homepageBannerContainer ul div.description {
      padding: 60px 0 0 40px;
    }
    section.homeIntro {
      padding-top: 134px;
    }
    /* END MURALS */
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                 M E D I A  B R E A K - 1600PX               + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (min-width: 100em) { /* 1600 */
    /* HOME PAGE BANNER CAROUSEL (1600) */
    section.bannerContainer ul div.description h2 {
      font-size: 5.188em;
    }

    section.homepageBannerContainer ul.bannerDetails li.columnOne img {
      min-height: 688px;
    }


    div.paginationNextContainer {
      bottom: 126px;
    }
    div.bannerFeaturedThumb {
      position: absolute;
      width: 56%;
      bottom: -37px;
      right: -100%;
    }
    div.paginationNextContainer {
      bottom: 111px;
      left: 0;    
    }
    section.homeIntro {
      padding-top: 65px;
    }
    /* LARGE BANNERS FOR PAGES (1600) */
    section.pageBanner img {
      max-height: 688px;
    }
  }
  @media only screen and (min-width: 105em) { /* 1680 */
    div.paginationNextContainer {
      bottom: 126px;
         
    }
  }
  
  /* ==========================================================================
     Helper classes
     ========================================================================== */
  
  /*
   * Hide visually and from screen readers
   */
  
  .hidden,
  [hidden] {
    display: none !important;
  }
  
  /*
   * Hide only visually, but have it available for screen readers:
   * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   *
   * 1. For long content, line feeds are not interpreted as spaces and small width
   *    causes content to wrap 1 word per line:
   *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
   */
  
  .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
  }
  
  /*
   * Extends the .sr-only class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
  
  .sr-only.focusable:active,
  .sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
  }
  
  /*
   * Hide visually and from screen readers, but maintain layout
   */
  
  .invisible {
    visibility: hidden;
  }
  
  /*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
  
  .clearfix::before,
  .clearfix::after {
    content: " ";
    display: table;
  }
  
  .clearfix::after {
    clear: both;
  }
  
  
  
  @media only screen and (min-width:60em) and (max-width:97.813em) { /* BETWEEM 960px & 1565px */
    .figureCaptionSpace {
      padding-top: 30px;
    }
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 1035PX         + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 64.688em) { /* 1035 */
    ul.footerCopyRight {
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
    }
    ul.footerCopyRight li.left,
    ul.footerCopyRight li.right {
      width: 100%;
    }
    ul.footerCopyRight li.right {
      padding-left: 0;
    }
    ul.footerCopyrightMenu {
      justify-content: center;
    }
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 1023PX         + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 63.938em) { /* 1023 */
    /* EDITORS PICK (1023) */
    section.editorPick div.wrapper-1280 {
      padding-left: 28px;
      padding-right: 28px;
    }
    section.editorPick ul li:first-child {
      width: 55%;
      padding-right: 4%;
      box-sizing: border-box;
    }
    section.editorPick ul div.description {
      padding-top: 10px;
    }
    section.editorPick ul div.description h3 {
      font-size: 2.75em;
      padding-top: 7px;
    }
    section.editorPick ul div.description h4 {
      font-size: 1.25em;
      padding-right: 0;
    }
    section.editorPick ul div.description p.dateLocation {
      font-size: 1em;
    }
    section.editorPick ul div.description p.intro, section.editorPick ul div.description p.teaser {
      font-size: 1em;
    }
    section.editorPick ul div.description a.editorLink {
      font-size: 1.063em;
    }
  
    /* EVENT DETAILS  (1023) */
  
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 960PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 59.938em) { /* 959 */
  
    .backToTopButton {
      display: none;
    }
  
    div.helpActionPlan {
      padding-left: 20px;
    }
  
    section.sportFooter {
      padding-top: 45px;
    }
  
    div.retainingwall {
      height: 60px;
      position: relative;
      z-index: -1;
    }
    header {
      position: fixed;
      height: 59px;
      z-index: 10;
      min-height: 59px;
      top: 0;
      width: 100%;
      transition: all .25s ease;
    }
    header div.menuItem {
      top: 60px;
      left: 0;
      position: fixed;
      z-index: -1;
      display: flex;
      flex-flow: column;
      visibility: hidden;
      background: #fff;
      
    }
    header div.menuItem.active {
      z-index: 1;
      visibility: visible;    
    }
  
    div.eventsContainer hr {
      margin-left: 20px;
      margin-right: 20px;
    }
  
    @supports((text-stroke: 1px white) or (-webkit-text-stroke: 1px white)) {
      span.cityCall {
        color: transparent;
        -webkit-text-stroke: 1px white;
        text-stroke: 1px white;
        text-shadow: none;
      }
    }
  
  
  
  
  
  
    ul.mobileMenu {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: flex;
      flex-wrap: nowrap;
      height: 59px;
      border-bottom: 1px solid #bdbdbd;
    }
    ul.mobileMenu li {    
      box-sizing: border-box;
    }
    ul.mobileMenu li.mobilelogo {
      padding-left: 20px;
      padding-top: 2px;
      
    }
    ul.mobileMenu li.mobileButton {
      width: 72px;
    }
    ul.mobileMenu li.mobilesearch button.searchbutton::after {
      content: '';
      position: absolute;
      width: 1px;
      height: 50px;
      background: #cacaca;
      right: 15px;
      top: 50%;
      margin-top: -25px;
      -webkit-transition: background-color .3s linear;
      -ms-transition: background-color .3s linear;
      transition: background-color .3s linear;
    }
    ul.mobileMenu li.mobilesearch button.searchbutton {
      border: 0 none;
      background: url("../svg/icon-search-grey.svg") 50% 50% no-repeat;
      background-size: 32px auto;
      cursor: pointer;
      text-align: left;
      text-indent: -99em;
      overflow: hidden;
      width: 32px;
      height: 60px;
      right: 57px;
      position: absolute;
      padding: 0 48px;
      -webkit-transition: opacity 0.3s, background-color .3s linear;
      -ms-transition: opacity 0.3s, background-color .3s linear;
      transition: opacity 0.3s, background-color .3s linear;
      z-index: 1;
      opacity: 1;
      visibility: visible;
    }
  
    ul.mobileMenu li.mobilesearch button.searchbutton.active {
      z-index: -1;
      visibility:hidden;
      opacity: 0;    
    }
  
    
  
  
  
  
  
    ul.miniNav li.closeNavList {
      padding-bottom: 0;    
    }
    button.closeNav {
      border: 0 none;
      background: #ff5041;
      color: #fff;
      font-family: 'TLSans Bold';
      padding: 20px;
      width: 100%;
      cursor: pointer;
      position: absolute;
      left: 0;
    }
  
    div.searchMobileBox {
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
      transform: translateY(24px);
      -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
      -moz-transform: translateY(24px);
      -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(24px);
      
      background: #fff;
      position: absolute; 
      z-index: 1;
      width: 100%;
      padding-bottom: 40px;
      padding-top: 20px;
    }
    div.searchMobileBox-top-fade-in {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
  
    ul.searchContainer {
      display: list-item;
      padding-left: 20px;
      padding-right: 20px;
    }
    ul.searchContainer li.left {
      width: 100%;
    }
    ul.searchContainer li.right {
      width: 100%;
      text-align: center;
      padding-top: 35px;
    }
    ul.searchContainer li.closemenu {
      padding-top: 35px;
      text-align: center;
    }
    ul.searchContainer li.closemenu button {
      border: 0 none;
      color: #3c3c3b;
      background: transparent;
      font-family: 'TLSans Bold';
      border-bottom: 2px solid #ff5041;
      cursor: pointer;
      padding: 0 0 3px 0;
    }
    div.searchMobileBox label {
      color: #ff5041;
      letter-spacing: -0.010em;
      font-size: 2.188em;
      text-align: center;
    }
    div.inputContainer {
      position: relative;
    }
    div.searchMobileBox input.text {
      border-top: 0 none;
      border-right: 0 none;
      border-left: 0 none;
      border-bottom: 1px solid #8a8a89;
      padding: 2px 62px 2px 15px;
      background: #fff;
      width: 100%;
      font: 1.25em/1 'TLSans Light';
      letter-spacing: -0.025em;
      border-radius: 0;
    }
  
    div.searchMobileBox button.resetButton {
      background: url("../svg/icon-close-search.svg") 50% 50% no-repeat;
      background-size: 20px auto;
      border: 0 none;
      border-radius: 50%;
      cursor: pointer;
      width: 1em;
      height: 1em;
      padding: .75em;
      position: absolute;
      right: 14px;
      top: 50%;
      margin-top: -10px;
      transform: translate(0.25em,0.25em) rotate(45deg) scale(0.25,0.125);
      transform-origin: 0 50% 0;
      transform: scale(1);
    }
    div.searchMobileBox button.resetButton span {
      display: none;
    }
  
    
    div.popularSearchContainer {
      margin-top: 20px;
      background: #f2f2f2;
      margin-top: 30px;
      background: #f2f2f2;
      position: relative;
      left: 0;
      padding-left: 130px;
      padding-right: 110px;
      margin-left: -110px;
      margin-right: -110px;
      padding-bottom: 60px;
      margin-bottom: -60px;
      padding-top: 20px;
    }
    div.popularSearchContainer {
      display: none;
    }
  
    
  
  
    ul.miniNav {
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    ul.miniNav li {
      padding: 16px 0;
      order: 1;
      width: 100%;
    }
    ul.miniNav li.socials {
      
      order: 0;
      border-bottom: 1px solid #bdbdbd;
      padding-bottom: 6px;
      padding-top: 22px;
    }
    ul.miniNav li a {
      text-decoration: none;
      padding-left: 14px;
      padding-right: 14px;
    }
    ul.miniNav li a strong {
      font-family: 'TLSans Regular';
      font-weight: normal;
      font-size: 1.188em;
    }
    ul.headerSocialIcons:before {
      content: 'Follow Us:';
      position: absolute;
      top: -28px;
      font-family: 'TLSans Bold';
      color: #ff5041;
      font-size: 1.25em;
      letter-spacing: -0.010em;
  
    }
    ul.headerSocialIcons {
      display: flex;
      justify-content: left;
      position: relative;
      margin-top: 18px;
      padding-left: 14px;
      padding-right: 14px;
    }
    ul.headerSocialIcons li {
      width: auto;
      padding-right: 26px;
    }
    ul.headerSocialIcons li a {
      display: block;
      width: 36px;
      height: 36px;
      text-align: left;
      text-indent: -99em;
      overflow: hidden;
      padding-left: 0;
      padding-right: 0;
    }
    ul.headerSocialIcons li.facebook a {
      background: url("../png/icon-facebook-gray.png") 50% 50% no-repeat;
      background-size: 100% auto;  
    }
    ul.headerSocialIcons li.twitter a {
      background: url("../svg/icon-twitter-gray.svg") 50% 50% no-repeat;
      background-size: 100% auto;  
    }
    ul.headerSocialIcons li.instagram a {
      background: url("../png/icon-instagram-gray.png") 50% 50% no-repeat;
      background-size: 100% auto;  
    }
    ul.headerSocialIcons li.youtube a {
      background: url("../png/icon-youtube-gray.png") 50% 50% no-repeat;
      background-size: 100% auto;  
    }
    ul.headerSocialIcons li.linkedin a {
      background: url("../png/icon-linkedin-gray.png") 50% 50% no-repeat;
      background-size: 100% auto;  
    }
  
    ul.mainNav li.stick-submenu div.subMenuContainer {
      width: 100%;
    }
    ul.mainNav li a {
      padding: 13px 0;
    }
    ul.mainNav li a.masterlink {
      font-size: 1.25em;
    }
    ul.mainNav li.has-submenu a.masterlink:before,
    ul.pageNav li.has-submenu a.masterlink:before {
      
      border-left: 0 none;
      border-right: 0 none;
      border-top: 0 none;  
    }
    
  
    ul.subMenuDivider li.left {
      width: 100%;
      border-bottom: 0 none;
    }
    ul.subMenuDivider li {
      padding-left: 0;
    }
    ul.subMenuDivider li.right {
      display: none;
    }
    div.miniNavContainer {
      display: none;
    }
    ul.navContainer li.weather,
    ul.navContainer li.logo,
    ul.navContainer li.search {
      display: none;
    }
    ul.navContainer {
      padding-left: 20px;
      padding-right: 20px;
    }
    ul.mainNav li {
      border-bottom: 1px solid #bdbdbd;
    }
    ul.navSubmMenuDivider li {
      border-bottom: 0 none;
    }
    div.navSubmMenuContainer {
      padding: 0 10px 15px 24px;
    }
    ul.mainNav li.stick-submenu div.navSubmMenuContainer {
      padding: 0 10px 15px 24px;
    }
    div.subMenuContainer h4 {
      display: none;
    }
    ul.subMenuNavigation {
      padding: 0;
    }
    ul.subMenuNavigation li {
      border-bottom: 0 none;
    }
    ul.mainNav li.has-submenu,
    ul.pageNav li.has-submenu {
      position: relative;
    }
    ul.mainNav li.has-submenu span.toggleSpan,
    ul.pageNav li.has-submenu span.toggleSpan {
      position: absolute;
      right: 0;
      top: 18px;
      width: 25px;
      height: 25px;    
      text-align: left;
      text-indent: -99em;
      overflow:hidden;
      z-index: 3;
      cursor:pointer;
    }
    ul.mainNav li.has-submenu span.toggleSpan:after,
    ul.pageNav li.has-submenu span.toggleSpan:after {
      content: '';
      position: absolute;
      left: 50%;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 11px solid #ff5041;
      top: 50%;
      transform-origin: 50% 40%;
      transition: transform .4s ease-in-out;
      margin-left: -9px;
      margin-top: -5px;
    }
  
    ul.mainNav li.has-submenu span.toggleSpanned:after,
    ul.pageNav li.has-submenu span.toggleSpanned:after {    
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
    }
    div.subMenuContainer {    
      max-height: 0;
      transition: max-height 0.15s ease-out;
      overflow: hidden;    
    }
    div.subMenuContainerToggleSpanned { 
      max-height: 1000px;
      transition: max-height 0.25s ease-in;
    }
    /* SEARCH CONTAINERS TOGGLING THINGY */
  
    
  
    span.mobileCatTitleToggled:after {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
    }
  
    div.searchOptionContainer {
      max-height: 0;
      transition: max-height 0.15s ease-out;
      overflow: hidden;
    }
    div.searchOptionContainerToggled {
      max-height: 1000px;
      transition: max-height 0.25s ease-in;
    }
    
  
  
    
    /* HAMBURGER */
    button.mobMenu {
      appearance: none;
      background: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 60px;
      position: absolute;
      overflow: hidden;
      right: 0;
      top: 0;
      margin-top: 0;
      width: 72px;
      text-indent: -99em;
      transition: background 0.3s;
      -webkit-transition: background 0.3s;
      -webkit-appearance: none;
      -moz-appearance: none;
      z-index: 3;
    }
    button.mobMenu:focus {
      outline: none;
    }
    button.mobMenu span {
      background: #b1b1b1;
      display: block;
      height: 3px;
      left: 20px;
      position: absolute;
      top: 28px;
      right: 20px;
      border-radius: 6px;
      
    }
    button.mobMenu span::before,
    button.mobMenu span::after {
      background-color: #b1b1b1;
      content: "";
      display: block;
      height: 3px;
      left: 0;
      position: absolute;	
      width: 100%;
      border-radius: 6px;
      
    }
    button.mobMenu span::before {
      top: -9px;
    }
    button.mobMenu span::after {
        bottom: -9px;
        
    }
    /**
    * Style 2
    * 
    * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
    * down to center and transform into an "x".
    */
    button.mobStyle.active {
      background: #ff5041;
      box-shadow: -1px 0px 0px 0px #ff5041;
    }
    button.mobStyle span {
      -webkit-transition: background 0s 0.3s;
      transition: background 0s 0.3s;
    }
    button.mobStyle span::before,
    button.mobStyle span::after {
      -webkit-transition-duration: 0.3s, 0.3s;
      transition-duration: 0.3s, 0.3s;
      -webkit-transition-delay: 0.3s, 0s;
      transition-delay: 0.3s, 0s;
    }
    button.mobStyle span::before {
      -webkit-transition-property: top, -webkit-transform;
      transition-property: top, transform;
    }
    button.mobStyle span::after {
      -webkit-transition-property: bottom, -webkit-transform;
      transition-property: bottom, transform;
    }
    button.mobStyle.active span {
        background: none;
    }
    button.mobStyle.active span::before {
      top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #fff;
    }
    button.mobStyle.active span::after {
      bottom: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      width: 100%;
      background-color: #fff;
    }
    button.mobStyle.active span::before,
    button.mobStyle.active span::after {
      -webkit-transition-delay: 0s, 0.3s;
      transition-delay: 0s, 0.3s;
    }
    
    /* FILTERING OPTIONS (PLACES TO STAY) 959 */
    /* EVENTS TAKE DOWN MULTIPLE CATEGORY TO SINGLE CATEGORY LISTING */
    section.searchEvents {
      background: #f2f2f2;
    }
    ul.listingFilter li div.eventsCategoryMenu ul.filterLists {
      -moz-column-count: 1;
      -moz-column-gap: 0px;
      -webkit-column-count: 1;
      -webkit-column-gap: 0px;
       column-count: 1; 
       column-gap: 0px; 
    }
    ul.searchEventsColumns li.searchEventsColumnOne {
      padding: 0 28px;
      background: #fff;
      width: 100%;
    }
    /* show start date and end date */
    ul.searchEventsColumns li strong.startdate,
    ul.searchEventsColumns li strong.enddate {
      display: block;
      background-color: #f2f2f2;
      max-width: 100%;
  
    }
    .qs-datepicker-container {
      width: 100% !important
    }
  
    ul.blogFilterSearch li.filterlabel {
      background: url("../svg/icon-filter.svg") left 50% no-repeat;
      background-size: 22px auto;
      width: 25%;
      padding-right: 16px;
      align-self: center;
      padding-left: 30px;
      color: #2d4e5f;
    }
    ul.blogFilterSearch li button.filterRefine {
      padding:  11px 25px 14px;
      text-align: left;
    }
    ul.blogFilterSearch li button.filterRefine:after {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      margin-top: -2px;
      
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid #ff5041;
      transition: transform .4s ease-in-out;
      transform-origin: 50% 40%;
      right: 15px;
    }
  
  
  
    ul.blogFilterSearch li button.filterRefine span:before {
      background: none;
    }
    ul.blogFilterSearch li:last-child {
      width: 75%;
      
    }
  
  
    ul.mobileFilterSearch {
      display: flex;
      flex-wrap: nowrap;
      margin: 0 -14px;
      padding: 14px 0;
      list-style-type: none;
    }
    ul.mobileFilterSearch li {
      width: 50%;
      box-sizing: border-box;
      padding-right: 1%;
    }
    ul.mobileFilterSearch li:last-child {
      padding-right: 0;
    }
    button.mobileFilter {
      background-color: #fff;
      border: 1px solid #c4c4c4;
      border-radius: 22px;
      color: #2d4e5f;
      cursor: pointer;
      display: block;
      font: 1em/1 'TLSans Semi Bold';
      padding: 11px 45px 14px 18px;
      width: 100%;
      position: relative;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    button.filterRefineSort:after {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      margin-top: -2px;
      
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid #ff5041;
      transition: transform .4s ease-in-out;
      transform-origin: 50% 40%;
      right: 15px;
    }
    button.filterRefine span {
      position: relative;
      display: inline-block;
    }
    button.filterRefine {
      padding: 11px 18px 14px 37px;
    }
    button.filterRefine span:before {
      content: '';
      background: url("../svg/icon-filter.svg") left 50% no-repeat;
      background-size: 18px auto;
      left: -25px;
      top: 50%;
      position: absolute;
      width: 20px;
      height: 20px;
      margin-top: -10px;
    }
    
    ul.searchColumns {
      background: #fff;
      display: flex;
      justify-content: left;
      position: fixed;
      left: 0;
      top: 60px;
      width: 100%;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
      transform: translateY(24px);
      -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
      -moz-transform: translateY(24px);
      -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(24px);
    }
    ul.searchColumns-fade-in {
      z-index: 10;
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
    ul.searchTTDColumns li.searchTTDColumnOne {
      padding: 0 28px;
      background: #fff;
      width: 100%;
    }
    ul.listingFilter {
      flex-wrap: wrap;
    }
    ul.listingFilter li.column {
      width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #bdbdbd;
    }
    ul.listingFilter li strong {
      display: none;
    }
    ul.listingFilter li span.mobileCatTitle {
      font-size: 1.188em;
      font-family: 'TLSans Bold';
      display: block;
      position: relative;
      margin-bottom: 7px;
      cursor: pointer;
    }
    ul.listingFilter li span.mobileCatTitle:after {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      margin-top: -2px;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 11px solid #ff5041;
      transition: transform .4s ease-in-out;
      transform-origin: 50% 40%;
      right: 15px;
    }
    ul.listingFilter li.filterlabel {
      text-align: left;
      text-indent: 14px;
      overflow: hidden;
      width: 100%;
      padding-right: 0;
      text-transform: none;
      font-family: 'TLSans Bold';
      background-color: #f2f2f2;
      font-size: 1.5em;
      margin-left: -28px;
      margin-right: -28px;
      position: relative;
      background-position: 30px 50%;
      padding-left: 56px;
      border-bottom: 0 none;
      background-size: 25px auto;
    }
    ul.listingFilter li.column:last-child {
      border-bottom: 0 none;
    }
    ul.listingFilter li.buttonColumn {
      border-bottom: 0 none;
      text-align: center;
    }
    ul.listingFilter li.topButtonColumn {
      padding-bottom: 0;
    }
    ul.listingFilter li div.filterMenu {
      background: #fff;
      position: relative;    
      border: 0 none;
      max-width: inherit;
      min-width: inherit;
      z-index: 5;
      padding: 0;
      opacity: 1;
      visibility: visible;
      transition: visibility 0.3s,opacity 0.3s,transform .3s;
      transform: translateY(0);
      -moz-transition: visibility 0.3s,opacity 0.3s,-moz-transform .3s;
      -moz-transform: translateY(0);
      -webkit-transition: visibility 0.3s,opacity 0.3s,-webkit-transform .3s;
      -webkit-transform: translateY(0);
    }
    .option-input {
      background: #f2f2f2;
    }
    button.grayreset {
      background-color: #9a9a9a;
      border-color: #9a9a9a;
    }
    button.grayreset span:before, button.grayreset span:after {
      background-color: #9a9a9a;    
    }
    button.closeNavClear {
      border: 0 none;
      color: #3c3c3b;
      background: transparent;
      font-family: 'TLSans Bold';
      cursor: pointer;
      padding: 0 0 30px;
    }
    button.closeNavClear span {
      border-bottom: 2px solid #ff5041;
      padding-bottom: 3px;
    }
    /* SORT BY OPTIONS (PLACES TO STAY) 959 */
    ul.paginationResults li.pageinationColumnTwo ul.listingFilter {
      background: #fff;
      display: flex;
      justify-content: left;
      position: fixed;
      left: 0;
      top: 60px;
      width: 100%;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
      transform: translateY(24px);
      -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s;
      -moz-transform: translateY(24px);
      -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(24px);    
    }
    ul.paginationResults li.pageinationColumnTwo ul.listingFilter-fade-in {
      z-index: 10;
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
  
  
  
  
    ul.paginationResults li.pageinationColumnTwo ul.listingFilter li {
      width: 100%;
    }
    ul.paginationResults li.pageinationColumnTwo ul.listingFilter li.filterTitle {
      padding: 20px 0 5px 86px;
      width: 100%;
      color: #ff5041;
      font-family: 'TLSans Bold';
      font-size: 1.5em;
      position: relative;
    }
    ul.paginationResults li.pageinationColumnTwo ul.sortByFilterLists {
      padding-bottom: 25px;
    }
    ul.paginationResults li.pageinationColumnTwo ul.sortByFilterLists li {
      padding: 7px 50px 10px;
      box-sizing: border-box;
      cursor: pointer;
    }
    ul.paginationResults li.pageinationColumnTwo ul.sortByFilterLists li.checkedList {
      background: #f2f2f2;
    }
    ul.paginationResults li.pageinationColumnTwo ul.sortByFilterLists li .option-input.radio {
      opacity: 0;
    }
  
  
    /* SUB NAVS WITHIN PAGES (MEETING PLANNERS, ) */
    button.secondaryMenuLink {
      width: 100%;
      color: #fff;
      background: #ff5041;
      border: 0 none;
      text-align: center;
      padding: 21px 0;
      line-height: 1;
      font-size: 1.125em;
      cursor: pointer;
    }
    button.secondaryMenuLink strong {
      position: relative;
      display: inline-block;
      margin-left: -39px;
    }
    button.secondaryMenuLink strong:after {
      content: '';
      width: 28px;
      height: 28px;
      position: absolute;
      background: #fff;
      border-radius: 50%;
      right: -38px;
      top: -5px;    
    }
    button.secondaryMenuLink strong:before {
      content: '';
      background: #ff5041;
      height: 2px;
      position: absolute;
      top: 8px;
      right: -30px;
      border-radius: 6px;
      width: 12px;
      z-index: 1;
    }
    button.secondaryMenuLink span {
      position: relative;
      display: inline-block;
    }
    button.secondaryMenuLink span:before {
      content: '';
      background: #ff5041;
      height: 2px;
      position: absolute;
      top: 4px;
      right: -30px;
      border-radius: 6px;
      width: 12px;
      z-index: 1;
    }
    button.secondaryMenuLink span:after {
      content: '';
      background: #ff5041;
      height: 2px;
      position: absolute;
      top: 12px;
      right: -30px;
      border-radius: 6px;
      width: 12px;
      z-index: 1;
    }
  
  
  
  
    section.secondaryMenu {
      background: #fff;
      border-bottom: 1px solid #c4c4c4;
      top: 60px;
      left: 0;
      position: fixed;
      z-index: -1;
      display: flex;
      flex-flow: column;
      visibility: hidden;
      background: #fff;
      opacity: 0;
      transition: visibility 0.3s, opacity 0.3s;
      
    }
    section.secondaryMenu.active {
      opacity: 1;
      visibility: visible;
      z-index: 1;
      position: absolute;
      width: 100%;
    }
    
  
  
    div.labelSecondaryMenu {
      background: #f2f2f2;
      
      font-size: 1.5em;
      color: #ff5041;
      margin-left: -28px;
      margin-right: -28px;
      position: relative;
      padding: 15px 42px;
      
    }
    ul.pageNav {
      display: flex;
      flex-wrap: wrap;
  
    }
    ul.pageNav li {
      border-bottom: 1px solid #bdbdbd;
      padding-left: 14px;
      padding-right: 14px;
      width: 100%;
    }
    ul.pageNav li:last-child {
      border-bottom: 0 none;
    }
  
    ul.pageNav li:nth-last-child(2) {
      border-bottom: 0 none;
    }
    
  
  
    ul.pageNav li.closeNavList {
      height: 57px;
      padding-top: 16px;
    }
  
  
    ul.subMenuDivider li {
      border-bottom: 0 none;
    }
    ul.pageNav li a {
      color: #3c3c3b;    
      font-size: 1.188em;
      padding: 13px 0;
    }
    
    
    ul.pageNav ul.subMenuNavigation li a {
      font-size: 1em;
      padding-top: 7px;
      padding-bottom: 7px;
    }
    ul.pageNav ul.subMenuNavigation li {
      padding-left: 0;
      padding-right: 0;
    }
  
    ul.pageNav ul.subMenuDivider li div.navSubmMenuContainer {
      padding: 0 10px 15px 14px;
    }
  
  
    section.pageBanner picture::after {
      background: rgba(0,0,0,.60);
    }
  
    body {
     overflow-x: hidden;
    }
  
    /* PROMOS - HOME PAGE (959) */
    section.bannerContainer ul div.description h2 {
      font-size: 3em;
    }
    ul.bannerDetails {
      display: list-item;
    }
    section.bannerContainer ul div.description {
      padding-left: 30px;
      padding-right: 30px;
      margin-top: -18px;
    }
    section.bannerContainer ul div.description span.pill {
      font-size: 1.25em;   
    }
    section.bannerContainer ul div.description p.intro {
      font-size: 1em;
    }
    section.bannerContainer ul div.description a.editorLink {
      font-size: 1em;
    }
    div.paginationNextContainer {
      bottom: 10px;   
      bottom: 10px;
      width: 92px;
      left: 62%;
      transform: translateX(-50%);
      height: 45px;
      z-index: 1;
    }
    div.bannerCarouselContainer ul.bannerPagination {
      left: 0;
    }
    div.bannerCarouselContainer ul.bannerNavigation {
      left: 0;
    }
    /*
    section.bannerContainer div.bannerCarouselContainer {
      padding-bottom: 70px;
    }*/
    div.bannerCarouselThumbContainer {
      border-bottom: 1px solid #ccc;
    }	
	ul.largeListing div.description span.pill {
		font-size: 1.25em;      
	}
  
  
    section.homeIntro {
      padding-top: 27px;
    }
  
    /* THUMBNAIL */
    button.featured {
      border-radius: 0;
    }
    div.bannerFeaturedThumb {
      position: relative;
      width: 100%;
      bottom: 0;
      left: 46px;
    }
    ul.bannerCarouselThumb li {
      width: 285px;
    }
    ul.bannerCarouselThumb li img {
      width: 125px;
    }
    ul.bannerCarouselThumb li div.thumbdescription {
      margin-left: 150px;
      padding-top: 10px;
    }
    div.bannerCarouselThumbContainer {
      padding-right: 46px;
    }
    ul.bannerCarouselThumb li.swiper-slide-thumb-active img {
      border: 2px solid #ff5041;
    }
  
  
  
  
  
  
  
  
    /* VIDEO SERIES - HOME PAGE (959) */
    section.videoseries div.wrapper-1280 {
      padding-left: 28px;
      padding-right: 28px;
    }
    ul.largeListing div.description {
      padding-left: 17px;
      max-width: 684px;
      padding-right: 17px;
      z-index: 1;
      position: relative;
    }
    ul.smallListing {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
    }
    ul.smallListing li {
      width: 49%;
      padding-right: 1%;
      box-sizing: border-box;
    }  
    a.videoViewAll {
      display: inline-block;
      border: 2px solid #ff5041;
      border-radius: 50px;
      padding: 8px 40px 11px;
      background: rgba(0,0,0,0.4);      
      
      color: #fff;
      font: 1em/1 'TLSans Semi Bold';
      letter-spacing: 0.010em;
      text-align:center;
      transition: color 0.3s, background-color 0.3s, transform 0.3s;
      text-decoration: none;
    }
  
    /* BLOGS (959) */
    section.bannerContainerBlog {
      padding-top: 0;
      padding-bottom: 30px;
    }
    section.bannerContainerBlog ul div.description {
      margin-top: -46px;
    }
    section.bannerContainerBlog div.wrapper-1280 {
      padding-left: 0;
      padding-right: 0;
    }
    section.bannerContainerBlog ul.bannerDetails li.columnOne img {
      border-radius: 0;
    }
    ul.listingCarousel {
      display: flex;
      flex-wrap: wrap;
    }
    ul.blogCarousel li {
      width: 50%;
      padding: 10px 0;
      box-sizing: border-box;
    }
    ul.blogCarousel li:nth-child(even) {
      padding-left: 20px;
    }
    ul.blogCarousel li:nth-child(odd) {
      padding-right: 20px;
    }
  
    /* CONTACT US (959) */
    section.pageBanner div.pageBannerDetails {
      width: 86%;
    }
    section.pageBanner div.pageBannerDetails h1 {
      line-height: 1;
      font-size: 2.75em;
    }
    section.memberBanner div.pageBannerDetails h1 {
      font-size: 2.25em;
      margin-top: -9%;
    }
    section.pageBanner div.pageBannerDetails span {
      font-size: 0.813em;
      line-height: 1.2;
    }
    section.pageBanner div.pageBannerDetails hr {
      width: 230px;
      margin: 0 auto;
    }
    .formHeader {
      font-size: 2.125em;
    }
    div.location {
      padding-left: 8px;
      padding-right: 8px;
    }
    div.location div.details {
      padding-left: 0;
      padding-right: 0;
    }
    div.location h4 {
      font-size: 1.25em;
    }
    a.pill-link {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    h5.clock {
      font-size: 1.25em;
      background-size: 27px auto;   
    }
  
    /* PLACES TO STAY, FOOD AND DRINK, THINGS TO DO, PARTNERS, SPORT TOURISM NEWS, EVENTS (959) */
    ul.placesToStayCarousel li h3 {
      font-size: 1em;
      -webkit-line-clamp: none;    
    }
    ul.placesToStayCarousel li p.location {
      font-size: 0.938em;
    }
    ul.placesToStayCarousel li {
      width: 50%;
      box-sizing: border-box;
      padding: 16px 0;
    }
    ul.placesToStayCarousel li div.description {
      padding-left: 5px;
      padding-right: 5px;
    }
    ul.placesToStayCarousel li:nth-child(even) {
      padding-left: 10px;
    }
    ul.placesToStayCarousel li:nth-child(odd) {
      padding-right: 10px;
    }
    ul.placesToStayCarousel li.after-slide:nth-child(even) {
      padding-right: 10px;
      padding-left: 0;
    }
    ul.placesToStayCarousel li.after-slide:nth-child(odd) {
      padding-left: 10px;
      padding-right: 0;
    }
    /* EVENTS (959) */
    ul.eventCarousel li time {
      line-height: 1.2;
    }
    ul.listingCarousel li span.dateChicklet {
      font-size: 1.438em;
      max-width: 35px;
      min-width: 36px;
    }
    /* VIDEOS (959) */
    ul.videoSmallListing li {
      width: 50%;
    }
    
  
    ul.videoFeaturedListing li.columnOne {
      padding: 20px 28px;
    }
    /* MEETING PLANNERS */
  
    section.intro h2 {
      max-width: 324px;
      margin: 0 auto;
    }
  
  
  
    ul.meetingPlannerCallouts {
      display: flex;
      flex-wrap: wrap;
    }
    ul.meetingPlannerCallouts li {
      width: 50%;
      box-sizing: border-box;
      padding: 2px;
    }
    ul.meetingPlannerCallouts figcaption {
      font-size: 26px;
      width: 100%;
      max-width: 79%;
    }
    ul.pictureTextList li.listPicture figcaption {
      padding-top: 2px;
      padding-left: 28px;
    }
    ul.pictureTextList li.listText {
      padding-top: 15px;
      padding-left: 28px;
      padding-right: 28px;
      padding-bottom: 20px;
    }
    ul.pictureTextList li.listText div.details h2 {   
      font-size: 2.125em;
      line-height: 0.938em;   
    }
    div.ourStaffBanner h4 {
      font-size: 3em;
    }
    div.ourStaffBanner p {
      font-size: 0.813em;
    }
    div.ourStaffBanner img {
      min-height: 190px;
    }
  
    ul.facilityPicLeftTextRight li.listPicture figure:before {
      left: -120px;
    }
    ul.facilityPictureTextList li.listPicture figure:before {
      width: 100%;
      padding-bottom: 17px;
    }
    ul.facilityPictureTextList li.listText div.details h3 {
      font-size: 2.188em;
      line-height: 0.938;
    }
    ul.facilityPictureTextList li.listText {
      padding-top: 28px;
      padding-bottom: 50px;
    }
    ul.facilityPictureTextList li.listPicture img {
      width: 92%;
    }
    ul.facilityPicRightTextLeft li.listPicture figure::before {
      left: -120px;
    }
  
    ul.miniCalageContainer div.columnTwo p.font-twentythree {
      line-height: 1.1;
    }
  
    /* MEETING PLANNERS TOP 10 */
    /* TRICKING THE facilityPictureTextContainer CLASS THAT HAVE NUMBERS */
    div.countingFacilityPictureTextContainer .orangeCirleWhiteText {
      position: absolute;
      left: 0;
      top: -5px;
    }
    div.countingFacilityPictureTextContainer ul.facilityPictureTextList li.listText div.details h3 {
      position: relative;
      padding-left: 48px;
    }
    .orangeCirleWhiteText {
      width: 40px;
      height: 40px;
      font-size: 0.882em;
    }
    
    /* MEETING PLANNERS EASY COME EASY GO */
    .tallText {
      font-size: 2.125em;
    }
    /*
    .whiteTextOrangeBackground {
      font-size: 2.125em;
    }
    */
    .orangeBulletList {
      padding-left: 15px;
    }
    div.planNext h4 {
      font-size: 1.875em;
    }
  
    div.destinationCanadaBlock p.font-twentysix {
      font-size: 1em;
      line-height: 1.2;
    }
  
    /* TESTIMONIAL (959) */
    div.testinmonialContainerDetails {
      width: 94%;
    }
    .testimonialsContainer blockquote {
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 5px;
    }
    div.testinmonialContainer h4 {
      font-size: 2.5em;
    }
    .testimonialsContainer blockquote::before {
      top: -16px;
      left: 0;
      font-size: 9em;
    }  
    div.testinmonialContainer .font-twenty {
      font-size: 1em;
    }
    div.testinmonialContainer .font-thritythree {
      font-size: 1.5em;    
    }
    div.testinmonialContainer .font-nineteen {
      font-size: 1em;
    }
  
    /* MEET OUR TEAM (959) */
    ul.footerCallouts li {
      padding-bottom: 7px;
    }
    div.meetOurTeam {
      padding-top: 0;
    }
    ul.communication {
      flex-wrap: wrap;
    }
    ul.ourStaff {
      display: flex;
      flex-wrap: wrap;
    }
    
    ul.ourStaff li.staffer {
      padding-left: 0;
      padding-right: 0;
      padding-top: 10px;
      padding-bottom: 30px;
    }
    ul.ourStaff li.staffer:last-child {
      padding-bottom: 0;
    }
    ul.ourStaff li.staffer div.description {
      top: 0;
      transform:none;
    }
    ul.communication li.phone {
      padding-bottom: 7px
    }
    ul.communication li.phone a {
      background-position: 5px 50%;
      padding-left: 40px;    
    }
  
  
  
  
    /* EVENT DETAILS (959) */
    div.pictureContainer {
      position: relative;
      overflow: hidden;
      padding-top: 25px;
      padding-bottom: 25px;
    }
    div.pictureContainer div.titleDateContainer,
    div.pictureContainer p.photo {
      padding-left: 35px;
      padding-right: 35px;
    }
    div.pictureContainer picture {
      position: absolute;
      top: 0;
    }
    div.pictureContainer picture img {
      min-height: 491px;
      z-index: -1;
      position: relative;
    }
    section.eventDetailsContainer h1 {
      font-size: 40px;
    }
    section.eventDetailsContainer time {
      background-size: 26px auto;
      font-size: 1.325em;
      padding-left: 38px;
      padding-bottom: 7px;
    }
    ul.locationTimeListing {
      display: flex;
    }
    li.socialDescriptionColumnTwo {
      padding-top: 15px;
    }
    li.socialDescriptionColumnTwo span.detailTitles {
      font-size: 1.125em;
      padding-left: 32px;
    }
    div.eventDetailsContact {
      margin-top: 0;
      border-radius: 0;
      margin-left: -28px;
      margin-right: -28px;
    }
    div.eventDetailsMap {
      margin-top: 0;
      border-radius: 0;
      padding: 20px;
      margin-left: -28px;
      margin-right: -28px;
    }
    div.secondaryShare {
      position: relative;
      margin-bottom: 7px;
    }
    div.secondaryShare p {
      padding-top: 25px;
      padding-bottom: 23px;
    }
    div.secondaryShare ul.socialshare li strong::before {
      width: 18px;
      left: -23px;
    }
    div.secondaryShare ul.socialshare {
      display: flex;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 8px 0 8px 18px;
      font-size: 0.938em;
    }
  
    div.secondaryShare .arrowCircleLink:before {
      background: #fbf9fa;
    }
    div.secondaryShare .arrowCircleLink:after {    
      left: 0;
      top: 50%;
      transform: translateY(-50%) rotate(180deg);
      width: 38px;
      height: 38px;
      border-top: 0 none;
      border-bottom: 0 none;
      border-right: 0 none;
      background: url("../png/arrow-left-right.png") 7px 50% no-repeat;
      background-size: 22px auto;
      
    }
  
    
  
  
    div.secondaryShare ul.socialshare li {
      padding-left: 5px;
      padding-right: 5px
    }
    div.secondaryShare ul.socialshare li:last-child {
      padding-right: 0;
    }
  
    div.secondaryShare ul.socialshare li a {
      background: none;
      padding-left: 0;    
    }
    div.secondaryShare ul.socialshare li.link button {
      background: none;
      padding-left: 0;
    }
    div.secondaryShare .backToTopButton:before {
      /*
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 12px solid white;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  
      */
      border-color: #fff;
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      border-radius: 0 2px 0 0;
      content: '';
      height: 0.65em;
      left: 50%;
      position: absolute;
      top: 56%;
      transform: rotate(-45deg) translate(-50%,-50%);
      width: 0.65em;
      transform-origin: 0 0;
  
  
  
  
  
    }
    div.secondaryShare .backToTopButton {     
      background-color: #9a9a9a;
      border: 0 none;
      border-radius: 4px;
      cursor: pointer;
      width: 42px;
      height: 46px;
      position: absolute;
      top: 15px;
      right: 4px;
      z-index: 9;
      transition: all 0.5s ease;
      display: block;
    }
    div.secondaryShare .backToTopButton span {
      text-align: left;
      text-indent: -99em;
      overflow: hidden;
      display: block;
    }
  
    /* BLOGS DETAILS (959) */
    div.blogTitleContainer {
      position: relative;
      overflow: hidden;
      padding-top: 25px;
      padding-bottom: 25px;
      color: #fff;
    }
    li.blogDescriptionContainerColumnOne,
    li.muralDescriptionColumnOne {
      display: none;
    }
    section.blogDetailsContainer span.pill {
      font-size: 1.25em;
    }
    div.blogTitleContainer div.blogTitlePillContainer,
    div.blogTitleContainer ul.blogCredentials {
      padding-left: 28px;
      padding-right: 28px;
    }
    div.blogTitleContainer picture {
      position: absolute;
      top: 0;
      pointer-events: none;
    }
    div.blogTitleContainer picture img {
      min-height: 491px;
      z-index: -1;
      position: relative;
    }
    div.sportCultureTitleContainer picture img {
      min-height: 270px;
    }
    div.mainBlogDescription figure.imageCaptioned {
      margin-left: -28px;
      margin-right: -28px;    
    }
    div.mainBlogDescription figure.imageCaptioned figcaption {
      padding-left: 28px;
    }
    section.blogDetailsContainer h1 {
      font-size: 40px;
    }
    ul.blogDetails li.columnOne p.photo {
      margin-left: -28px;
      margin-right: -28px;
      padding-top: 0;
    }
    ul.blogDetails li.columnOne p.photo img {
      border-radius: 0;
      box-shadow:none;
      -webkit-box-shadow:none;
      -moz-box-shadow:none;
    }
    ol.customListCounter li {
      padding: 19px 20px 19px 0;
    }
    ol.customListCounter li::before {
      margin-left: -33px;
    }
    ol.customListCounter li h5 {
      font-size: 1em;
    }
    section.blogDetailsContainer div.secondaryShare ul.socialshare {
      border-bottom: 0 none;
      padding: 8px 0 18px 18px;
    }
  
    div.blogTitleContainer ul.blogCredentials {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.938em;
    }
    div.blogTitleContainer ul.blogCredentials li {
      border-bottom: 0 none;
      width: auto;
      box-sizing: border-box;
      padding-bottom: 0;
    }
    div.blogTitleContainer ul.blogCredentials li:first-child:after {
      content: ' / ';
    }
    div.blogTitleContainer ul.blogCredentials li.singleCategory {
      padding-top: 2px;
      width: 100%;
    }
    div.blogTitleContainer ul.blogCredentials li.listCategoryBox {
      display: none;
    }
    div.blogTitleContainer ul.blogCredentials li strong {
      display: inline-block;
    }
    div.blogTitleContainer ul.blogCredentials li strong:after {
      content: ': ';
    }
  
    section.pageBannerEventDetailsOpactiy picture::after {
      content: '';
      background: rgba(0,0,0,.65);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
    }
  
  
    div.blogShortDescription p {
      font-size: 18px;
    }
  
    div.eventsContainer {
      padding-top: 10px;
    }
  
    /* BLOG (959) */
    ul.blogDescriptionContainerList li.blogDescriptionContainerColumnThree {
      margin-top: 30px;
    }
  
    /* MEMBER DETAILS (959) */
    section.memberGallery div.wrapper-1280 {
      padding-left: 0;
      padding-right: 0;
    }
    div.galleryContainer {
      padding: 5px;
    }
    div.gallerySingleContainerHopper {
      width: 100%;
      margin-top: 0;
      padding-bottom: 0;
    }
    div.gallerySingleContainerHopper p.photo {
      padding: 0;
      margin-left: -28px;
      margin-right: -28px;
    }
    div.gallerySingleContainerHopper p.photo img {
      border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
    }
  
    div.slideshowdescription {
      margin-top: -28px;
    }
  
  
  
    /* MEETING PLANNERS (959) */
    #isgyb,
    #iqd0k {
      padding-top: 0;
    }
    #isgyb hr,
    #iqd0k hr {
      margin-top: 0;
      margin-bottom: 5px;
    }
    div.destinationCanadaBlock {
      padding-bottom: 60px;
    }
  
    /* FOOTER AREA */
  
    footer h5 {
      font-size: 1.125em;
    }
    ul.footerMenuContainer {
      display: flex;
      flex-wrap: wrap;
    }
    ul.footerMenuContainer li.columnthreepointfive {
      width: 100%;
      text-align: center;
      padding-bottom: 18px;
    }
    ul.footerMenuContainer li.columnOne {
      border-left: 0 none;
      width: 25%;
      box-sizing: border-box;
    }
    ul.footerMenuContainer li.columnTwo {
      width: 25%;
      box-sizing: border-box;
    }
    ul.footerMenuContainer li.columnThree {
      width: 25%;
      box-sizing: border-box;
    }
    ul.footerMenuContainer li.columnFour {
      width: 25%;
      box-sizing: border-box;
    }
    div.footerSubcribeNewsletter {
      margin-left: 0;
      width: 100%;
      padding-top: 12px;
      padding-bottom: 12px;
    }
  
    footer ul.footerNavContainer {
      flex-wrap: wrap;
    }  
    footer ul.footerNavContainer li.left {
      order: 2;
      width: 100%;
    }
    footer ul.footerNavContainer li.right {
      order: 1;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    footer ul.footerNavContainer li.left {
      border-right: 0 none;
    }
    footer div.footerContainer {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    div.connectContainer {
      margin-left: 0;
      text-align: center;
    }
    ul.footerSocialIcons {
      display: flex;
      justify-content: center;
    }
    ul.footerSocialIcons li a {
      text-indent: -99em;
      overflow: hidden;
      text-align: left;
      width: 60px;
      height: 60px;
      display: block;
      padding-left: 15px;
    }
    ul.footerSocialIcons li a:before {
      width: 60px;
      height: 60px;
      top: 0;
      margin-top: 0;
    }
  
    ul.footerSocialIcons li.facebook a:before {
      background-size: 18px auto;
    }
    ul.footerSocialIcons li.twitter a:before {
      background-size: 29px auto;
    }
    ul.footerSocialIcons li.instagram a:before {
      background-size: 29px auto;
    }
    ul.footerSocialIcons li.youtube a:before {
      background-size: 30px auto;
    }
    ul.footerMenuOption li a[href^="tel:"] {
      display: block;
    }
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 767PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 47.938em) { /* 767 */
  
  
    /* PROMOS - HOME PAGE (767) */
    section.bannerContainer div.bannerCarouselContainer {
      padding-bottom: 70px;
    }
    div.paginationNextContainer {
      left: 50%;
    }
  
    /* PAGINATION REORDER */
    div.paginationContainer {
      display: grid;
    }
    div.paginationContainer div.introEvent {
      padding-top: 20px;
    }
  
    div.swiperNavigation h3 {
      position: relative;
      display: inline-block;
    }
    a.headerLink {
      background: url("../svg/arrow-show-all.svg") 100% 50% no-repeat;
      background-size: 12px auto;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      text-indent: -99em;
      text-align: left;
      overflow: hidden;
      padding-right: 22px;
  
    }
  
  
  
    div.paginationContainerOne {
      order: 2;
    } 
    div.paginationContainerTwo {
      order: 1;
    }
    div.paginationContainerTwo ul li.pageinationColumnOne p {
      display: flex;
      justify-content:space-between;
    }
    
  
    section.homePageCommon,
    #isgu section.swiperCommon {
      padding-bottom: 10px;
    }
  
  
  
  
  
  
    /* FEATURED EVENTS (767) */
    ul.eventCarousel li span.dateChicklet {
      font-size: 1.25em;
      max-width: 35px;
      min-width: 36px;
    }
	ul.eventCarousel li span.dateMultipleMonth {
      font-size: 1.25em;
      max-width: 51px;
      min-width: 51px;
    }
    ul.eventCarousel li h3 {
      font-size: 1.125em;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    div.eventsContainer ul.eventTabs label.tab {
      font-size: 0.938em;
    }
    div.eventsContainer ul.eventTabs li:last-child {
      padding-right: 0;
    }
  
    div.eventDetailsContact ul.social li {
      padding-left: 17px;
      padding-right: 17px;
    }
    div.eventDetailsContact a.pill-link {
      width: 345px;    
    }
    p.locationPartner {
      padding-top: 20px;
    }
  
    ul.standardCarousel li.seeAllContainer a.seeAllLink {
      height: 167px;
    }
  
  
  
    /* EDITORS PICK (767) */
    span.cityCall {
      font-size: 11em;
      font-size: 43vw;
      left: 50%;
      top: -9px;
      opacity: 0.2;
      transform: translate(-50%,0);
      z-index: 0;
    }
    section.editorPick {
      padding-top: 60px;
      padding-bottom: 60px;
    }
    section.editorPick div.wrapper-1280 {
      padding-left: 28px;
      padding-right: 28px;
    }
    section.editorPick ul p.photo {
      padding-left: 20px;
      padding-right: 20px;
    }
    section.editorPick ul div.description {
      padding-top: 0;
      margin-top: -18px;
      position: relative;
      transform: none;
    }
    section.editorPick ul div.description span.pill {
      font-size: 1.25em;   
    }
    section.editorPick ul li:first-child {
      width: 100%;
      padding-right: 0;
    }
  
    /* MURALS (767) */
    ul.meetMuralArtists li a.pill-link {
      margin: 0 auto;
    }
  
    /* SWIPER CONTAINERS (767)  */
    section.swiperCommon div.wrapper-1280 {
      padding-left: 28px;
      padding-right: 28px;
    }
    div.swiperNavigation ul {
      display: none;
    }
    div.carouselContainerKeeper {
      /*min-height: 293px;*/
      /*min-height: 310px;*/
	  min-height: 332px;
    }
    div.carouselContainerKeeperVideos {
      min-height: 233px;
    }
    ul.standardCarousel li {
      width: 248px;
      margin-top: 11px;
    }
    ul.panelCarousel li {
      margin-top: 23px;
    }
    ul.standardCarousel li h4 {
      font-size: 1.25em;
    }
  
    /* BLOGS (767) */
    ul.blogCarousel li {
      width: 100%;
    }
    ul.blogCarousel li:nth-child(even) {
      padding-left: 0;
    }
    ul.blogCarousel li:nth-child(odd) {
      padding-right: 0;
    }
  
    /* PLACES TO STAY (767) */
    ul.placesToStayCarousel li {
      width: 50%;
    }
    ul.placesToStayCarousel li h3 {
      font-size: 1em;
      -webkit-line-clamp: none;
      text-overflow: inherit;
      -webkit-box-orient: inherit;    
    }
  
    /* EVENTS (767) */
    ul.listingCarousel li span.dateChicklet {
      /*font-size: 1.438em;
      max-width: 35px;
      min-width: 36px;*/
	  font-size: 1.25em;
      max-width: 35px;
      min-width: 36px;
    }
	ul.listingCarousel li span.dateMultipleMonth {
      /*font-size: 1.438em;
      max-width: 35px;
      min-width: 36px;*/
	  
      max-width: 51px;
      min-width: 51px;
    }
    /* VIDEOS (767) */
    
  
  
  
    /* FOOTER  (767) */
    footer ul.footerNavContainer {
      max-width: 450px;
    } 
    ul.footerMenuContainer {
      order: 2;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    ul.footerMenuContainer li.columnOne {
      order: 3;
      width: 50%;
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 8px;
      border-left: 0 none;
    }
    ul.footerMenuContainer li.columnTwo {
      order: 4;
      width: 50%;
      box-sizing: border-box;
      padding-right: 0;
    }
    ul.footerMenuContainer li.columnThree {
      order: 1;
      box-sizing: border-box;
      width: 44%;
      border-left: 0 none;
      padding-top: 18px;
      padding-bottom: 18px;
    }
    ul.footerMenuContainer li.columnthreepointfive {
      order: 3;
      box-sizing: border-box;
      width: 100%;
      border-top: 1px solid #383940;
      padding-top: 18px;
      padding-bottom: 18px;
      text-align: center;
    }
   
    ul.footerMenuContainer li.columnFour {
      order: 2;
      box-sizing: border-box;
      align-self: center;
      width: 56%;
      padding-left: 18px;
      padding-right: 18px;
      padding-bottom: 18px;
      padding-top: 18px;
    }
    div.footerSubcribeNewsletter {
      order: 1;
      width: 100%;
      text-align: center;
      border-top: 0 none;
      margin-left: 0;
      border-bottom: 1px solid #383940;
      padding-bottom: 8px;
    }
    div.footerSubcribeNewsletter h5 {
      font-size: 1.5em;
    }
    a.newsletterSignUp {
      padding-left: 2px;
      padding-right: 2px;
      margin: 0 auto;
    }
    
    footer ul.footerMenuOption li {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  
  
    
  
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 600PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  
  @media only screen and (max-width: 37.438em) { /* 599 */
    .wrapper-1280 {
      padding-left: 28px;
      padding-right: 28px;
    }
    .wrapper-1024 {
      padding-left: 28px;
      padding-right: 28px;
    }
    .wrapper-900 {    
      padding-left: 28px;
      padding-right: 28px;
    }
    .wrapper-768 {
      padding-left: 28px;
      padding-right: 28px;
    }
  
    /* HASHTAG FEED */
    section.hashtagfeed h5 {
      font-size: 2em;
    }
    .hashtagfeed h5 {
      font-size: 2em;
    }
  
    ul.contactColumns .font-twentysix {
      font-size: 1.125em;
    }
  
  
    div.formContainer {
      border-radius: 0;
      padding: 15px 28px;
      margin-left: -28px;
      margin-right: -28px;
    }
  
    a.pill-link {
      border-width: 1px;
    }
  
    /* FOOTER */
    div.footerOurPartnersContainer {
      padding-top: 20px;
      padding-bottom: 30px;
    }
    div.footerOurPartnersContainer ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }
    div.footerOurPartnersContainer ul li {
      width: 33%;
      padding-left: 3%;
      padding-right: 3%;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      box-sizing: border-box;
    }
  }
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 659PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 41.188em) { /* 659 */
    /* VIDEO SERIES - HOME PAGE (659) */
    section.videoseries {
      background: url("../webp/bg-video-series-mobile.webp") left top no-repeat;
      background-size: cover;
    }
  
    ul.largeListing p.photo a::before {
      width: 80px;
      height: 80px;
      background-size: 36px auto;
    }
    ul.largeListing div.description p.intro {
      font-size: 1em;
    }
    div.titleLinkDocker h4 {
      font-size: 3em;
    }
    ul.largeListing div.description h5 {
      font-size: 2.75em;
    }
    div.titleLinkDocker a {
      display: none;
    }
    ul.smallListing {
      display: list-item;
    }
    ul.smallListing li {
      width: 100%;
    }
    ul.smallListing p.photo {
      float: left;
    }
    ul.smallListing div.description {
      margin-left: 232px;
    }
    ul.footerCopyRight li.right span {
      display: block;
    }
  
  }
  
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 526PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 32.875em) { /* 526 */
  
    div.pageBannerDetails span {
      max-width: 330px;
      margin: 0 auto;
    }
  
  
    section.promos div.wrapper-1024 {
      padding-left: 28px;
      padding-right: 28px;
    }
    ul.promosContainer {
      display: list-item;
    }
    ul.promosContainer li:last-child {
      padding-top: 20px;
    }
    ul.smallListing p.photo {
      float: left;
      width: 50%;
    }
    ul.smallListing div.description {
      margin-left: 55%;
    }
    ul.playVidViewMap li {
      padding: 20px 18px 20px 70px;
    }
    ul.playVidViewMap li:last-child {
      padding-left: 90px;
      padding-right: 0;
    }
    a.viewMap,
    a.playVideo {
      font-size: 1.5em;
    }
    a.playVideo:before {    
      width: 44px;
      height: 44px;
      background-size: 21px auto;
      margin-top: -26px;
      left: -70px
    }
    a.viewMap::before {
      width: 44px;
      height: 44px;
      background-size: 21px auto;
      margin-top: -26px;
      left: -70px
    }
    form div.extraTop,
    form p.extraTop {
      padding-top: 16px;
    }
    .sectionConactUs h3 {    
      padding-bottom: 0px;
    }
  
  
  }
  
  /*
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +            M E D I A  B R E A K - MOBILE - < 430PX          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + +                                                             + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  */
  @media only screen and (max-width: 26.875em) { /* 430 */
    ul.footerCopyrightMenu {
      font-size: 0.813em;
    }
    ul.footerCopyrightMenu li {
      padding-left: 7px;
      padding-right: 7px;
    }
    div.footerCopyrightContainer .wrapper-1280 {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  
  
  
  
  
  /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */
  
  @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
  }
  
  @media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
  }
  
  /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */
  
  @media print {
    *,
    *::before,
    *::after {
      background: #fff !important;
      color: #000 !important;
      /* Black prints faster */
      box-shadow: none !important;
      text-shadow: none !important;
    }
  
    a,
    a:visited {
      text-decoration: underline;
    }
  
    a[href]::after {
      content: " (" attr(href) ")";
    }
  
    abbr[title]::after {
      content: " (" attr(title) ")";
    }
  
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
      content: "";
    }
  
    pre {
      white-space: pre-wrap !important;
    }
  
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
  
    /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
      display: table-header-group;
    }
  
    tr,
    img {
      page-break-inside: avoid;
    }
  
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
  
    h2,
    h3 {
      page-break-after: avoid;
    }
  }