@charset "UTF-8";
/* CSS Document */

@-ms-viewport {
	width: device-width;
}

* { -webkit-text-size-adjust: none; margin: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family:roboto, Arial, Helvetica, sans-serif; }

*:after, *:before { font-family:'fontawesome', roboto, arial, sans serif; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
* { position:relative; }

body {
	color:#484848; width: 100%;	margin:0; overflow-x: hidden; text-align:justify; font-size:1.4rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

html {
	/*width:100%;
	height:100%;*/
	overflow-y:scroll;
	font-size:62.5%;
}

a {
	text-decoration: none;
	color: inherit;
 	outline: none;
	transition: color 0.5s ease;
}

img { max-width:100%; }
a img { cursor:pointer; }

p  {
	margin-bottom: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e9967a; font-size:1.2rem;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #e9967a; font-size:1.2rem;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e9967a; font-size:1.2rem;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e9967a; font-size:1.2rem;
}

@keyframes pulsebg {
  from { fill: #fff;}
  to { fill:#91c453;}
}
.mytrees { fill:rgb(155, 148, 74);  -webkit-animation-duration: 2s;  animation-duration: 2s;
    -webkit-animation-name: pulsebg;
            animation-name: pulsebg;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
}

/*map markers*/
.mmdivicon { width:36px; height:55px; }



/*subs*/
.subbedBG { background:right center no-repeat; background-size:cover; height:100%; width:100%; padding:40px; font-size:3rem; line-height:4rem; text-align: left; color: #fff; text-shadow: 0 1px 12px #4cf;}

.subbedBG{ background-image:url(https://storage.googleapis.com/ub_site_images/notfound.jpg); text-shadow: 0 1px 12px #fff; color:#888 !important;}
.subbedBG[data-context='private'] { background-image: url(https://storage.googleapis.com/ub_site_images/privateevent.jpg); text-shadow: 0 1px 12px #fff; color:#888 !important;}
.livestreamheader { background-image:url(https://storage.googleapis.com/ub_site_images/topographic.jpg);}
.listsignupouter { min-width: 80%; margin-top: 30px; background: #eee; padding: 10px 20px; margin-bottom: 30px;}
.subbedOuter { max-height:600px; height:40vw; min-height:300px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.ywheader { -webkit-box-flex:inherit !important; -ms-flex:inherit !important; flex:inherit !important; }
.newsticker:before { content:''; background:url(https://storage.googleapis.com/ub_site_images/newsticker.png) no-repeat; background-size:cover; width:115px; height:86px; position:absolute; left:5px; top:5px; z-index:2000; }
.twdc_rd_eventlist { -ms-flex-wrap:wrap; flex-wrap:wrap; }

.EOBObutton { background: #fc0;
font-size: 1.6rem;
padding: 0 5px;
text-transform: uppercase;
text-align: center;
line-height: 2rem;
margin-left: 20px;}

.fbx, .fbxai {  display:flex; }
.flw { -ms-flex-wrap:wrap; flex-wrap:wrap; }
.fbxai {  -ms-flex-align:center; align-items:center; }
.fbxcoljcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fbxcol, .fbxcoljcc {  display:flex;  -ms-flex-direction:column; flex-direction:column; }
.trAll300ms { transition:all 0.3s; }
.trAll600ms { transition:all 0.6s; }
.fx1 { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; width:100%; }

.twoOnePanel:first-child { margin-top:40px; }
.twoOnePanel { max-height:120px; overflow:hidden; width:100%; margin-bottom:10px; box-shadow:0 1px 8px #333; }
.twoOnePanel a { flex:2 1 0; }
.twoOnePanel div { flex:1 1 0; background:#fff;}
.topShadow_slim { pointer-events:none; }
.topShadow_slim div { pointer-events:none; }
.loadingsvg {opacity:0; }

/*dependents*/
.createdependent, .existingdep { transition:all 0.3s; text-align:center; border-radius:100%; cursor:pointer; }
.createdependent { min-height:60px; max-height:60px; min-width:60px; max-width:60px; margin:15px; border:1px dashed #888; color:#888; background:#fff;}
.existingdep { overflow:hidden; margin:5px; min-height:80px; max-height:80px; min-width:80px; max-width:80px; line-height:8rem; border:0 none; background:#f80; color:#fff; }
.switchavatar { transition:all 0.3s; cursor:pointer; width: 150px; height: 150px; margin: 10px auto; overflow: hidden; border-radius: 100%; }
.switchavatar:hover { opacity:0.8; }
.switchavatar:before { content:attr(data-name); color:#fff; }
.createdependent:hover { background:#4cf; color:#fff; }
.createdependent:before { content:'new'; line-height:6rem;}
.mydependents { margin:10px 0; width:100%; justify-content:center; padding:10px; }

/* connected services */
.serviceBox { margin:5px; max-width:200px; box-shadow:0 1px 2px #ccc; padding:20px; justify-content: space-between; }
.serviceBox:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff;}
.serviceBox img { pointer-events:none; }
.serviceBox.serviceUnlinked:before, .serviceBox.serviceUnlinked img { opacity:0.3; }
.puconnect .serviceUnlinked:before, .puconnect .serviceUnlinked img { opacity:1 !important; }
.puconnect { justify-content: center; padding: 20px; background: #f8f8f8; margin-bottom: 10px;}
.serviceBox button { color:#fff; margin-top:10px; transition:all 0.3s; text-transform:uppercase; height:44px; width:185px; }
.serviceBox button.disconnectservice { background:#f80; }
.serviceBox button.connectservice { background:#0c0; }
.serviceBox button.disconnectservice:before { content:'disconnect\A'attr(data-service); }
.serviceBox button.connectservice:before { content:'connect\A'attr(data-service); }
.serviceBox button:hover { background:#c40; }
.serviceBox.serviceUnlinked:hover { box-shadow: 2px 4px 8px rgba(0,0,0,0.4); }
.serviceBox button.connectservice[data-service='Strava'] {
	background: url(https://storage.googleapis.com/ub_site_images/btn_strava_connectwith_orange.png);
	  width: 193px;
	  height: 48px;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center;
}
.serviceBox button.connectservice[data-service='Strava']:before { content:''; }

.connectedEvList li { background: #fff; padding: 10px; margin: 5px; box-shadow: 0 1px 2px #ddd; min-width:150px; }
/*autocomplete*/
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: relative;
  border: 1px solid #d4d4d4;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:last-child { border-bottom:none; }
/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #fff;
}

/* 2fa */
.appstorebuttons { padding:10px; }
.appstorebuttons a:first-child { margin-right:5px; }
.appstorebuttons a:last-child { margin-left:5px; }
.qrcodetext { font-size: 2rem; }
.faib { border:1px dashed #ccc !important; max-width:160px; text-align:center !important;}
/* tab panels */
.twdc_bgoptionPanels {
  flex-wrap: wrap;
  background: #efefef;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
	min-height:67px;
	padding-top:10px;
}

.twdc_tabinput {
  position: absolute;
  opacity: 0;
}

.twdc_tablabel {
  width: 100%;
  padding: 0 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.8rem;
  color: #7f7f7f;
  transition: all 0.2s;
  margin : 0 !important; border-right: 1px solid #ccc;
}
.twdc_tablabel:last-child { border-right:none; }

.twdc_tablabel:hover {
  background: #d8d8d8;
}

.twdc_tabinput:checked + .twdc_tablabel + .twdc_tabpanel {
  display: block; width:100%;
}

.twdc_tabpanel {
  display: none;
  padding: 20px;
  background: #fff;
}

.twdc_tabpanelInner { min-height:20px; }
.twdc_tabpanelInner.stafflist { display:none; }
.ulcontainer { height:100%; overflow:auto; background:#dda; padding:10px; z-index:10;}
.grpheaders { height:112px; min-height:112px; max-height:112px; }
.twdc_tabinput:checked + label, .twdc_tabinput:active + label { background:#dda; color:#fff; box-shadow: 8px 8px 0 rgba(0,0,0,0.05); z-index: 2; border-bottom: 1px dashed #997; margin-top: -10px !important;}
.twdc_tabinput + label:after { content:'\f2be\0020'attr(data-count); display: block; font-weight: normal; font-size: 1.2rem; color: #aaa; background:none !important; }
.membergroup[data-lit='tab_1'] ul[data-ib='tab_1'] { display:flex; }
.membergroup[data-lit='tab_2'] ul[data-ib='tab_2'] { display:flex; }
.membergroup[data-lit='tab_3'] ul[data-ib='tab_3'] { display:flex; }
.membergroup[data-lit='tab_4'] ul[data-ib='tab_4'] { display:flex; }
#privateGroupList { display:flex; flex-wrap:wrap; }
#privateGroupList:empty:before { margin:0 5px 5px 0; content:'no groups created'; color:#888; font-size:1.6rem; }
.greypanel { margin-right:10px; background:#f8f8f8; }
.scrollpanel { height:100%; overflow:auto; padding:10px; }
.groupPanel { width:100%; }
.flexThird { width:33% !important; min-width:33% !important; max-width:33% !important; }

.TWDCgroupLI { background:#fff; padding:5px; box-shadow:0 1px 2px #ddd; width:200px;  }
.TWDCgroupLI .child16x9 { width:100%; }
.groupMemCount:before { content:'\f2be\0020'attr(data-members)'\0020\0020\f017\0020'attr(data-pending); }
.stafflist { color:#888; flex-wrap:wrap; }
#newuserid { margin:0; }

.stafflist LI{ background:#fafafa; text-align:left; cursor:pointer; padding:3px 25px 3px 3px; margin:0 5px 5px 0; width:200px; box-shadow:0 1px 2px #bb8;}
.stafflist LI:hover { background:#6cf; }
.stafflist LI:before { content:'\f2be'; color:#4cf; margin-right:5px; }
.stafflist LI:after { position:absolute; right:3px; font-size:1.6rem; }
.stafflist LI[data-role='superuser']:after { content:'\f005'; }
.stafflist LI[data-role='groupadmin']:after { content:'\f123'; }
.getsReport { display:none; position: absolute; color:#fff; line-height:2.4rem; text-align:center; right: 20px; height: 100%; background: #dda; width: 20px; top: 0; }
.getsReport:before { content: '\f0a1'; }
.stafflist LI[data-report='Y'] div { display:block; }
.stafflist LI[data-reportw='Y'] div { display:block; }

.stafflist LI[data-role='eventviewer']:after, .stafflist LI[data-role='subeventviewer']:after { content:'\f06e'; }
.stafflist LI[data-role='eventeditor']:after, .stafflist LI[data-role='subeventeditor']:after { content:'\f044'; }
.tnImage { width:calc(50% - 3px); margin-bottom:6px; }
#twdc_grpparams .fieldvalue { width:100%; margin-right:20px !important;}

/*-----------medals-----------------*/
.sixmedalscontainer { max-width:1000px; margin:0 auto; padding:30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }
.sixmedalscontainer img{ width:100%; box-shadow: 0 1px 2px #ccc; transition:all 0.6s; }
.sixmedalscontainer img:hover { opacity:0.75 !important; }
.sixmedalscontainer a:nth-child(1) { transform:rotate(-6deg) translate(-5px,-3px); }
.sixmedalscontainer a:nth-child(2) { transform:rotate(2deg) translate(-4px, -1px); }
.sixmedalscontainer a:nth-child(3) { transform:rotate(-3deg) translate(5px, 2px); }
.sixmedalscontainer a:nth-child(4) { transform:rotate(5deg) translate(-5px, -3px); }
.sixmedalscontainer a:nth-child(5) { transform:rotate(3deg) translate(-5px, -3px); }
.sixmedalscontainer a:nth-child(6) { transform:rotate(1deg) translate(-5px, -3px); }
.veouter { background: url(https://storage.googleapis.com/ub_event_images/dashedpath.svg?r=ed); background-size: 100%; background-repeat: no-repeat; background-position: bottom; }

.sixmedal { margin:5px; }
.virtualCopyOuter { padding:30px; }
.virtualCopyOuter ul { margin-top:20px; }
.virtualCopyOuter li { text-align:left; }
.medallink { width:33.3%; min-width:150px; max-width:280px; }
.paintswoosh { background-image: url(https://storage.googleapis.com/ub_event_images/paintswooshbaseF8.svg); width:100%; background-repeat:no-repeat; height: 65px; margin: -65px 0 0 0; background-size: cover; background-color: transparent; }
.paintswooshtopDDA { background-image: url(https://storage.googleapis.com/ub_event_images/paintswooshtopDDA.svg); width:100%; background-repeat:no-repeat; height: 65px; margin: 0px 0 -65px 0; background-size: cover; background-color: transparent; z-index: 9; background-position: center bottom; }
.paintswooshbase { background-image: url(https://storage.googleapis.com/ub_event_images/paintswooshtopf8.svg); width:100%; background-repeat:no-repeat; height: 65px; margin: 0px 0 -65px 0; background-size: cover; background-color: transparent; z-index: 9; background-position: center bottom; }
/* end medals----------------------*/

/*------------map--------------------*/
.leaflet-control-attribution { top:20px; }
.mapImgFrameOuter { width:100%; height:auto; overflow:hidden; }
.mapImgFrames { width:1000%; }
.mapImgFrames[data-frame='0'] { transform:translateX(0); }
.mapImgFrames[data-frame='1'] { transform:translateX(-10%); }
.mapImgFrames[data-frame='2'] { transform:translateX(-20%); }
.mapImgFrames[data-frame='3'] { transform:translateX(-30%); }
.mapImgFrames[data-frame='4'] { transform:translateX(-40%); }
.mapImgFrames[data-frame='5'] { transform:translateX(-50%); }
.mapImgFrames[data-frame='6'] { transform:translateX(-60%); }
.mapImgFrames[data-frame='7'] { transform:translateX(-70%); }
.mapImgFrames[data-frame='8'] { transform:translateX(-80%); }
.mapImgFrames[data-frame='9'] { transform:translateX(-90%); }

.mapImgOuter { height:auto; width:100%; background:#f8f8f8; padding:5px; }
.mapImgFrame { width:10%; max-height:300px; text-align:center; float:left;}
.mapImgFrame img { width:100%; max-width:300px; max-height:300px; }
.mapImgCaption { height:50px; overflow:auto; width:100%; }
.moveMapImgBack, .moveMapImgFwd  { z-index:10; cursor:pointer; position:absolute; top:50%; height:40px; margin-top:-20px; width:20px; transition:opacity 0.3s; }
.moveMapImgBack { left:0; }
.moveMapImgFwd { right:0; }
.moveMapImgFwd::before, .moveMapImgBack::before { text-shadow:0 0 1px #333; content:'\f053'; font-family:'fontawesome'; font-size:2.6rem; color:#fff; }
.moveMapImgFwd::before { content:'\f054'; }
.TWDCnonext { opacity:0.3; cursor:auto;}

.TWDCfixedARCont:empty:before { content:'loading map..'; }

/*----------end map---------------*/
@keyframes size {
  0% { font-size:1.4rem;}
  30% {font-size:2.4rem;}
  100% {font-size:1.8rem;}
}
.likeheart {cursor: pointer; color: #aaa; height: 28px; line-height:2.8rem;  text-align: center; z-index: 3000; position: absolute; top: 5px; right: 10px; width:20px; }
.likeheart.isupdating { cursor:auto; }
.likeheart:before { content:'\f08a'; color:#aaa; font-size:1.8rem; position:absolute; top:-4px; left:0; width:20px; display:block; }
.likeheart[data-selflike='1']:before { content:'\f004'; color:#F30; }
.likeheart:after { content:attr(data-likes); position:absolute; top:18px; left:0; line-height:1.2rem; font-size:1.1rem; width:20px; text-align:center; }
.likeheart[data-likes='0']::after { display:none; }
.heartlit:before { animation: size .4s; }
/*.mob3col { display:block !important; }*/

/* solid background */
.white90pc:before { content:' '; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff url(https://storage.googleapis.com/ub_site_images/fibrebg.png); opacity:0.9; }
.p10 { padding:10px; }
.p20 { padding:20px; }

h1 { font-size:3.6rem !important; line-height:4.4rem !important; padding:0;  margin:0 0 10px 0; color:#e35a4f;}
h2 { font-size:2.8rem !important; line-height:3.2rem !important; margin: 10px 0 20px 0; color:#de6b63;}
h3 { font-size:2.2rem !important; line-height:2.6rem !important; color:#de6b63; }
H1, H2, H3 { text-align:left; overflow:hidden; font-family:'bebas neue', arial; text-transform:uppercase; font-weight: normal;}

/*animation*/
@keyframes heartbeat
{
  0%   { transform: scale( .75 );  }
  20%  { transform: scale( 1 );  }
  40%  { transform: scale( .75 ); }
  60%  { transform: scale( 1 ); }
  80%  { transform: scale( .75 ); }
  100% { transform: scale( .75 ); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

@keyframes click-wave {
  0% {
   opacity:0.7;
   transform:scale(1,1);
  }
  100% {
    transform:scale(2,2);
    opacity: 0;
  }
}

/* pulsate */
@keyframes pulsate {
  0%, 100% {
    opacity: 0;
  }
  0% {
    transform: scale(0.1, 0.1);
  }
  50% {
    opacity: 1.0;
  }
  100% {
    transform: scale(1.5, 1.5);
  }
}

/* pulse animation */
.errorPulse:before {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.pulsate {
  -webkit-animation: pulsate 2s infinite;
          animation: pulsate 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	  transform:scale(1);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    transform:scale(1.3);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    transform:scale(1);
  }
}

@keyframes bn_pulse {
  to {
    opacity: 0;
   	transform: scale(1);
  }
}

.ringing {
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
  display:block;
}

.booknow:before { content:'book your place now!'; text-transform:uppercase; color:#fff; }
.booknow { float:right; margin:20px auto 20px auto; background:#4cf; height:50px; line-height:5rem; text-align:center; padding:0 30px; }

.twdc_subeventlist li:hover .booknow { background:#6df; }
.twdc_subeventlist.stuck-fixed { padding:0 5px; box-shadow: 0 6px 9px #666; }
.shakeError {
	animation: kf_shake 0.4s 1 linear;
	background:#f40 !important;
}
@keyframes kf_shake {
	0% { transform: translate(30px); }
	20% { transform: translate(-30px); }
	40% { transform: translate(15px); }
	60% { transform: translate(-15px); }
	80% { transform: translate(8px); }
	100% { transform: translate(0px); }
}

circle { transition: stroke-dasharray 2s ease-in-out, stroke-dashoffset 2s ease-in-out; }

.twdc_galleryImages { width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; transition:all 0.3s; transform:scale(0.7); opacity:0;
 display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-align:center; align-items:center; -ms-flex-pack: center; justify-content: center;
}
.expandFadeOut { transform:scale(1.5) !important; opacity:0 !important; }
.expandFadeIn { transform:scale(1) !important; opacity:1 !important; }

/* end animation */
*:disabled { opacity:0.4 }
button { border:0 none; }
.twdc_simpleLink, .twdc_simpleLinkFooter { background:0 none; color:#666; cursor:pointer; text-decoration:underline; font-size:1.6rem; }
.twdc_simpleLinkFooter { float:right; line-height:3.2rem; }

.twdc_smallScreen { display:none; }
.twdc_largeScreen { display:block; }

/* ----- email history ----- */
.twdc_retrieveEmail { position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; }
#twdc_revemif { border:0 none; width:100%; height:calc(100% - 20px); }
#twdc_reviewEmail { height:100%; overflow:hidden; }
.twdc_emheader { height:20px; }
.twdc_emailOuter { cursor:pointer; transition:all 0.3s; width:100%; margin-bottom:1px; background:#f8f8f8; padding:10px 10px 10px 50px; }
.twdc_emailOuter:before { content:'\f2b6'; position:absolute; left:10px; width:30px; height:30px; line-height:3rem; top:50%; margin-top:-15px; font-size:2.4rem; }
.twdc_emailOuter:hover { background:#eee; }

#twdc_canceldiv { min-height:200px; }


/*------event cancel options--------*/
#twdc_options { margin: -10px -10px 0 -10px; padding: 10px; overflow:hidden; background: #f0f0f0 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); ms-flex-wrap:wrap; flex-wrap:wrap;}
#twdc_options .twdc_oh { overflow:hidden; }
.twdc_cxOption:before { text-transform:uppercase; font-size:2.4rem; margin-bottom: 10px; line-height:2.2rem; text-align: left; color: #f84; border-bottom: 1px dashed #fff; padding-bottom: 5px; }
.optCancel:before { content:'cancel'; }
.optTransfer:before { content:'transfer'; }
.optDefer:before { content:'defer'; }
.optMarket:before { content:'marketplace'; }
.twdc_cxOption:after { font-size:5rem; line-height:8rem; text-align:center; position:absolute; bottom:5px; right:5px; background:#fff; color: #ccc; opacity:0.7; border-radius:100%; border:1px dashed #ccc; width:80px; height:80px;  }
.optCancel:after { content:'\f12d'; }
.optTransfer:after { content:'\f08b'; }
.optDefer:after { content:'\f017'; }
.optMarket:after { content:'\f290'; }

#twdc_refundOption, #twdc_deferOption { padding:5px; }
.twdc_flexpair { width:50%; max-width:50%; min-width:50%; }
.twdc_cxOption { padding:5px; margin:5px; min-height:200px; font-size:1.2rem; text-transform:uppercase;}

.optDisabled:after { content:'\f056' !important; color:#f40!important; }
.optDisabled { background: #fa9 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); color: #fff; opacity:0.5; }

.optEnabled { cursor:pointer; }
.optEnabled:hover { background:#eee; }

.twdc_hwdth { width:50%; float:left; }
#twdc_confirmCancel { position:absolute; top:0; left:0; right:0; bottom:51px; transform:translateY(-100%); opacity:0; z-index:10; background:#f60 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); overflow:auto; padding:10px; color:#fff; }
#twdc_unlocktransfer { box-shadow: 0 1px 3px #d40; width:50%; margin:20px auto; border-radius:3px; background:#f8f8f8; height:40px; }
#twdc_utSlider { box-shadow: 0 1px 8px #333; position:absolute; cursor:pointer; left:0; top:-2px; width:50px; background:#ccc; height:44px; border-radius:3px; }
#twdc_tftsandcs { color:#eee; }
.twdc_title { font-size:2rem; line-height:2.2rem; }

#twdc_utSlider:hover { background:#ddd; }
.twdc_ccinview { transform:translateY(0) !important; opacity:1 !important; }
.twdc_tflocked:before, .twdc_tfunlocked:before { font-size:3rem; display:block; position:absolute; width:50px; left:0; top:0; text-align:center; line-height:4.4rem; }
.twdc_tflocked:before { content:'\f023';}
.twdc_tfunlocked:before { content:'\f09c'; color:#0C0; }

/* ----------- stripe payments ----------------*/

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
          box-shadow: 0 1px 3px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

input::-moz-placeholder, textarea::-moz-placeholder { font-size:1.4rem; } /* Firefox 19+ */
input:-moz-placeholder, textarea:-moz-placeholder { font-size:1.4rem; }  /* Firefox 18- */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size:1.4rem; } /* IE */
/*----------------------------------*/
.waitSpinner { background: center center no-repeat url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIGlkPSdsb2FkZXItMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeD0nMHB4JyB5PScwcHgnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzQwcHgnIHZpZXdCb3g9JzAgMCA0MCA0MCcgZW5hYmxlLWJhY2tncm91bmQ9J25ldyAwIDAgNDAgNDAnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwYXRoIG9wYWNpdHk9JzAuMicgZmlsbD0nIzAwMCcgZD0nTTIwLjIwMSw1LjE2OWMtOC4yNTQsMC0xNC45NDYsNi42OTItMTQuOTQ2LDE0Ljk0NmMwLDguMjU1LDYuNjkyLDE0Ljk0NiwxNC45NDYsMTQuOTQ2IHMxNC45NDYtNi42OTEsMTQuOTQ2LTE0Ljk0NkMzNS4xNDYsMTEuODYxLDI4LjQ1NSw1LjE2OSwyMC4yMDEsNS4xNjl6IE0yMC4yMDEsMzEuNzQ5Yy02LjQyNSwwLTExLjYzNC01LjIwOC0xMS42MzQtMTEuNjM0IGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6Jy8+PHBhdGggZmlsbD0nIzAwMCcgZD0nTTI2LjAxMywxMC4wNDdsMS42NTQtMi44NjZjLTIuMTk4LTEuMjcyLTQuNzQzLTIuMDEyLTcuNDY2LTIuMDEyaDB2My4zMTJoMCAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0neG1sJyBhdHRyaWJ1dGVOYW1lPSd0cmFuc2Zvcm0nIHR5cGU9J3JvdGF0ZScgZnJvbT0nMCAyMCAyMCcgdG89JzM2MCAyMCAyMCcgZHVyPScwLjVzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcGF0aD48L3N2Zz4=");
}
.dashedArrow { background: no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIzLjA1NyAzMjMuMDU3OyIKICAgdmlld0JveD0iMCAwIDMyMy4wNTcgMzIzLjA1NyIKICAgaGVpZ2h0PSIzMjMuMDU3cHgiCiAgIHdpZHRoPSIzMjMuMDU3cHgiCiAgIHk9IjBweCIKICAgeD0iMHB4IgogICBpZD0iQ2FwYV8xIgogICB2ZXJzaW9uPSIxLjEiPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTMzODEiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnMzMzc5IiAvPjxnCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDoxLjc7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5OjUuMSwgNS4wOTk5OTk5OTk5OTk5OTk2MDtzdHJva2U6IzMzMDAwMDtzdHJva2Utb3BhY2l0eToxO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MC4zNzY0NzA2O3N0cm9rZS1kYXNob2Zmc2V0OjAiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMCwtMSwtMSwwLDMyMy4wNTU1MiwzMjMuMDU1NTIpIgogICAgIGlkPSJnMzMzOSI+PGcKICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MS43O3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTo1LjEsIDUuMDk5OTk5OTk5OTk5OTk5NjA7c3Ryb2tlOiMzMzAwMDA7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjAuMzc2NDcwNjtzdHJva2UtZGFzaG9mZnNldDowIgogICAgICAgaWQ9ImczMzQxIiAvPjwvZz48ZwogICAgIGlkPSJnMzM0NyIgLz48ZwogICAgIGlkPSJnMzM0OSIgLz48ZwogICAgIGlkPSJnMzM1MSIgLz48ZwogICAgIGlkPSJnMzM1MyIgLz48ZwogICAgIGlkPSJnMzM1NSIgLz48ZwogICAgIGlkPSJnMzM1NyIgLz48ZwogICAgIGlkPSJnMzM1OSIgLz48ZwogICAgIGlkPSJnMzM2MSIgLz48ZwogICAgIGlkPSJnMzM2MyIgLz48ZwogICAgIGlkPSJnMzM2NSIgLz48ZwogICAgIGlkPSJnMzM2NyIgLz48ZwogICAgIGlkPSJnMzM2OSIgLz48ZwogICAgIGlkPSJnMzM3MSIgLz48ZwogICAgIGlkPSJnMzM3MyIgLz48ZwogICAgIGlkPSJnMzM3NSIgLz48cGF0aAogICAgIGQ9Ik0gNC4zOTk3NzksNTEuMjg4NzEyIEMgMjQuMzg1NTgsNDcuODkzNDc0IDU4LjQ2MTUzLDI0LjgyNzM1MSA3NC43MzQzMSwxOC42MzE2MjEgODkuOTk2NzEsOC4xNTY3NjE3IDc0LjEwMDgzLDM2LjkyNzA4IDY1Ljk5ODEsNTMuMTcwMTAzIGMgLTMuNzQ4OSwxNC4yOTIxNTQgLTEuNjMzMzYsMTcuNTM0NDYgMi4wNTQzMywyOC4yMzQwOTEgbSAyNDIuMTMzMywxNDQuNDYxOTM2IGMgLTkuMjQ0OTcsMzguODAwMzEgLTQ3LjQ0NjYsNjMuNzM5MTUgLTg1LjA3ODAxLDY5LjYyNDk0IC00Ny4zMTMxNywxMC4wMTcxMiAtMTAwLjkzMjI1LC0yMy4wNDY4OSAtMTA5LjE3MDc1LC03MS41MzM0MyAtMy42MzM2MiwtMzMuNjQzMjkgOC4xMTQyNCwtNjIuMTQ0OTUgMjcuMDY4MjcsLTg4LjE5MDggMTcuOTM4NzQsLTE3Ljg0MTY0IDMwLjQ0MTM1LC0yNy4yNDc5NyA1OC4zMTcyNCwtMzUuMjU1MzggMzIuNTY1MjEsMS44MzkyNiAzMS44MDUzMSwyNS45MjA1NCAyNy4zNDE1NCw0NC4xODcxNCAtMTMuOTU4MzUsMjQuMTQyMTcgLTU1LjgyOTUzLDcxLjg1Nzc3IC0xMDAuNzE0MTIsNzEuNjExMTUgQyA5Ni4zMjgwMywyMTguMDU5OTQgNjAuMDMzODIsMjA1Ljg5MTIyIDQ2LjAwOTEyLDE3NS4yNTE3NyAyMi44Nzg0NywxMzMuMzY0NzUgMzIuNzcxMDEsODAuNTI0NTI3IDU3Ljg5Mzk1LDQxLjg2MTUwMiA2Mi4zMjI1NywzNC44MDIzNDYgNjYuNjQ2NjUsMjcuNjMxODAzIDcxLjk5OTYzLDIxLjIxNzcyNyIKICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheToxMCwgMTA7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJwYXRoNDIxOSIgLz48L3N2Zz4="); }

/* consumables */
.consumableSelection { overflow:hidden; width:100%;  display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.consumableSelection li { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; min-width:180px; transition:all 0.3s; border: 1px dotted #ccc; padding: 2px; margin: 2px; cursor:pointer; }
.consumableSelection li[data-type='bed']:before, .cons_bed:before     { content:'\f236'; margin-right:5px; }
.consumableSelection li[data-type='product']:before, .cons_product:before { content:'\f1b2'; margin-right:5px;}
.consumableSelection li[data-type='food']:before, .cons_food:before    { content:'\f0f5'; margin-right:5px;}
.consumableSelection li[data-type='ticket']:before, .cons_ticket:before  { content:'\f145'; margin-right:5px;}
.consumableSelection li[data-type='bus']:before, .cons_bus:before     { content:'\f207'; margin-right:5px;}
.consumableSelection li[data-type='route']:before, .cons_route:before { content:'\f279'; margin-right:5px;}
.consumableSelection li[data-type='seat']:before, .cons_seat:before    { content:'\f2be'; margin-right:5px;}
.consumableSelection li[data-type='other']:before, .cons_other:before   { content:'\f0c6'; margin-right:5px;}
.consSelected { border:1px solid #4cf; background:#4cf; color:#fff; cursor:auto; }
#twdc_expiryDate:empty:before { content:'defaults to event online sales closing date'; }
#twdc_depConsumables, #twdc_EventConsumables, #availableCons { clear:both; line-height:2.4rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -ms-flex-direction: row; flex-direction: row;  -ms-flex-pack: justify; justify-content: space-between;}
#twdc_adjLinkedRes li, #twdc_depConsumables li, #twdc_EventConsumables li, #availableCons li { background:#eee; color:#888; margin-bottom: 5px; text-align: center; max-width: 360px; min-width: 300px; -ms-flex: 1 1 0px; flex: 1 1 0; font-size:1.4rem; }

.conLinked { background:#faa !important; }
.cons_usageWrapper { width:100%; padding:2px 2px 4px 2px;}
.cons_usage { height:22px; position:absolute; top:3px; left: 4px; background: #2f2; z-index: 2; opacity: 0.4;}
.cons_usageNumbers { border: 1px dotted #ccc; background:#fff; margin: 0 2px; height: 24px; width: calc(100% - 4px); }
.cons_mask { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; cursor:pointer; }
.lightgreybox { background: #f8f8f8; padding: 10px; }
.lightgreybox .halfWidth:first-child { padding-right:10px; }
#twdc_hlcreate { text-decoration:underline; font-weight:bold; cursor:pointer; color:#840;}
#availableCons .cons_mask { cursor:auto !important; }
.twdc_conlinkbox { border-radius:100%; position:absolute; top:5px; left:5px; width:50px; height:50px; background:#fff; text-align:center; font-size:3rem; line-height:5rem; box-shadow:0 1px 2px #ccc; cursor:pointer; transition:all 0.3s; z-index:110; }
.conLinked .twdc_conlinkbox:before { content:'\f0c1'; color:#c00; }
.conUnlinked .twdc_conlinkbox:before { content:'\f127'; color:#ccc; }
.twdc_conlinkbox:hover { background:#4cf; }
.twdc_conlinkbox:hover:before { color:#fff; }

/*------------- end consumables ---------------------*/

/*---------- pick product sizes etc --------------*/

.twdc_sizebutton, .twdc_colourbutton {
    background: transparent; font-size: 2rem; line-height:4rem; min-width: 50px; padding: 0 10px; float: left; margin: 5px; color: #888; cursor: pointer; border: 1px dotted #ccc; transition: all 0.3s; }
.twdc_sizebutton:hover, .twdc_sizebutton:hover { background:#ccc; }
#twdc_sizeOptions, #size_colourOptions { overflow:hidden; }
.twdc_prodContainer{  display:flex; }
.twdc_prodImages { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  }
#twdc_prodprice { font-size:3rem; position:absolute; left:0; bottom:0; width:100%; opacity:0.9; background:#fff;}
.twdc_sizesetc { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  background:#f8f8f8; padding:0 10px;}
#twdc_colourOptions { overflow:hidden; }
.litOption { background:#4cf !important; color :#fff !important; }

.twdc_cartVariant { font-size:1.4rem; display:block; clear:both; }
.cart_itemlist .twdc_cartVariant { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; }
.twdc_cartSizes { font-size:1rem; color:#444; }
.amount { width:80px; text-align:right; }
.cart_list_product a { width:100%; -webkit-box-pack:justify !important; -ms-flex-pack:justify !important; justify-content:space-between !important; }
/*------------------------end-----------------------*/

.twdc_eventLogo { width:100px; height:100px; margin-right:10px;}
.twdc_eventLogo img { max-width:100%; max-height:100%; }
.twdc_eventName { width:100%; clear:both; }
.twdc_connectstatus { width:185px; text-align:center; font-weight: bold; text-transform:uppercase; font-size:1.4rem; color: #fff; padding: 0 7px; line-height:4rem; }
.twdc_notlinked { background:#c00; }
.twdc_linked { background:#4cf; }
.bigcheckout { background: #4cf; color: #fff; font-size: 2.2rem; text-transform: uppercase; line-height:4rem; cursor: pointer; border-radius: 3px; clear: both; display: block; margin-top: 10px; transition:all 0.3s; padding:0 20px;}
.bigcheckout:hover { background:#6df; }

#twdc_efErrorMsg { display:none; }
#twdc_efbpanelouter { display:block; padding-top:30px; }
.twdc_cannotEnter #twdc_efErrorMsg { display:block; }
.twdc_cannotEnter #twdc_efbpanelouter { display:none; }

#twdc_efbpanelouter, #twdc_efErrorMsg {  -ms-flex-direction:column; flex-direction:column; text-align:center; width:100%; }
.twdc_errorPanel { line-height:2.2rem; width:calc(100% + 20px); margin:0 -10px; background:#f62; color:#fff; font-size:1.6rem; padding:20px; margin-bottom:50px;}
.twdc_errorPanel:before, .twdc_errorPanel:after { content:''; position:absolute; width: calc(100% + 30px); height: 30px; left: -15px; background:inherit; z-index:10; transform: rotate(-1deg); }
.twdc_errorPanel:before { top:-12px; }
.twdc_errorPanel:after { bottom:-15px; }

.highlightButton { overflow:hidden; transition: all 0.2s ease-in; border-radius:5px; max-width:340px; margin:10px auto 30px auto !important; float:none !important; width:90% !important; padding: 14px 20px 14px 20px !important; line-height:2rem !important; }
.highlightButton:after{ top: -50%; z-index: 1; content: ''; width: 150%; height: 200%; position: absolute; left: calc(-150% - 40px); background-color: rgba(255, 255, 255, 0.2); transform: skewX(-40deg); transition: all 0.2s ease-out; }
.highlightButton:hover:after {
	left:40px;
}
.highlightButton:disabled:after {
	left:calc(-150% - 40px) !important;
}
.highlightButton:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.highlightButton:disabled { box-shadow:none !important; cursor:auto; }

#twdc_newACFN, #twdc_newACLN { text-transform:capitalize; }

input[type="checkbox"] + label::before, input[type="radio"] + label::before { -webkit-box-sizing:initial;box-sizing:initial; box-shadow: 3px 0 0 #f8f8f8; z-index: 11;}
input[type="checkbox"] + label, input[type="radio"] + label { clear:both; margin:10px 0; width:100%;}
input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { clear:both; margin:10px 0; }
input[type="checkbox"]:disabled + label .twdccbtext, input[type="radio"]:disabled + label .twdccbtext,
input[type="checkbox"]:disabled + label:before, input[type="radio"]:disabled + label:before,
input[type="checkbox"]:disabled + label:after, input[type="radio"]:disabled + label:after { opacity:0.3; }
#twdc_cadr label:before { background:#fff; box-shadow:none; }
#twdc_cadr input + label span { opacity:0.4; }
#twdc_cadr input:checked + label span { opacity:1; }

.twdc_limited, .twdc_soldout, .twdc_lastone { margin-left:5px; float:right; }
.twdc_limited:before, .twdc_soldout:before, .twdc_lastone:before { padding:3px 5px; color:#fff; border-radius:3px; line-height:2.4rem; }
.twdc_limited:before { content:'last few'; background:#fc4; }
.twdc_soldout:before { content:'sold out'; background:#f60; }
.twdc_lastone { display:none; }

.rating label { clear:none !important; float:left !important; }
.FpreviewText {padding:5px 0; clear:both; margin-top:30px; color:#08b; text-align: left; }
.FpreviewText li { font-size:1.4rem; line-height:1.6rem; padding-left:20px; margin-bottom:5px; }
.FpreviewText li:before { content:'\f111'; position:absolute; left:0; top:2px; font-size:1rem; }

ul.hasBullet li { padding-left:20px; margin-bottom:5px; font-size:1.8rem; color:#888; }
ul.hasBullet li:before { content:'\f111'; position:absolute; left:0; top:7px; font-size:1rem; }

.FpreviewTB { padding:5px; margin:5px 0; border:1px dotted #ccc; background:#fff; color:#ccc;  clear:both;}
.FpreviewSelect { height:26px; width:100%; font-size:1.6rem;  clear:both;}
.FpreviewSelect option { font-size:1.4rem; color:#4cf; line-height:1.4rem; padding:5px; }
.FpreviewTA { padding:5px; margin:5px 0; border:1px solid #ccc; background:#fff; height:80px;  clear:both;}
.FpreviewTime { padding:5px; margin:5px 0; border:1px dotted #ccc; height:26px; clear:both; background:#fff;}
.FpreviewTime:before { content:'\f017  time input'; font-size:1.6rem; height:20px; display:block; float:left;}
.FpreviewH { font-size:1.2rem; color:#888; line-height:1.2rem; padding:5px 0; }
.FpreviewRdo li, .FpreviewChk li{ height:26px; float:left; clear:both; }
.FpreviewRdo li:before, .FpreviewChk li:before { content:'\f10c'; font-size:1.6rem; width:20px; height:20px; display:block; float:left;}
.FpreviewChk li:before { content:'\f096'; }

.FpreviewImgRdo, .FpreviewImgChk {  display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around;}

.twdc_updateThis, .twdc_saveThis { width: calc(100% + 74px); border-bottom:1px solid #fff; border-top:1px dotted #ddd; min-height:34px; background: #eee; padding: 5px 37px; margin: 0 -37px;}
.changeField:before { content:'\f01b  update your UltraBritain account with this change?'; font-size:1.4rem; line-height:2.6rem; color:#888; }
.changeAddress:before { content:'\f01b  update your stored address with this change?'; font-size:1.4rem; line-height:2.6rem; color:#888; }
.twdc_saveThis:before { content:'\f01b  save this address to your UltraBritain profile?'; font-size:1.4rem; line-height:2.6rem; color:#888; }

.twdc_addrctrlbox { opacity:0; transition:all 0.3s; position:absolute; top:0; right:0; z-index:2000;}
.formQuestion[data-fillfromdb='Country'] .twdc_addrctrlbox { top:0 !important; }

.twdc_displayctrl { opacity:1; }
.UB-Qselect + .twdc_displayctrl { bottom:0 !important; }
.formQuestion .UB-Qselect { height:35px; }

.twdc_clearAddress, .twdc_switchAddress { width:40px; height:37px; text-align:center; line-height:1.6rem; font-size:1.4rem; transition:background 0.3s; padding:2px 5px; background:#dda; margin-left:1px; display:inline-block; color:#fff; cursor:pointer; transition:all 0.3s; -ms-flex-item-align: end;align-self: flex-end;}
.twdc_clearAddress:hover, .twdc_switchAddress:hover { background-color:#eeb; }
#TWDCnewcardOuter .twdc_clearAddress { right: 0; position: absolute; z-index: 22; bottom: 10px; }

/*---craftyclicks address search---*/
#cc_c2a { z-index:10000 !important; }
/*--- end cc ---*/
.ccsrch { clear:both; border-radius:3px;}
.twdc_nosearch { display:none; }
#twdc_paymentform .modalcancel { display:none; }
.twdc_nosearch a { display:block !important; }
#twdc_cba { margin:10px 0; }

.ccsrch:before { content: '\f002'; position: absolute; z-index: 11; font-size: 2rem; left: 5px; line-height:5rem; text-shadow: 0 1px 2px #885; color: #fff; }
.ccsrch:after { content: '\f111' !important; z-index: 10; position: absolute; left: 2px; line-height:5rem; font-size: 2.6rem; color: #cc9; animation: pulsate 3s infinite; top: 0; text-shadow: 0 0px 4px #fff;}

#ccsearch { margin-bottom:5px; background:#dda; padding:0 5px 0 40px; border:none !important; border-radius:3px; }

.twdc_beforeName:before, .twdc_beforePhone:before, .twdc_beforeEmail:before, .twdc_beforeAddr:before { margin-right:5px; font-size: 2rem; color: #dda; }
.twdc_beforeName:before { content: '\f2be';}
.twdc_beforePhone:before { content: '\f095';}
.twdc_beforeEmail:before { content: '\f0e0';}
.twdc_beforeAddr:before { content:'\f015'; }

.twdc_clearAddress:before { content:'\f12d  clear'; display:block; padding:0;}
.twdc_switchAddress:before { content:'\f2b9  pick'; }
.twdc_clearAddress:hover, .twdc_switchAddress:hover { background:#6df; }
.evfeechange { text-align:center; margin-top:20px; }

.twdc_storedAddresses { overflow:hidden; margin:20px; }
.twdc_storedAddresses li { margin:5px; float:left; width:120px; height:120px; background:none; border:1px dashed #ccc; cursor:pointer; overflow:hidden;}
.twdc_storedAddresses li:before { content:'\f2b9'; position:absolute; top:5px; left:5px; font-size:2rem; color:#eee; }
.twdc_storedAddresses li:after { content:'\f019'; border-radius:100%; background:#fff; position:absolute; bottom:-35px; left:43px; font-size:2rem; color:#4cf; text-align:center; height:34px; width:34px; line-height:3.4rem; transition:all 0.3s; }

.twdc_storedAddresses li:hover { background:#4cf; border:1px solid #4cf; color:#fff; }
.twdc_storedAddresses li:hover:after { transform: translate(0, -40px);}

input.UB-Qimgcheck + label, input.UB-Qimgradio + label { transition:all 0.3s; opacity:0.6; max-width:200px; margin:0 2% 50px 2% !important; }
input.UB-Qimgcheck:checked + label, input.UB-Qimgradio:checked + label { opacity:1; color:#fff; background:#4cf;  }
.FpreviewImgChk input:checked + label, .FpreviewImgChk input:checked + label, .FpreviewImgRdo input:checked + label, .FpreviewImgRdo input:checked + label { box-shadow: 0 0px 14px #ccc; }
label { float:left; cursor:pointer; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom:15px;
}
.twdc_updateThis .switch { margin:0 0 0 20px !important; }

.twdc_saveThis .switch { margin-bottom:0; }
.switch input {display:none;}

.sliderRow { margin-top:10px; height:30px; }
.slider { position: absolute; cursor: pointer; top:0; left:0; right:0; bottom:0; background-color: #ccc; transition: .4s; border-radius: 34px; box-shadow: inset 1px 2px 3px #aaa; }
.slider:before { box-shadow: 0 3px 3px #aaa;  position: absolute; content:''; height:26px; width:26px; left:4px; bottom:4px; background-color: #fff; transition: .4s; border-radius: 50%;}
.slider:after { left:100%; display:block; position:absolute; margin-left:10px; font-size:1.4rem; line-height:3.4rem; text-transform: uppercase; white-space:nowrap}
.sliderSmall { width:50px !important; height:24px !important; }
.sliderSmall .slider:before { width:16px !important; height:16px !important; }
.sliderSmall .slider:after { line-height:2.4rem !important; }

input:disabled + .slider { opacity:0.4; }
input:checked + .slider { background-color: #4cf; box-shadow: inset 1px 2px 3px #19d; }
input:checked + .slider:before { box-shadow:0 3px 3px #19d; }
.slider:after { content:attr(data-off); }
input:checked + .slider:after { content:attr(data-on); }
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}

/* range input */
input[type=range] {
  -webkit-appearance: none;
  margin: 0;
  width: 100%;
  height:30px;
  background:none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  border:2px solid #ccc;
  margin-top: -7px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  border:2px solid #ccc;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  border:2px solid #ccc;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #4cf;
  border-radius: 1.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #6df;
}

input[type=range]::-moz-range-progress {
	background:#4cf;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #4cf;
  border-radius: 1.3px;
  background:#ccc;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #4cf;
  border-radius: 2.6px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #6df;
}
input[type=range]::-ms-fill-upper {
  background: #ccc;
  border-radius: 2.6px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ddd;
}
/* end range input */
.stuck-fixed, .stuck-tobase { position:fixed !important; top:0; z-index:7000;}

.showConditional { opacity:1; }
.hideConditional { display:none; }

.error404 { background:#fff url(https://storage.googleapis.com/ub_site_images/grungeBG2.png); font-size:4rem; height:400px; text-align:center; }
.error404 div { font-size:8rem; color:#f66; }

.twdc_tfheader { line-height:2.2rem; width:calc(100% + 20px); margin:0 -10px; background:#4cf; color:#fff; font-size:1.6rem; padding:20px; margin-bottom:50px;}
.twdc_tfheader:after { content:''; position:absolute; width: calc(100% + 30px); height:30px; left:-15px; background:inherit; z-index:10; transform: rotate(-1deg); }
.twdc_tfheader:after { bottom:-15px; }

#twdc_entryForm { font-size:1.6rem; color:#333; line-height:1.8rem; background:#fcfcfc; }
#twdc_entryFormMask {  display:flex;  -ms-flex-direction:column; flex-direction:column;  -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; z-index:10; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; opacity:0; height:0; transition:opacity 0.3s;}
#twdc_entryFormMask div { width:40px; height:40px; font-size:4rem; line-height:4rem; color:#666; }
#twdc_entryFormMask.refresh { height:100%; opacity:0.6; }
#twdc_entryForm div, #twdc_entryForm ul { clear:both; }
.twdc_bullet { font-size:1.4rem; line-height:1.6rem; padding-left:20px; margin-bottom:5px; }
.twdc_bullet:before { content:'\f111'; position:absolute; left:0; top:2px; font-size:1rem; }
.ticketclosed { opacity:0.3; }
.tstatusamber:after { content:'\f071  Running Low!'; background-color:#F90; }
.tstatusred:after { content:'\f071  Last Few!'; background-color:#F30; }
.tstatusred:after, .tstatusamber:after { position:absolute; left:0; bottom:-22px; padding:2px 5px; color:#fff; }
.tstatusamber, .tstatusred { margin-bottom:35px !important; }
.howmany { color:#fff; background: #4cf; padding: 0 2px; margin-left:0 !important; margin-right: 2px; border-radius: 3px; display: inline-block; letter-spacing:-2px; }

.FpreviewRdo, .FpreviewChk { overflow: hidden; }

#twdc_formOuter { overflow:hidden; }
.UB-Qtscs { max-height:200px; padding:10px; overflow:auto; background:#fff; font-size:1.4rem; font-family: bebas neue, sans-serif;}
.imgradcap{text-align:left; }

.twdc_avatarBar {  display:flex; width:100%; -webkit-box-orient:horizontal;  -ms-flex-direction:row; flex-direction:row; padding:20px 10px; background:#d6b670; }
.twdc_avatarBar:before { content:'pending entries in your cart'; color:#fff; left:5px; top:2px; position:absolute;}
.twdc_avatarBar:empty { display:none; }
.avatarBarSelected:before { content:'\f0d7'; width:15px; height:15px; font-size:1.5rem; color:#fd0; left:50%; margin-left:-7px; bottom:-7px; position:absolute; }

#twdc_eformFields { padding:0 !important; background-image:url(https://storage.googleapis.com/ub_site_images/paperbg.png); }
.twdc_avatarBar img { max-width:100px; }

/*----pwd verify----*/
.twdc_uc:after, .twdc_lc:after, .twdc_min:after, .twdc_no:after { content:'\f00d'; font-size:1.4rem; color:#CC3300; opacity:0.4; margin-left:5px; top:-3px; line-height:1.4rem; }
.twdc_valid:after { content:'\f058' !important; color:#3C0 !important; opacity:1 !important; }
#tpi_pending:empty:before, #tpi_current:empty:before { content:'no-one';}
.avatarOuter, .avatarTFOuter {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 3px solid #fff;
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	margin:3px;
	transition:border 0.3s;
}
.avatarOuter {box-shadow:0 1px 2px #ca0; }
.avatarTFOuter { box-shadow:0 1px 2px #ccc; }

.avatarOO { z-index:10; margin:3px; text-align:center; cursor:pointer; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;  -ms-flex-direction: column; flex-direction: column; max-width: 106px;}
.avatarOO:hover .avatarOuter { border-color:#4cf; }
.avatarSelected, .avatarSelected:hover { border-color:#F60 !important; }
.avatarIC { width:100px; height:100px; border:4px solid #fff; border-radius:100%; }

.avatarCMask { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; }

.receipt { font-size:2.2rem; color:#fff; text-align:center; background:#e6c680; padding:5px; }
.receiptBody { font-size:1.4rem; padding:20px; background:#fdfdfd; }
.receiptContainer { margin-bottom:40px;}
.nextActions > div { min-height:230px; background-size:contain; background-position:right center; width: 100%; background-size: 239px; background-position: calc(100% - 20px) 20px; padding: 60px 20px 50px 20px; border-left:1px dotted #ccc; }
.jgfundraising { background:url(https://storage.googleapis.com/ub_site_images/JustGiving-logo-web.png/JustGiving-logo-web.png) no-repeat #f8f8f8; }
.connectStrava { background:url(https://storage.googleapis.com/ub_site_images/JustGiving-logo-web.png/strava_logo_orange.png) no-repeat #f8f8f8; }
.jgfundraisingpu { background:url(https://storage.googleapis.com/ub_site_images/JustGiving-logo-web.png/JustGiving-logo-web.png) no-repeat #f8f8f8 !important; background-position:10px bottom !important; background-size:180px !important; overflow:hidden; padding-bottom:40px !important; }
.modalcheck { background: #4cf; color: #fff; line-height:2.6rem; text-transform: uppercase;}
.switchaccount { background:#fff; color:#888; padding:2px 10px; text-transform:uppercase; cursor:pointer;}
.switchaccount:before { content:'\f0ec\ASWITCH ACCOUNT'; }
.liUserName:before { content: '\f2be'; margin-right: 5px; cursor: pointer; }
.liUserName button { display:none; margin-left:20px; }
.liUserName.stuck-fixed { background: #f80; padding: 2px 10px; text-align: center; width: 100% !important; margin-right: -10px;}
.liUserName.stuck-fixed button { display:inline; }
.fundraisingHeadline, .stravaHeadline { margin:20px 0; font-size:1.6rem; }
.transactionProcessed { padding:40px 0;}
.createJG, .cstravabtn { position: absolute; bottom: 10px; right: 10px; padding: 0; margin: 0;}
#twdc_entryFormFields { opacity:0; left:0; transition:opacity 0.3s, transform 0.3s; padding-top:40px; height:auto; }
.twdc_fadeOut { transform: translate(50px, 0) !important; opacity:0 !important; }
.togglePW_btn { width: 30px; height: 30px; line-height:3rem; color:#888; font-size:1.8rem; position:absolute; right:5px; top:3px; }
.togglePW_btn:before { content:'\f06e'; }
input[type='password'] + .togglePW_btn:before { content:'\f070'; }
input[type='password'] { padding-right:40px; }
.twdc_salesOuter { width:100%; height:8px; background:#6F3; margin:10px 0 5px 0; }
.twdc_subsalesOuter { width:100%; }

.twdc_salesOuter:before { position:absolute; top:-14px; font-size:1rem; content: attr(data-rem)'\Aplaces remaining'; left: 0; text-transform: uppercase; color:#bb8; }
.twdc_salesOuter[data-rem='1']:before { content: '1 place remaining'; }
.twdc_subsalesOuter:before { position:absolute; top:-26px; font-size:2rem; content: attr(data-rem)'\Aplaces remaining'; left: 4px; text-transform: uppercase; color:#fff; }
.twdc_subsalesOuter[data-rem='1']:before { content: '1 place remaining'; }

.twdc_pcsold { position:absolute; top:0; left:0; height:8px; background:#e6c680; border-right:2px solid #fff; }
.twdc_pcsold[data-pc='1'], .twdc_pcsold[data-pc='0'] { border-right:0; }

.twdc_centerPanel { padding:20px; background: #fff; box-shadow: 0 3px 7px #ccc; margin:10px 0; }

.FpreviewEmoji { overflow:hidden; }
.twdc_formPanel { height:100%; }
#twdc_formOuter > ul { width:1000%; left:0%;  display:flex; transition:all 0.3s;  -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: distribute; align-content: space-around; }
#twdc_formOuter ul.startForm {    transform:translate(0,0); }
#twdc_formOuter ul.findUser {     transform:translate(-10%,0);  }
#twdc_formOuter ul.entryForm {    transform:translate(-20%,0);  }
#twdc_formOuter ul.usedCapacity { transform:translate(-30%,0);  }
#twdc_formOuter ul.login {        transform:translate(-40%,0);  }
#twdc_formOuter ul.createAC {     transform:translate(-50%,0);  }
#twdc_formOuter ul.updatePW {     transform:translate(-60%,0);  }
#twdc_formOuter ul.unknown {      transform:translate(-70%,0);  }
/*#twdc_formOuter ul #twdc_entryFormFields { height:1px; } */
ul.findUser #twdc_entryFormFields, ul.startForm #twdc_entryFormFields, ul.usedCapacity #twdc_entryFormFields, ul.login #twdc_entryFormFields, ul.createAC #twdc_entryFormFields, ul.updatePW #twdc_entryFormFields { height:1px; }
.oauthnomatchbox p { width:100%; }
.oauthnomatchbox { margin:20px 0; width: 100%; border: 1px dotted #ddd; background: #fff; padding: 20px; text-align: center;}
.oauthbtn_Twitter { background: #63adeb; }
.oauthbtn_Google { background: #d05d46; }
.oauthbtn_Facebook { background: #3d5e96; }
.oauthbtn_Twitter:before { content:"\f099"; text-shadow:0 1px 2px #439dcb; }
.oauthbtn_Google:before { content:"\f1a0"; text-shadow:0 1px 2px #b03d26; }
.oauthbtn_Facebook:before { content:"\f09a"; text-shadow:0 1px 2px #1d3e76;}
.oauthbuttons { margin:15px 0; width:100%; color:#fff; text-align:center; padding:5px 10px; line-height:3rem; font-size:1.6rem; max-width:400px; }
.oauthbuttons:before { position:absolute; left:10px; line-height:3rem; font-size:2rem; }
.twdc_dividerLine { height: 100%; border-right: 1px solid #ccc; }
.ouathor { border-radius:100%; background:#ddd; color:#fff; text-align:center; margin:5px; font-size:1.4rem; text-transform:uppercase; line-height:3rem; width:30px; height:30px; display:block; }
.logingreybox { display:flex; padding:40px 20px; background:#f8f8f8; margin:40px 0;}
.createacouter { max-width:1200px; margin: 0 auto; }
.oauthdividerouter { width:100px; max-width:100px; min-width:70px; text-align: center;}
.UB-QformTitle { background:#fc4; margin:0 -10px 10px -10px; color:#fff; padding:10px; font-size:1.4rem; line-height:2.4rem; }
.UB-QActiveTitle { background:#fd4; margin:-5px -10px -5px -10px; color:#fff; padding:10px 80px 10px 10px; font-size:1.4rem; line-height:2.4rem; }
#signUpButton { max-width:600px; margin:0 auto; }
.loginOptions { margin:4rem 0; max-width:800px; }
.loginOptions li { margin:20px 0; font-size: 2.2rem; text-align: left; }
.centreBox { max-width:800px; padding:20px; margin:0 auto; background:#fff;}
#twdc_logintoUB, #twdc_logintoUB, #twdc_createUBAC, #twdc_resetUBPW {  display:flex; -webkit-box-orient: vertical;  -ms-flex-direction: column; flex-direction: column; }

.twdc_newDiv { text-align:center; padding-top:30px; }
.twdc_newDiv .UB-QexplainFW { margin:10px 0; }

.UB-Qinformation, .UB-Qhaveplace, .UB-Qwarning { width: calc(100% + 20px); margin: 0 -10px; background-image:url(https://storage.googleapis.com/ub_site_images/fibrebg.png); color: #fff; padding: 20px; font-size:1.8rem; line-height:2.4rem; }
.UB-Qhaveplace { background-color: #fb0; }
.UB-Qwarning { background-color: #f40; }
.UB-Qhaveplace:before { content:'\f145'; margin-right:10px;  }
.UB-Qwarning:before, .UB-Qinformation:before { content:'\f071'; margin-right:10px; z-index:10; }
.UB-Qwarning span, .UB-Qinformation span { z-index:10; }
.UB-Qinformation { margin-top: 20px; color: #888; background-image: none; }

.twdc_newDiv button { float:none !important; }

#twdc_formOuter > ul > li { width:0; transition:all 0.3s; min-height:400px; display:block; padding:0 10px; -ms-flex:1 1 0px; flex:1 1 0; }
#twdc_formOuter > ul > li:nth-child(1) { opacity:1; }
#twdc_formOuter > ul > li:nth-child(2) { opacity:0; }
#twdc_formOuter > ul.findUser > li:nth-child(1) { opacity:0; }
#twdc_formOuter > ul.findUser > li:nth-child(2) { opacity:1; }
#twdc_formOuter > ul.entryForm > li:nth-child(1),
#twdc_formOuter > ul.entryForm > li:nth-child(2) { opacity:0; }
#twdc_formOuter > ul.entryForm > li:nth-child(3) { opacity:1; }

#twdc_eventBill { width:100%; overflow:hidden;  display:flex;  -ms-flex-direction:column; flex-direction:column; color:#fff; }
#twdc_eventBill li { width:100%; max-width:300px; margin-left:auto; margin-right:auto; font-size:3.4rem; text-align:center; line-height:5.2rem; transition:height 0.3s, opacity 0.3s;}
.listPrice { 
opacity: 0.56;
  font-size: 2.5rem;
  height: 20px;
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: 4rem;
  color: #888; }
.listPrice:after {
  content:''; position:absolute; top: 18px; width: 100%; background: #fff; height: 2px; left: 0; z-index: 99; transform: rotate( -7deg );
}

#twdc_eventBill li:before { font-size:4.2rem; line-height:6rem; }
#twdc_eventBill li.GBP:before { content:'\00a3'; }
#twdc_eventBill li.USD:before { content:'\0024'; }
#twdc_eventBill li.EUR:before { content:'\20ac'; }

#twdc_eventBill li:after { position: absolute; left: 2px; top: 0; font-size: 1.4rem; color: #fff; line-height: 1.4rem; }
.twdc_eventFee { background:#6cf url(https://storage.googleapis.com/ub_site_images/fibrebg.png); height:52px; }
.twdc_eventFee[data-bp='0'] { display:none; }

.twdc_eventExtras { background:#8cf url(https://storage.googleapis.com/ub_site_images/fibrebg.png); opacity:0; height:0; margin:0; }
.twdc_eventService, .twdc_eventCharity { background:#ccc url(https://storage.googleapis.com/ub_site_images/fibrebg.png); opacity:0; height:0; margin:15px auto 0 auto !important; }
.twdc_eventCharity { background-color:#fc4; }

.twdc_eventTotal { background:#888 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); margin:5px 0 0 0; font-size:4.2rem; overflow:hidden; opacity:0; }
.twdc_eventTotal[data-price] { opacity:1; }
.twdc_psexplainer { color: #aaa !important; margin-top: 20px; font-size: 1.6rem !important; line-height: 1.8rem !important; text-align: left !important;}
.twdc_firstPayment { background:#e41 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); margin:5px 0 0 0; font-size:4.2rem; overflow:hidden; }

.twdc_usedCode { position:absolute; right:0; background:#F90; top:0; height:100%; width:40px; display: flex; justify-content: center; align-items: center;}
.twdc_usedCode:before { content:'\f145'; color:#fff; }
.closeCAC { transition:all 0.3s; cursor:pointer; float:right; height:100%; padding:5px; background: #fb0; margin: -10px -10px 0 0;}
.closeCAC:hover { background:#fd2; }
.ulanchor { text-decoration:underline; cursor:pointer; }
.closeCAC:before { content:'cancel'; content: 'cancel'; line-height:3.4rem; text-transform: uppercase; font-size:1.4rem;}
#twdc_sum { font-size:3rem; }
.twdc_SumWrapper { background: #eee;padding:5px; display: -ms-flexbox;display:flex; -ms-flex-align: center;align-items: center;-ms-flex-pack: distribute;justify-content: space-around; }

.twdc_ticketouter { text-align:left; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.twdc_ticketCategory { width:100%; font-size:1.8rem; line-height:2rem; }
.twdc_ticketDescription { width:100%; font-size:1.2rem; line-height:1.4rem; }
.twdc_ticketCost { width:100%; font-size:1.2rem; color:#dda; line-height:1.4rem; }
.twdc_ticketCost:before { content: 'face value per ticket \00a3'; }

.pickQvalues { font-size:2rem; line-height:2.4rem; max-width:80px; min-width:80px; padding: 3px 5px; color: #666; border: 0 none;
border-bottom: 1px dotted #c6a660; }
.qminus { width:24px; height:100%; }
.qplus { width:24px; height:100%; }
.ticketCategory { margin:10px 0; padding:10px; background:#fff; box-shadow:0 1px 2px #eee; }

.twdc_eventFee:after { content:'base fee'; }
.twdc_eventExtras:after { content:'options'; }
.twdc_eventService:after { content:'service fee'; }
.twdc_eventCharity:after { content:'charity donation'; }
.twdc_eventTotal:after { content:'total'; }
.twdc_firstPayment:after { content:'initial deposit'; }
.twdc_withCode:after { content:'total with entry code'; }
.billShow { opacity:1; height:52px; margin:5px 0 0 0; }

.formQuestion { padding:0; transition:all 0.3s; background-color:inherit; margin:0 auto; width:95%; }
#newAccountForm .formQuestion { clear:both; }
#newAccountForm .mdthird { outline:none !important; height:34px !important; }
#newAccountForm .UB-Qtitle { color:#666; }

.showConditional { width:100% !important; }

#subev_UBdetails .formQuestion { width:100% !important; padding:0 10px !important; }

.formQuestion:after { content:' '; display:block; clear:both; }
.formQuestion[data-man='Y']:before { content:'\f069'; font-size:1.4rem; color:#4cf; position:absolute; top:5px; right:-20px; }
.formQuestion[data-status='invalid'] { margin-bottom:20px; padding:0 5px 10px 5px; border-bottom:2px dashed #f40; background-color:#fff;
border-radius:3px; }
.formQuestion[data-status='invalid']:before { content:attr(data-reason); position:absolute; top:inherit !important; bottom:-18px; right:3px; background:#F44; padding:0px 5px 0 5px; font-size:1.4rem; line-height:1.8rem; color:#fff;}

.formQuestion[data-status="invalid"] .twdc_addrctrlbox { bottom:20px; margin-right:5px; }

[data-adj]:after { padding:0 5px; height:22px; line-height:2.2rem; background:#ddd; color:#fff; }
label[data-adj] .twdccbtext { padding-left:95px !important; width:100%; }
label[data-adj]:after { position:absolute; top:1px; left:22px; }
input:checked + label:after { background:#8df; color:#fff; }
input + .twdc_includedintf:after { background:#f90 !important; }

.FpreviewHline { border-bottom: 1px dashed #4cf; margin: 20px 0; }

.twdc_includedintf span:first-of-type:before { content:'\f071  not selected'; font-size:1.2rem; line-height:1.2rem; position:absolute; left:2px; bottom:2px; color:#c40; }
input:checked + .twdc_includedintf span:before { display:none; }

.twdc_includedintf { background:#f90 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); color:#fff; padding:0 1px; border-radius:3px; box-shadow:0 1px 2px #ddd; }
.twdc_includedintf span:first-of-type:after { content: '\f145'; position: absolute; border-left:1px dashed #fff; right: 0;
    top: 0; border-radius: 0 3px 3px 0;
    height: 100%;
    padding: 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f90;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center; }
.twdc_includedintf:before { box-shadow: 3px 0 0 #f90 !important; background-color: white;  left: 1px !important;}
.FpreviewImgChk label[data-adj]:after, .FpreviewImgRdo label[data-adj]:after { bottom:-30px; top:inherit; left:inherit; right:0; }

.curGBP option[data-adj]:after, .curGBP label[data-adj]:after { content:'\00a3'attr(data-adj); }
.curGBP option[data-adj='0']:after, .curGBP label[data-adj='0']:after { content:''; display:none; }

.curUSD option[data-adj]:after, .curUSD label[data-adj]:after { content:'\0024'attr(data-adj); margin-left:10px; }
.curEUR option[data-adj]:after, .curEUR label[data-adj]:after { content:'\20ac'attr(data-adj); margin-left:10px; }
.curGBP .twdc_includedintf:after, .curUSD .twdc_includedintf:after, .curEUR .twdc_includedintf:after { content:'\00a3 INCLUDED' !important; font-size:1.1rem; color:#fff; }

.signGBP:before { content:'\00a3'; }
.signUSD:before { content:'\00a3'; }
.signEUR:before { content:'\00a3'; }

.highlightError[data-error='outofrange']:after { content:'\f071  this value is outside the range set for this slider'; font-size:1.4rem; color:#c00; clear:both; display:block; }

input:checked + .slider:before { transform: translateX(26px); }

.zoomslider { width:200px; height:10px; border:1px solid #ccc; left:50%; margin-left:-100px; position:absolute; bottom:20px; }
.zoomslider:before, .zoomslider:after { display:block; position:absolute; content:'\f03e'}
.zoomslider:before { font-size:1.2rem; left:-35px; top:-2px; }
.zoomslider:after { font-size:1.8rem; right:-35px; top:-5px; }
.formMask, .twdc_tncm { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1000; }
.twdc_tncm:not(.twdc_tnselected) { cursor:pointer; }
.groupOuter .formMask { overflow:hidden; }

.rotateslider { width:360px; height:30px; position:absolute; top:0; left:-90px; background:url(https://storage.googleapis.com/ub_site_images/rotationbg.png) repeat 0 0; background-size:cover;}
.rotatesliderOuter { width:180px; height:30px; overflow:hidden; position:absolute; bottom:50px; left:50%; margin-left:-90px;}
.rotatesliderOuter:before { content:''; background:url(https://storage.googleapis.com/ub_site_images/rotateOuterBG.png); z-index:10; position:absolute; top:0; width:180px; height:30px; left:0; cursor:ew-resize;}

.zoomhandle { position:absolute; cursor:pointer; border-radius:100%; left:0; width:20px; height:20px; margin-left:-10px; top:-6px; border:1px solid #ccc; background:#fff; }
.footerButtons { position:absolute; bottom:0; height:45px; width:100%; padding:0 10px }
.UB-Qinputthird , .UB-Qinput, .UB-Qtextarea { padding:3px; font-size:2rem; line-height:3rem; width:100%; color:#666; margin:0 0 10px 0; border:0 none; border-bottom:1px dotted #c6a660; transition:all 0.3s; min-width:30px; }
div[data-cc]:before { content:attr(data-cc); position:absolute; top:4px; right:0; font-size:1.2rem; }

.UB-Qtextarea { height:90px; background:#fff; resize:none; transition:all 0.3s; line-height:2rem;}
.UB-Qinputthird { width:32%; margin:0 1% 0 0; transition:all 0.3s; }
.UB-QlargeInput { padding:5px; font-size:5rem; color:#888; margin:0 0 10px 0; border:0 none; border-bottom:1px solid #4cf; width:100%; font-family:roboto; transition:all 0.3s; }
.UB-Qlargefieldvalue { display:block; color:#4cf; text-align: center; font-size:4rem; padding:5px; }
.megaphone .UB-Qlargefieldvalue { color:#fff !important; text-shadow:0 1px 2px #caa; }

.UB-Qnotice { margin:10px 0; font-size:1.8rem; background: #f40; color: #fff; padding: 5px; text-align: center; }
.UB-Qnotice:before { content:'\f071'; margin-right:10px; z-index:10; }

.UB-Qtitle, .UB-QSubTitle16, .UB-QSubTitle, .UB-QBigTitle, .UB-Qtitle { text-align:left; font-family:bebas neue, Arial; display:block; clear:both; }
.UB-Qgreytitle { font-size:1.6rem; color:#aaa; line-height:2rem; margin:10px 0 4px 0; }

.UB-QSubTitle16, .UB-QSubTitle{ font-size:2rem; color:#888; margin:10px 0; line-height:2rem; }
.UB-QSubTitle16 { font-size:1.6rem; }

.UB-Qstdtext { font-size:1.4rem; color:#888; display:block; clear:both; line-height:1.4rem; }

.UB-RadioLabel { text-align:left; float:left; clear:both; width:auto !important; font-size:2rem !important; color:#666; margin-right:10px; line-height:2.2rem; }

.UB-Qmulti {  display:flex; }
.UB-Qmulti input { margin-right:10px; }
.UB-Qmulti input:last-child { margin-right:0; }

.UB-Qhelp { top:0; font-style:italic; font-size:1.2rem; line-height:1.4rem; color:#999; display:block; clear:both; }
.UB-Qexplain, .UB-QexplainFW { font-size:1.4rem; line-height:2.2rem; color:#999; display:block; clear:both; }
.UB-Qexplain { padding-right:50px; }

.UB-Qcheckbox, .UB-Qradio { font-size:2rem; color:#888; float:left; margin:3px 10px 15px 0; clear:both; }

.formQuestion .UB-Qselect { margin-top:10px; }

.UB-Qselectthird { border:0 none; width:32%; margin:0 1% 10px 0; clear:none; float:left; padding:2px; }
.UB-QselectHalf { border:0 none; width:49%; margin:0 1% 10px 0; clear:none; float:left; padding:2px; }
.UB-Qoption { font-size:1.6rem; color:#666; }
.twdccbtext { float:left; line-height:2.4rem; padding-left:40px; text-align: left;}
.twdc_includedintf .twdccbtext { min-height:40px; padding-right:18px; }

.popupInternal { font-size:1.4rem;}

.twdc_modalclosex, .twdc_modaldeletex { background:#fc0; color:#fff; font-size:1.8rem; line-height:3rem; padding:0 20px; text-transform:uppercase; cursor:pointer; transition:background 0.3s; }
.twdc_modalclosex:hover { background:#fd0; }
.twdc_modaldeletex { display:none; background:#eb0; margin-left:5px; }
.twdc_modaldeletex:hover { background:#fd0; }

.twdc_formButtons { text-align:right; width:100%; padding:10px 0; }
.twdc_ecOuter { background: #f80; margin: 0 -10px; padding: 10px; box-shadow: inset 1px 0px 4px rgba(0,0,0,0.2); }

.TWDCva { display:table-cell; vertical-align:middle; }
.waitlistPerson { width:100%; clear:both; }
.waitlistPerson[data-live='Y']:before { content:'\f06d'; margin-right:10px; color:#F90; }
.orline { margin-bottom:20px; background: #ccc; width: 30px; height: 30px; border-radius: 100%; color: #fff; text-align: center; line-height:3rem; }
.orline:before, .orline:after{ content: ""; border-bottom: 2px dotted #ccc; width: 100px; position: absolute; left: -105px; top: 15px;}
.orline:before { left: -105px; }
.orline:after { left: 35px; }
.twdc_entryCodeChoices {padding-top:30px; margin:20px -10px 0 -10px;  -ms-flex-pack: justify; justify-content: space-between; background:#dda; }
.twdc_entryCodeChoices[data-asyou='N'] { display:none; }
.twdc_entryCodeChoices:empty { display:none; }
.twdc_entryCodeChoices:before { content:'You have entry codes available'; text-transform:uppercase; position:absolute; left:5px; top:0; color:#fff; font-size:1.4rem; display:block; }
#EntryCode { margin:0 !important; border-bottom:1px dotted #fff !important; }
#EntryCode::placeholder { color:#fff; }

.twdc_ecOption { display: flex; align-items: center; justify-content: center; padding: 5px 0 5px 40px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); background: #fff; text-align: center; cursor: pointer;  transition: all 0.3s; margin: 5px; height: 40px; width: auto; overflow: visible;}
.twdc_ecOption:after { content: '\f00c'; color: #fff; background: #ac0; font-size: 2.8rem; line-height: 2.8rem; display: block; width: 40px;
  height: 40px; border-radius: 100%; text-align: center; padding: 3px; border: 3px solid #fff; box-shadow: 0 1px 2px #ddd; transition: all 0.3s;
  margin-left: 5px; visibility:hidden; }
.selectedCode:after { visibility:visible; }
.twdc_ecOption:hover { background:#4cf; color:#fff; }

.twdc_ecOption > span { font-family: bebas neue; text-align:left; display:block; position:absolute; top:50%; margin-top:-16px; left:5px; width:32px; height:32px; }
.twdc_ecOption > span:before { content:'\f145'; color:#888; opacity:0.2; position:absolute; font-size:3.2rem; line-height:3.2rem; }

.twdc_ecOption[data-type='fixedprice']:before { margin:5px 0; content:'Price: \00a3'attr(data-value); display:block; width:100%;}
.twdc_ecOption[data-type='percent']:before { content:'Discount: 'attr(data-value)'% off'; display:block; width:100%;}
.twdc_ecOption[data-type='discount']:before { content:'Discount: \00a3'attr(data-value)' off'; display:block; width:100%;}
.twdc_ecOption[data-type='none']:before { content:'preferential entry'; display:block; width:100%;}

#twdc_validcode { display: none; line-height:4rem; background: #ac0; width: 100%; color: #fff; padding: 0 5px;}
#twdc_validcode:before { content:'\f058  valid : '; font-size:2rem; margin-right:5px; }
.twdc_ecouter {  display:flex; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; }

.soldOut, .onWaitList, .waitListFull, .waitListOpen { padding:10px; color:#fff; font-size:1.4rem; text-align:center; text-transform:uppercase;}
.soldOut { background:#f70; }
.onWaitList { background:#f60; }
.onWaitList:before, .waitListOpen:before { content:'\f017'; position:absolute; left:-4px; top:-5px; height:20px; width:20px; display:block; font-size:2rem; }
.waitListOpen, .waitListFull { background:#f30; }

.headereolboxouter { background:#f8f8f8; width:100%; overflow:hidden; padding:10px; }
.headereolbox { overflow:hidden; width:100%; }

.helpPrompt { display:none; }
.spacer30px { display:block; clear:both; height:30px; }

.eventOptions { width:100%; padding:0 5px; justify-content:center; }
.entryOption { cursor:pointer; max-width:80px; height:50px; font-size:2.2rem; line-height:3.6rem; color:#fff; border-right:1px dashed #fff; text-align:left; opacity:0.7; transition:all 0.3s; padding:0 !important; flex:1; }
.eventOptions button:hover { opacity:1; }
.RARbutton { background:#f33; }
.RCTbutton { background:#cc0; }
.raceEntryPast .RCTbutton { width:100%; border-right:none; }
.EFMbutton { background:#fb2; }
.DEFbutton { background:#FC0; }
.EMbutton  { background:#66f; }
.JTbutton  { background:#2264ff; }
.RARbutton:before { content:'\f12d'; }
.EFMbutton:before { content:'\f120'; }
.RCTbutton:before { content:'\f0f6'; }
.DEFbutton:before { content:'\f017'; }
.EMbutton:before  { content:'\f2b7'; }
.JTbutton:before  { content:'\f0c0'; }
.entryOption:before { position:absolute; right: 3px; bottom: 0px; line-height:2.8rem; }
.entryOption:after { text-transform:uppercase; position:absolute; top:5px; left:5px; font-size:1.2rem; z-index:999; transition:all 0.3s; color:#fff; line-height:1.1rem;}
.RARbutton:after { content:'cancel'; }
.EFMbutton:after { content:'entry form'; }
.RCTbutton:after { content:'receipt'; }
.DEFbutton:after { content:'defer'; }
.EMbutton:after  { content:'email history'; }
.JTbutton:after { content:'team'; }

/*teams*/
.invalidteam:before { content:'\f071' !important; animation:heartbeat 1s infinite; color: #f40; text-shadow: 0 1px 2px #111;}
#twdc_teamrulescont { background:#eee; padding:10px; margin-bottom:10px; }
#teammemberlist { height:100%; width:100%;}

.entryOption:hover:after { opacity:1; }
.twdc_adjrefund { background:#f8f8f8 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); padding:5px; }

.flatStatus { width:100%; text-transform:uppercase; color:#fff; font-size:1.8rem; line-height:2.4rem; text-align:center; }
.statusP { background:#FF9900; }
.statusC { background:#33CC00; }
.statusRF { background:#996699; }
.statusTP { background:#FF6699; }
.statusTF { background:#663366; }
.statusCX { background:#FF0033; }

.duplicateerror:before, .dateerror:before, .minimumerror:before, .invaliderror:before, .blankerror:before { background:#F33; color:#fff; font-size:1.6rem; opacity:0.8; position:absolute; right:0; top:0; padding:2px 4px; z-index:100; border-radius:3px; }
.dateerror:before { content:'\f071  invalid date'; }
.invaliderror:before { content:'\f071  invalid entry'; }
.blankerror:before { content:'\f071  cannot be blank'; }
.minimumerror:before { content:'\f071  not enough selections'; }
.duplicateerror:before { content:'\f071  sorry, this is already in use'; }

.overlayWarning { display:block; width:100%; color:#fff; background:#fc0; text-align:center; font-size:1.8rem; padding:5px; line-height:2.2rem; }
.overlayWarning a { text-decoration:underline; }

#IMGnarrowsrch { height:31px !important; width:calc(100% - 150px) !important; }
.teamlist { background:#eee; padding:20px 10px 10px 10px;  margin-bottom:10px; }
.teamlist[data-status]:before { content:attr(data-status)'  teams found'; position:absolute; top:2px; left:10px; }
.teamlist[data-status='searching']:before { content:'searching for teams..'; }
.teamlist[data-status='0']:before { content:'no teams have been created for this event..'; }
.teamlist[data-status='1']:before { content:'1 team found'; }

.teamlist .TWDCgroupLI { margin:3px;}
.teamaccess { text-align:center; width:100%; text-align:center; padding:2px; color:#fff; }
.teamaccess:before { display:block; }
li[data-access='apply'] .teamaccess:before { content:'Apply To Join'; background:#f90;}
li[data-access='open'] .teamaccess:before { content:'Open To All';background:#3c0; }
li[data-access='invite'] .teamaccess:before { content:'Invite Only';background:#f03; }
li[data-access='private'] .teamaccess:before { content:'Password Needed';background:#636; }

/*----------------- edit entry form ---------------*/
.twdc_bdis { opacity:0.3 !important; }

/*------------------------ RD events list ---------------------------*/
.twdc_rd_eventlist:empty:before { content:'no future events have been found'; }
.twdc_rdevouter { overflow:auto; }
.twdc_evminipanel { background:#cdf url(https://storage.googleapis.com/ub_site_images/grungeBG2.png); -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; min-width:250px; max-width:250px; margin:0 10px 10px 0; box-shadow: 0 1px 2px #aa7;}
.twdc_evminipanel a { -webkit-box-orient: vertical;  -ms-flex-direction: column; flex-direction: column;  -ms-flex-pack: justify; justify-content: space-between; height:100%; }
.twdc_eventAD { background-size:cover; }
.twdc_AR { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; }
.twdc_evminititle { color:#28a; padding:5px; font-size:2rem; line-height:2.4rem; text-align:left; min-height:80px; height:auto; overflow:hidden; }
.twdc_evDate { text-align:center; height:65px; width: 100%; color: #fff; background: #09F; font-size:1.4rem; padding: 20px 5px 3px 5px; }
.twdc_evDate:before { content:''; position:absolute; width:270px; height:30px; left:-10px; background: url(https://storage.googleapis.com/ub_site_images/grungeBG2.png) #4cf; z-index: 10; top: -12px; transform: rotate(-1deg); }
.twdc_evwhat { text-align:left; padding:25px 5px 5px 5px; background: url(https://storage.googleapis.com/ub_site_images/grungeBG2.png) #4cf; color:#fff; line-height:1.6rem !important; font-size:1.4rem !important; height:150px; overflow:hidden; z-index:99;}
.twdc_evwhat:before { content:''; position:absolute; width: 270px; height: 30px; left: -10px; background: url(https://storage.googleapis.com/ub_site_images/grungeBG2.png) #cdf; z-index: 10; top: -12px; transform: rotate(1deg);}
.twdc_evinfo { overflow:hidden; }
.twdc_rdLogo img { width:100%; }
.twdc_rdLogo { width:30%; min-width:200px; max-width:300px;  }
.twdc_orgBio { color:#888; font-size:1.6rem; }
.twdc_rdName { font-size:2.8rem; line-height:4rem; font-weight:bold; color:#e6c680; }
.twdc_orglink { background: #eee; padding: 2px 5px; border-radius: 3px; color: #888; margin:1px 0; display:inline-block;}
.twdc_orglink:after{ content:'\f0da'; margin-left:5px; transition:all 0.3s; }
.twdc_orglink:hover:after{ margin-left:10px; }

.twdc_spOuter { background: #eeb; width: 80%; max-width: 800px; border-radius: 0 0 10px 10px; padding:0 0 10px 0; text-align: center; margin-bottom:20px; }
.twdc_spOuter.twdc_paid:before { content:''; position:absolute; }
.twdc_spOuter + .twdc_spOuter:before { content:''; position:absolute; left:50%; width:3px; top:-20px; height:20px; background:#dda; margin-left:-1px; }
.twdc_dueAmount { font-size:3rem; color:#884; line-height:2.4rem; }
.twdc_pHeader { margin-bottom:10px; background: #8ef; width: 100%; padding: 2px; color: #888; text-shadow: 0 1px 2px #fff; }
.twdc_duedate { font-size:1.4rem; }
.twdc_dateDiv { width:100%; height:4px; text-align:center; line-height:1.4rem; margin-top: -5px; margin-bottom: 4px;}
.twdc_dateDiv:before { content:'\f107'; }
.splitHalf .twdc_orglink { box-shadow: 0 1px 2px #aaa;}

.humanityDirectSplash { padding:30px 20px; }
.twdc_dateDiv { width:100%; height:4px; text-align:center; line-height:1.4rem; margin-top: -5px; margin-bottom: 4px;}
.twdc_dateDiv:before { content:'\f107'; }
.splitHalf .twdc_orglink { box-shadow: 0 1px 2px #aaa;}

/*------------------------- shopping cart items-------------------------------*/
#twdc_addressChoice li { max-width:300px; margin:0 10px 10px 0; border:1px dotted #ccc; }
li.chosenaddr { background:#4cf; color:#fff;}
li.twdc_ineligible { background:#c40; color:#fff; opacity:0.7; }
li.chosenaddr:hover { background:#4cf !important; }
li.chosenaddr:after, li.twdc_ineligible:after { position:absolute; right:10px; content:'\f00c'; background:#fff; border-radius:100%; width:30px; height:30px; font-size:2.4rem; line-height:3rem; top:50%; margin-top:-15px; text-align:center; }
li.chosenaddr:after { content:'\f00c'; color:#4cf; }
li.twdc_ineligible:after { content:'\f05e'; color:#f40;}

.twdc_cartHeader { margin:0 auto 20px auto; border-bottom:1px dotted #ccc; max-width:1000px; }
.cart_item { padding:10px 10px 5px 10px; border-bottom:1px dotted #eee; max-width:1000px; margin:0 auto; }
.cart_item:last-child { border-bottom:none; }
.cart_item div { word-wrap:break-word; }
.depositline { background: #4cf; padding: 5px 5px 5px 20px; color: #fff;}
.deliveryline { background:#f8f8f8 !important; padding-top:2px; margin-bottom:40px; border: 1px dotted #ccc;}
.deliveryline:before { content:' '; display:block; position:absolute; left:50%; margin-left:-10px; top:-10px; width:20px; height:20px; transform:rotate(45deg); background:inherit; }
.product-remove { -ms-flex-preferred-size:10%; flex-basis:10%; min-width:20px; }
.product-remove a:before { content:'\f1f8'; }
.dellineouter { max-width:1000px; margin:0 auto; }
.product-price { -ms-flex-preferred-size:5%; flex-basis:5%; min-width:50px; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  text-align:center; }
.product-thumbnail { -ms-flex-preferred-size:20%; flex-basis:20%; }
.product-name { -ms-flex-preferred-size:45%; flex-basis:45%; text-align:left;}
.product-quantity { -ms-flex-preferred-size:10%; flex-basis:10%; min-width:40px; }
.cart_item .product-quantity { font-size:2rem; }
.cart_item .product-quantity:after { content: '\f00d'; float: right; font-size:1.6rem; margin-left: 10px; color: #ccc; }
.cartImg { margin:0 5px; }

.product-total { -ms-flex-preferred-size:10%; flex-basis:10%; min-width:50px;  -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  text-align:center;}

.cart_item td, .DOline td { padding:0 5px; }
.product-thumbnail:before { margin:0 10px 0 30px; border-radius:100%; font-size:2.4rem; color:#fff; padding:5px;}
.product-thumbnail[data-type='ticket']:before { content:'\f145'; background:#F60;  border:3px solid #fff; box-shadow:0 1px 2px #ccc;}
.product-thumbnail[data-type='product']:before { content:'\f1b3'; background:#fc0;  border:3px solid #fff; box-shadow:0 1px 2px #ccc;}
.product-thumbnail[data-type='transfer']:before { content:'\f0ec'; background:#f30; border:3px solid #fff; box-shadow:0 1px 2px #ccc; }

.twdc_sidetag { z-index:9; padding:0 5px; text-align:center; height:60px; overflow:hidden;
-webkit-box-pack: center;
-ms-flex-pack: center;
        justify-content: center;
-ms-flex-wrap:wrap;
    flex-wrap:wrap; }
.twdc_sidetag:after { font-size:1.2rem; line-height:1.4rem; color:#fff; }

.twdc_entered:before { content: '\f145'; }
.twdc_entered:after { content: 'you have a place'; }
.twdc_entered { background: #e6c680; }
.twdc_enteredbkopen:before { content: '\f145'; color:#888; }
.twdc_enteredbkopen:after { content: 'you have a place, but you can book for someone else'; color:#888;}
.twdc_enteredbkopen { background: transparent; }
.twdc_eventclosed:before { content: '\f273'; opacity:0.5; }
.twdc_eventclosed:after { content: 'sales closed'; }
.twdc_eventclosed { background: #f40 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }

.twdc_notyetopen:before { content: '\f135';font-size: 2.6rem !important; }
.twdc_notyetopen:after { content: 'launch date\A'attr(data-date); white-space:pre; }
.twdc_notyetopen { background: #f40 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }

.twdc_sidetag:before { font-size: 3.6rem; color: #fff; margin-right:5px; }
.twdc_waitListOpen { background:#f6c url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }
.twdc_waitListOpen:before { content: '\f251'; }
.twdc_waitListOpen:after { content: 'waitlist open'; }
.twdc_waitListFull { background:#f6c url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }
.twdc_waitListFull:before { content: '\f254'; }
.twdc_waitListFull:after { content: 'waitlist full'; }

.twdc_onwaitList, .twdc_offwaitList { background:#4cf url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }
.twdc_onwaitList:before { content: '\f252 'attr(data-pos); }
.twdc_onwaitList:after { content: 'waitlisted'; }
.twdc_offwaitList:before { content: '\f253'; }
.twdc_offwaitList:after { content: 'off waitlist'; }

.twdc_extras li {  display:flex;  -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; color:#999; padding-right:20px; margin:4px 0;}
.twdc_extraItem:before { content:'\f111'; font-size:1rem; position:absolute; left:4px; line-height:1.6rem; height:100%; top:50%; margin-top: -8px; }
.twdc_extraItem { font-size:1.4rem; padding-left:20px; line-height:1.6rem; }
.twdc_extraCost { font-size:1.4rem; min-width: 58px; margin-left:10px;}
.twdc_usedEntryCode { background: #4cf; color: #fff; padding: 2px 7px 2px 20px; border-radius: 4px; }

/*------------------------------ restyled input controls ------------------------------*/
.efField { width:90%; clear:both; margin:0 auto;  overflow:hidden; }
/*.efField:nth-child(odd) { background:#fafafa; }
.efField:nth-child(even) {  }*/
#twdc_entryFormFields .efField { padding-top:20px; }

.shopping { width:auto !important; margin:30px -10px; overflow:visible !important; }
.shopping:after, .shopping:before { content:''; position: absolute; width:100%; height: 30px; left: 0; background: url(https://storage.googleapis.com/ub_site_images/grungeBG2.png) #eee; z-index:10; }
.shopping:before { top:-0px; transform:rotate(1deg);}
.shopping:after { bottom: -10px; transform:rotate(-1deg);}
.FpreviewShop { min-height: 100px; background: url(https://storage.googleapis.com/ub_site_images/grungeBG2.png) #eee; padding:10px; z-index:90;}
.twdc_shopDisplay {  display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around;}
input[type=radio] { opacity:0; position:absolute; top:0; right:0;}
input[type=radio]:focus + label, input[type=checkbox]:focus + label { border-bottom:1px dotted #ccc; }

input[type=checkbox] { opacity:0; position:absolute; right:0; top:0;}
.switch label { display:block; width:100%; font-size:1.8rem; padding-left:30px; margin:10px 0; }

input.emoji + label:before { border-radius:100%; margin:5px; line-height:4.4rem; font-size:4.4rem; display: inline-block;}

.rating { border: none; float: left; }
.rating > input { display: none; }

input.fivestar + label:before { margin:0 10px 10px 0; line-height:4.4rem; font-size:4.4rem; height:44px; width:40px; display: inline-block; content: "\f005"; }
input.fivestar + label { color: #ccc; float: right !important; }
input.fivestar:checked ~ label { color: #FFD700;  }
input.fivestar:not(:checked) ~ label:hover,
input[type=radio].fivestar:not(:checked) ~ label:hover ~ label { color: #fc0; opacity:0.6; }

input.fivestar:checked ~ label:after { content:'\f006'; background:inherit; position:absolute; left:0; top:0; font-size:4.4rem; line-height:4.4rem; display:block; }
input.fivestar:checked ~ label:after {
  -webkit-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  display: block;
  z-index: 100;
  color:#fc0;
  font-size:4.4rem;
  width:40px; height:44px; margin:0 10px 10px 0;
}

input.twdccb + label:before,
input.twdcradio + label:before {
  content: '';
  border-radius: 100%;
  position:absolute;
  left:0; top:1px; border:2px solid #ccc;
  height: 18px;
  line-height:1.8rem;
  width: 18px;
	transition: background 0.3s linear;
}

input[type=radio].emoji + label:before {
  display: block;
  float:left;
  content: '';
  height: 40px;
  width: 40px;
	transition: background 0.3s linear;
	background-size:cover;
}

input.UB-Qimgradio + label:before, input.UB-Qimgcheck + label:before {
	content: '';
	border-radius: 100%;
	position:absolute;
	left:12px;
	margin-left:-12px;
	bottom:-30px;
	border:2px solid #ccc;
	height: 18px;
	width: 18px;
	transition: background 0.3s linear;
}
input.twdccb + label:before, input.UB-Qimgcheck + label:before { border-radius:0; }

input[type=radio].emoji + label { border-radius:100%; }
label.emojivu:before { background:url(https://storage.googleapis.com/ub_site_images/emojivu.png); }
label.emojiu:before { background:url(https://storage.googleapis.com/ub_site_images/emojiu.png); }
label.emojineu:before { background:url(https://storage.googleapis.com/ub_site_images/emojineu.png); }
label.emojih:before { background:url(https://storage.googleapis.com/ub_site_images/emojih.png); }
label.emojivh:before { background:url(https://storage.googleapis.com/ub_site_images/emojivh.png); }
input.emoji:checked + label { transition:all 0.3s; }
input.emoji:checked + label.emojivu { background:#f44; }
input.emoji:checked + label.emojiu { background:#fa4; }
input.emoji:checked + label.emojineu { background:#ccc; }
input.emoji:checked + label.emojih { background:#af4; }
input.emoji:checked + label.emojivh { background:#2f2; }

input.UB-Qimgcheck + label, input.UB-Qimgradio + label { width:46%; min-width:110px; background: #fff;
padding: 5px; box-shadow: 0 1px 2px #ccc;}

input.UB-Qimgradio:checked + label:before, input.twdcradio:checked + label:before { content:'\f111'; font-size:1rem; text-align:center; color:#fff; text-shadow:0 1px 2px #4bd; border: 2px solid #8df; background:#8df; }

input.UB-Qimgcheck:checked + label:before, input.twdccb:checked + label:before { content: '\f00c'; display: block; line-height:1.8rem; text-align: center; color: #fff; border: 2px solid #8df; background:#8df; text-shadow: 0 1px 2px #4bd;}

/* ------------------------- end styled controls --------------------------*/


.formErrorText { clear:both; text-align:center; display:block; background:#f60; padding:5px; color:#fff; font-size:1.6rem; line-height:2rem; border-radius:5px; margin:-24px 0 20px 0; }
.formErrorText:before { content:' '; width:10px; height:10px; transform:rotate(45deg); background:#f60; position:absolute; top:-5px; left:50%; margin-left:-5px; }
.formErrorText:after { content:'There are errors in your entry form - please review highlighted fields'; }

.TWDCevname { width:100%; clear:both; font-size:2.2rem; color:#966;}
.TWDCevdate { width:100%; clear:both; font-size:1.4rem; color:#666;}
.TWDCevstats { float:right; font-family:'fontawesome'; font-size:2rem; color:#966; cursor:pointer; }

.UB-Qselectthird:focus, .UB-QselectHalf:focus, .UB-Qselect:focus, .UB-Qinputthird:focus , .UB-Qinput:focus, .UB-Qtextarea:focus, .UB-Qinputthird:focus, .UB-Qtextarea:focus { background-color:#0CF; color:#fff; }

.actionButton { display:block; width:100%; background:#0cf; text-align:center; color:#fff; font-size:1.6rem; padding:10px 20px 6px 20px; cursor:pointer; border-radius:4px; transition:all 0.3s; line-height:3.4rem; text-transform:uppercase; }
.actionButton:hover { background:#0df; color:#fff;}
.errorForm { background:#c00 !important; }
.barOuter { width:100%; margin-top:60px; height:50px; background:#eee; clear:both;  display:flex; }
.barOuter:before { content:attr(data-max)'  total places ('attr(data-pc)'% full)'; top:-25px; position:absolute; width:100%; text-align:center;}

.barGraph:before { line-height:3.2rem; content:attr(data-value); text-align:center; display:block; position:absolute; background:#fff; border-radius:999px; width:auto; height:32px; min-width:32px;  left:50%; margin-left:-16px; top:9px;  }
.redcol { background:#f40; }
.orangecol { background:#fc0; }
.bluecol { background:#4cf; }
.orangecol:before { top:-16px !important; }
.bluecol:before { top:32px !important;}
/*.bluecol:after { content:'CANCELLED places'; bottom:-10px; color:#888; }*/


.TWDCgmap{ clear:both; }

.TWDCRACEicon { width:40px; height:40px; background:url(https://storage.googleapis.com/ub_site_images/UBicons2.png) no-repeat; position:absolute; top:5px; left:5px;  }
.TWDCRACEdistance { background-position:0 0; }
.TWDCRACEdate { background-position:0 -40px; }
.TWDCRACEtime { background-position:-400px -80px; }
.TWDCRACEtimelimit { background-position:0 0; }

.TWDCRACEprice { background-position:-40px -40px; }

.TWDCRACEdisabled { background-position:-440px -200px; }
.TWDCRACEparking { background-position:-160px -200px; }
.TWDCRACEatm { background-position:-520px -200px; }
.TWDCRACEdeposit { background-position:-280px -200px; }
.TWDCRACEbar { background-position:-320px -200px; }
.TWDCRACEfood { background-position:-120px -200px; }
.TWDCRACEcloak { background-position:-480px -200px; }
.TWDCRACEover18 { background-position:0px -200px; }
.TWDCRACEover21 { background-position:-40px -200px; }
.TWDCRACEbaby { background-position:-360px -200px; }
.TWDCRACEcard { background-position:-200px -200px; }

.TWDCRACEwaymarked { background-position:0 -160px; }
.TWDCRACEnavigation { background-position:-40px -160px; }
.TWDCRACEchiptiming { background-position:0 0; }
.TWDCRACEwebsite { background-position:-80px 0; }
.TWDCRACEfacebook { background-position:-360px -160px; }
.TWDCRACEtwitter { background-position:-400px -160px; }
.TWDCRACEhashtag { background-position:-460px -160px; }

.TWDCRACEtrophy { background-position:-240px -120px; }
.TWDCRACErecords { background-position:0 0; }
.TWDCRACEbaggage { background-position:0 0; }
.TWDCraceaddress { clear:both; text-align:left;}
.TWDCterrainIcon { margin:-15px -20px; left:50%; width:40px; height:24px; text-align:center; position:relative; display:block;}
.TWDCterrainIcon .TWDCRACEicon { padding-top:40px;}
.raceTerrain { float:left; clear:both; width:100%; display:block; }

.TWDCRACEoffroad { padding-top:40px; background-position:0 -80px; margin:0 !important;}
.TWDCRACEoffroad::before { content:'trail'; top:-20px; font-size:1rem; color:#666; position:absolute; width:60px; left:-10px; text-transform:uppercase; }

.TWDCRACEroad { background-position:-40px -80px; margin:0 !important; }
.TWDCRACEroad::before { content:'road'; top:-20px; font-size:1rem; color:#666; position:absolute; width:60px; left:-10px; text-transform:uppercase; }

.TWDCRACEsand { background-position:-80px -80px; margin:0 !important; }
.TWDCRACEsand::before { content:'sand'; top:-20px; font-size:1rem; color:#666; position:absolute; width:60px; left:-10px; text-transform:uppercase; }

.TWDCRACEmountain { background-position:-120px -80px; margin:0 !important; }
.TWDCRACEmountain::before { content:'mountain'; top:-20px; font-size:1rem; color:#666; position:absolute; width:60px; left:-10px; text-transform:uppercase; }

.TWDCRACEtrack { background-position:-160px -80px; margin:0 !important; }
.TWDCRACEtrack::before { content:'track'; top:-20px; font-size:1rem; color:#666; position:absolute; width:60px; left:-10px; text-transform:uppercase; }

.RACEterrainOuter { width:100%; display:block; float:left; clear:both; margin-top:20px;  }
.RACEbackgroundoffroad { float:left; height:10px; background:#00cc00; border-radius:4px; }
.RACEbackgroundroad { float:left; height:10px; background:#999; border-radius:4px; }
.RACEbackgroundsand { float:left; height:10px; background:#ff8800; border-radius:4px; }
.RACEbackgroundmountain { float:left; height:10px; background:#5588ff; border-radius:4px; }
.RACEbackgroundtrack { float:left; height:10px; background:#ff6633; border-radius:4px; }

.TWDCRACEtwitterhashtag { background-position:0 0; }

.TWDCRACEteam { background-position:-280px -160px; }
.TWDCRACEcircular { background-position:-200px 0px; }
.TWDCRACElaps { background-position:-280px 0px; }
.TWDCRACEpointtopoint { background-position:-240px 0px; }
.TWDCRACEtrainingcamp { background-position:-320px 0px; }

.TWDCeventOuter { overflow:hidden; }
.twdc_eventSummary { opacity:0.94; position:absolute; top:0; left:0; height:100%; width:30%; z-index:10; min-width:300px; background: #fff url(https://storage.googleapis.com/ub_site_images/fibrebg.png); border-right:4px solid #fff;}
.latestEvWrapper { display:grid; justify-items:center; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-column-gap:40px; grid-row-gap:40px; }

.twdc_esummaryAnchor { width:100%; transition:all 0.3s; background:#fff; box-shadow:0 1px 24px rgba(0,0,0,0.2); max-width: 450px; }
.twdc_esummaryAnchor:hover { opacity:0.85; }
.eventTitle div { font-family:bebas neue; text-align:right; padding-right:10px;}
.centredWhiteHeadline { padding-top:30px; }
.twdc_esummaryIcon { background:#cc9; width:100%; padding:5px; min-height: 50px; max-height:60px; }
.twdc_esummaryIcon:before { content:' '; display:block; margin-right:10px; width:50px; height:50px; border-radius:100%; text-align:center; line-height:5rem; background-size:cover; min-width:50px; max-width:50px; }
.evtitlelogo { max-width:100px; max-height:50px; height:50px; }
.evtitlelogo img { max-height:100%; max-width:100%; }
.twdc_esummaryDate { font-family:bebas neue; font-size:4rem; color: #fff; font-size: 2rem; text-align: right; padding: 0 20px; width: 100%; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.twdc_esummaryDesc { background:#fff; padding:10px; font-size:1.6rem; min-height:120px; max-height:120px; color:#885; text-align:left; overflow:auto; scrollbar-width:none; }
.twdc_esummaryAnchor .child16x9:before {
    content:"";
    position:absolute;
    top:-25px;
    left:0;
    height:25px;
    width:100%;
    background: linear-gradient(rgba(255,255,255,0), #fff);
}
.TWDCRun:before  { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeRun.png); }
.TWDCRide:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeCycle.png); }
.TWDCSwim:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeSwim.png); }
.TWDCWalk:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeWalk.png); }
.TWDCMulti:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeMulti.png); }
.TWDCTrainingCamp:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeCamp.png); }
.TWDCGeneric:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeGeneric.png); }
.TWDCFilm:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeFilm.png); }
.TWDCGig:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeGig.png); }
.TWDCMeetup:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeMeetup.png); }
.TWDCVirtual:before { background-image:url(https://storage.googleapis.com/ub_site_images/eTypeVirtual.png); }

.raceIcon { height:50px; overflow:hidden; margin:5px 1% 5px 0; width:32%; float:left; min-width:160px; background:#fff; padding:0 5px 0 58px; font-size:1.8rem; color:#aaa; text-align:left; line-height:1.8rem; }
.attributesTitle, .iconGroupTitle { width:100%; float:left; clear:both; display:block;margin:10px 0; color:#888; font-size:1.8rem; }
.attributesTitle { color:#de6b63; text-transform:uppercase; text-align:left;}
.attachmentLI { width: 100%; padding: 5px 25px 5px 50px; background: url(https://storage.googleapis.com/ub_site_images/doctypeALL.png) 0px center no-repeat; background-color: #fff; background-size: contain; min-height: 55px; color: #888; margin-bottom: 5px; }
.attachmentLI[data-type='doc'],.attachmentLI[data-filetype='docx'] { background-image:url(https://storage.googleapis.com/ub_site_images/doctypeDOC.png); }
.attachmentLI[data-type='xls'], .attachmentLI[data-filetype='xlsx'] { background-image: url(https://storage.googleapis.com/ub_site_images/doctypeXLS.png); }
.attachmentLI[data-type='pdf'] { background-image: url(https://storage.googleapis.com/ub_site_images/doctypePDF.png); }
.attachmentLI[data-type='route'] { background-image: url(https://storage.googleapis.com/ub_site_images/doctypeGPX.png); }
.attachmentLI[data-type='map'] { background-image: url(https://storage.googleapis.com/ub_site_images/doctypeMAP.png); }

.tsandcslink { clear:both; width:100%; margin:0; line-height:4rem; text-align:center; background:#4cf; color:#fff; cursor:pointer; transition:all 0.3s; }
.tsandcslink:before { content:'terms and conditions'; }
.tsandcslink:hover { background:#6df; }
.tsandcslink a { position:absolute; top:0; right:0; bottom:0; left:0; display:block; width:100%; height:100%; }

.twdc_futureInstances { background:#fff url(https://storage.googleapis.com/ub_site_images/fibrebg.png); padding:10px; margin-bottom:10px; }
.twdc_futureInstances:before { display:block; margin-bottom:10px; color:#ed4c4c; content:'\f071  There are other future instances of this event. Are you looking for..'; }
.twdc_futureInstances a { font-family: bebas neue,sans-serif; transition:all 0.3s; color:#fff; max-width:300px; font-size:2.2rem; background:#ccc; padding:10px; margin-right:10px; }
.twdc_futureInstances .calendarIcon { margin-right:10px; background: url(https://storage.googleapis.com/ub_site_images/UBicons2.png) 0 -40px; width:40px; height:40px; }
.twdc_futureInstances a:hover{ background:#8ef; }

.cwStrava { width:100%; text-align:center; }
.cwStrava img { max-width:240px; }
.racelist { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
        justify-content: flex-start;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
        justify-content: center;
}
#twdc_marketplace { padding-bottom:100px; }
#twdc_marketplace:empty:before { content:'no event tickets are current on sale in the Marketplace'; }

.linkIcon { width:100%; height:100%; }
.linkActive:after { content:'\f054'; display:block; line-height:4rem; color:#fff; font-size:4rem; position:absolute; right:2px; top:5px; }
.linkActive { transition:all 0.3s; padding-right:35px; }
.linkActive:hover { background:#4cf !important; }
.blogLink { width:100% !important; font-size:1.4rem; box-shadow:0 1px 2px #eee; }
.sideBarMap { width:100%; }
.mapDLbox { max-width:400px; min-width:200px; margin:0 10px 2px 0; min-height:40px; background:#4cf; color:#fff; padding:5px 10px; color:#fff !important;  display:flex;  -ms-flex-align:center; align-items:center; }
.mapdownloads { flex-wrap:wrap; }

.TWDCdefer { left:-20px;  transition:all 0.3s; }
.TWDConLoad { transition:all 1s !important; left:0 !important; top:0 !important; opacity:1; }
.TWDCfadeup { top:20px !important; opacity:0; }
.TWDCfaderight { left:-100px !important; opacity:0; }
.mapDLbox:hover { background:#6df; }
.mapDLbox:before { content:'\f019'; width:30px; }
.twdc_eventGallery { margin: 10px 0; padding: 0; column-count:2; -moz-column-gap: 10px; -webkit-column-gap:10px; column-gap:10px; }

.twdc_tnImage {  display: inline-block; background:#fff; padding:0; margin:0 0 10px; width:100%; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.18); }
.twdc_tnImage img { max-width:100%; max-height:100%; }
.twdc_tnImage .aspectRatioInner { text-align:center; }

.duplicateXX { border:2px solid #c00; }

.formerror { font-size:1.4rem; background:#f60; z-index:10; right:2px; top:2px; color:#fff; padding:2px 5px; border:solid 2px #fff; border-radius:5px; position:relative; transition:all 0.3s; }

.formfield { clear:both;  display:flex; }
.formfield input { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  margin-bottom:0 !important;}
.formfield button { -ms-flex-preferred-size:auto; flex-basis:auto; margin:0 !important; }

.eventFinished {position:absolute; top:-3px; right:22px; color:#39F; }

#TWDCgmap { width:100%; height:300px; clear:both; float:left; }

.alreadyin { text-align:left; padding:0 0 0 50px; background:#6cf url(https://storage.googleapis.com/ub_site_images/SXv0PyKQGA); width:100%; font-size:1.4rem; line-height:1.6rem; color:#fff; min-height:60px; text-transform:uppercase; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;  -ms-flex-pack: justify; justify-content: space-between; }
.alreadyin:before { content:'\f145'; font-size:3rem; color:#e6c680; background:#fff; border-radius:100%; text-align:center; position:absolute; height:40px; width:40px; top:50%; margin-top:-20px; left:4px; line-height:4rem; }
.TWDCenterOnline { overflow:hidden; background:#fb4; width:100%; display:block; text-align:center; z-index:20; text-transform:uppercase; color:#fff; padding:20px; transition:background 0.3s, padding 0.3s; margin-top: 10px;
box-shadow: 0px 0.5px 0.6px hsl(0deg 0% 61% / 0.36), 0px 1.7px 1.9px -0.8px hsl(0deg 0% 61% / 0.36), 0px 4.3px 4.8px -1.7px hsl(0deg 0% 61% / 0.36), -0.1px 10.5px 11.8px -2.5px hsl(0deg 0% 61% / 0.36); }
.twdc_subeventboxInner .TWDCenterOnline { margin-top:2px; }
.twdc_subeventboxInner ul { overflow:auto; }
.twdc_subboxHeader { height:50px; min-height:50px; justify-content:space-between; display:flex; }

.TWDCenterOnline:before {--size: 0; content: '';
		position: absolute;
		left: var(--x);
		top: var(--y);
		width: var(--size);
		height: var(--size);
		opacity:0.5;
		background: radial-gradient(circle closest-side, #fff, transparent);
		transform: translate(-50%, -50%);
		transition: width .2s ease, height .2s ease;
}
.TWDCenterOnline:hover:before { --size: 400px; 	}
.TWDCenterOnline.stuck { box-shadow:0 1px 2px #ccc; }
/*.TWDCenterOnline:hover { background:#0df; color:#fff; }*/
#twdc_prContainer, #twdc_salesContainer, .TWDCpieChart { width:100%; height:auto; max-width:260px; margin:0 auto; }
.twdc_smallsvg { width:100%; height:auto; max-width:60px; float:right; }
.twdc_smallsvg2 { width:80px; height:80px; min-width:80px;}

.twdc_subeventlist { width:100%; overflow:hidden; margin-bottom:20px; background:#fff;}
.twdc_subeventlist li { margin:10px 2px 0 2px; font-size: 1.6rem; overflow: hidden; -ms-flex: 1; flex: 1; border-radius: 3px; border-bottom:1px dashed #ccc; padding-bottom:14px;}
.twdc_subeventboxInner {
  width: 800px;
  overflow: auto;
  margin: 10px;
  background: #fff;
  max-width: 90%;
  padding: 20px;
  max-height: 100vh;
  box-shadow: 0px 0px 20px #000;
}
.twdc_subeventboxInner ul{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.twdc_subeventboxInner li {
  font-size: 1.6rem;
  background: #eee;
  padding: 2px;
}

.twdc_selName { font-family:'bebas neue'; color:#663; line-height:2.2rem; font-size:2rem; text-transform:uppercase; text-align: left;}
.twdc_subeventboxInner .twdc_selName { background:#fafafa; padding:0 10px; display:flex; min-height:60px; max-height:60px; justify-content:center; align-items:center; }
.twdc_hldate { display:none; }
.showDate .twdc_hldate { display:block; }

.middle { color:#888; width:100%; text-align:center; font-size:5rem; line-height:5rem; top:50%; margin-top:-35px; position:absolute; }
.nvrmiddle { color:#888; width:100%; text-align:center; font-size:2.4rem; line-height:2.4rem; position:absolute; height:100%;  display:flex;  -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.updating:after { content:'\f250'; position:absolute; width:20px; height:20px; font-size:2rem; line-height:2rem; bottom:-20px; left:50%; margin-left:-10px; }

.demographicsTable { width:100%; border-spacing:0 !important; }
.demographicsTable tr { line-height:1.6rem; font-size:1.4rem; }

.barChart { display:block; height:10px; background:#0c0; float:left; }
.barChart:after { content: '\f007'attr(data-total)'  ('attr(data-percent)'%)'; font-size:1.4rem; display: block; left:-85px; position: absolute; top: -4px; margin-left: 10px; color: #aaa; width:85px; }

.TWDCraceprice { text-align:center; font-size:3rem; color:#fff; background:#6cf !important;  }
.TWDCref { display:block; clear:both; color:#966; font-size:4rem; margin-bottom:20px;  }

.TWDCpricelist { width:100%; border-collapse:separate !important; border-spacing:0 2px !important; font-size:2rem; }
.TWDCpricelist TD { background:#fff; padding:18px; }

.raceEntry { margin: 5px 0 30px 0; min-height: 155px; width: 100%; max-width: 400px; background-size: contain; background-repeat:no-repeat; }
.raceEntry[data-status='confirmed'] { background-image:url(https://storage.googleapis.com/ub_site_images/blankticket2.png); }
.raceEntry[data-status='transferred'] { background-image:url(https://storage.googleapis.com/ub_site_images/tfcticket.png); }
.raceEntry[data-status='transferpending'] { background-image:url(https://storage.googleapis.com/ub_site_images/tfticket.png); }
.raceEntry[data-status='cancelled'] { background-image:url(https://storage.googleapis.com/ub_site_images/cxticket.png); }

.vecInPage {
	box-shadow: 0 0 19px rgba(0,0,0,0.2); height: 100%; max-width: 1400px; width: 100%; margin:0 auto 20px auto; flex:1;
}
.headerIP { background:#fff; min-height:100px;  }
.lshInPage {
	 text-align:left; font-size: 4rem; line-height: 4.2rem; text-transform: uppercase; font-family: bebas neue; color: #e35a4f; overflow: hidden; z-index: 3000; padding: 10px;
}
.returnIP {
	margin: 0 0 10px 10px; text-transform: uppercase; text-decoration: underline; color: #888; display: block; font-size: 1.4rem;
}
.logoIP { max-height: 60px; margin: 0 10px; max-width: 120px;}
.inpagevmap .panelContainer {
	display: flex; flex-direction: column; height: 100vh; background: radial-gradient(circle, rgb(244, 244, 244) 0%, rgb(255, 255, 255) 100%);
}
.mcInPage {
	width:100%;
}
.sublineIP { font-size: 1.8rem; font-family: bebas neue; margin: 20px 10px; text-align:center; }
.sublineIP a { padding:0 5px; text-decoration:underline; color:#e35a4f; font-family:bebas neue; text-align:center; padding:0 5px; }
.linkIPMap { font-family:bebas neue; font-size:2rem; margin:0 0 20px 10px; display:block;}
.linkIPMap span { margin-right:10px; }
.linkIPMap span:before { content:'\f111'; color:#e35a4f; animation:pulsate infinite 2s; }
.svgContainer { width: 100%;   overflow: hidden;}
.svgOuter { width: 100%; height: 100%; padding: 0; margin: 0; min-width: 800px;}
.svgFAR { height: 100%; background: #eee; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.svgFAR:after {content: ''; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #333; opacity: 0; transition: opacity 0.3s;}
.inpagemap .twdc_ugdc:before { position:absolute; content:'You\'ve travelled'; font-size:1.6rem; font-family:bebas neue; top:-15px; left:0; }
.inpagemap .twdc_ugdc { padding:20px 0 !important; }

.child400x155 { padding-bottom:38.75%; }
.aspectContainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; }

.raceEntryPast { margin:5px; padding-top:5px; background:#f8f8f8; border:1px solid #ddd; max-width: 150px; min-width: 150px; justify-content: space-between;}
.twdc_tfMask, .twdc_tfMaskPlaceCX { padding:5px; margin:0 1px; font-size:1.4rem; text-align:left; z-index:100; color:#fff; webkit-box-pack:space-between; -ms-flex-pack:space-between; -webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.twdc_tfMaskPlaceCX {background:#F63 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }
.twdc_tfMask { background:#4cf url(https://storage.googleapis.com/ub_site_images/fibrebg.png); }
.twdc_tfMaskPlaceCX:before { content:'This ticket has been cancelled'; }
.twdc_latestLink { position:absolute; top:0; left:0; right:0; bottom:0; }
.raceEntryDetails { display:block; clear:both; margin-left:100px; }
.TWDCracewebsitelink { margin-left:10px; text-decoration:underline; }

label a { text-decoration:underline;}

.TWDCcdDigit { width:14px; height:30px; float:left; background:url(https://storage.googleapis.com/ub_site_images/countdownsprite.png); transition:all 0.3s; }
.digit0 { background-position:0 -10px;}
.digit1 { background-position:0 -40px;}
.digit2 { background-position:0 -70px;}
.digit3 { background-position:0 -100px;}
.digit4 { background-position:0 -130px;}
.digit5 { background-position:0 -160px;}
.digit6 { background-position:0 -190px;}
.digit7 { background-position:0 -220px;}
.digit8 { background-position:0 -250px;}
.digit9 { background-position:0 -280px;}
.digitx { display:none; }

.Cdays::before, .Chours::before, .Cminutes::before, .Cseconds::before { position:absolute; right:0; top:-12px; font-size:1rem; font-family:roboto, arial; color:#aaa; }
.Cdays::before { content:'days'; }
.Chours::before { content:'hrs'; }
.Cminutes::before { content:'mins'; }
.Cseconds::before { content:'secs'; }
.ticketDivider { position: absolute; left: 8.25%; top: 13.55%; height:69.68%; width:17.75%; background:no-repeat 0 0; background-size:cover; }
.ticketDividerPast { height:40px; width: 90px; background: no-repeat center #fff; background-size: contain; border-radius: 5px; min-width:90px; }
.raceEntryTitle, .eventEntryTitle { color:#aa8; text-align:left; font-size:2rem; line-height:2.2rem; position: absolute; left:28%; top: 15%; height: 50%; width: 64%;}
.raceEntryTitlePast { text-align: center; line-height: 1.6rem; padding:5px; font-size: 1.2rem; }
.pasteventlist { padding-top:40px; }
.pasteventlist:before { content:'Past Events You Entered'; position:absolute; font-size:2.4rem; top:-20px; }
.pasteventlist:empty:before { content:''; }
.pastTicketStatus[data-status='Cancelled - seat freed']:before, .pastTicketStatus[data-status='Cancelled - seat retained']:before { content:'cancelled'; display:block; text-align:center; color:#fff; background:#f66; margin:-5px 0 5px 0;}
.raceEntryWLTitle { text-align:left; margin-left:100px; font-family:bebas neue; font-size:1.6rem; line-height:1.8rem; float:left; clear:both; display:block; background:#d40 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); padding:5px; }
.raceEntryDate { font-size:1.6rem; position:absolute; color:#333; left:40%; bottom:16%; }

.TWDCcd { background:#f4f4f4; padding:12px 5px 5px 5px; border-radius:5px; float:right; display:block; width:auto; }
.raceEntry .TWDCcd { background:#f6f6d0 url(https://storage.googleapis.com/ub_site_images/fibrebg.png); position:absolute; bottom:15.25%; left:26%; height:40px;  display:flex !important; border-radius:0; padding-left:10px; }

.TWDCpaycd { font-size:2.6rem; float:left; clear:both; }

.cdFiller { width:8px; height:30px; float:left; background:url(https://storage.googleapis.com/ub_site_images/slash.png); }

/*---------------------popupbox----------------------------------*/
.twdcPopUp { z-index:6000; right:0; bottom:0; left:0; top:0; position:fixed; z-index:8000; -webkit-box-align: center; -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
.twdcPopUp:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; opacity:0.1; }
.popupBoxContent { min-height:28px; padding:10px 10px 0 10px; overflow:auto; background:#fff; box-shadow:0 0 14px #333; transform:translateY(-60px); margin:auto; left:0; right:0; max-height: 100vh !important; border-radius: 3px; }

.popupTitle { margin:-10px -10px 0 -10px; color:#fff; background:#dda url(https://storage.googleapis.com/ub_site_images/fibrebg.png); padding:5px 10px; font-size:1.6rem; }
.popupIB { width:100%; height:28px; font-size:1.6rem; font-weight:normal; border:1px solid #ccc; background:transparent; margin-bottom:5px; display:block; text-align:left; }
.popupSB { width:100%; height:28px; font-size:1.6rem; font-weight:normal; border:1px solid #ccc; background:transparent; margin-bottom:5px; display:block; }
.puButtons { margin: 0 -10px 0 -10px; min-height: 51px; overflow: hidden; padding: 5px 10px 0 10px; background: #f8f8f8; border-top: 1px solid #ddd; }
.popUpInner { overflow:auto; margin:0 -10px 0 -10px; padding:10px 10px 0 10px; height:100%; max-height: calc(100vh - 161px) !important;}
.fullHeight .popUpInner { max-height:calc(100vh - 61px) !important;  }

.popupTA { width:100%; height:65px; font-family: sans-serif, arial; color:#888; }
.popupSELsmall { width:100px !important; }
.originalValue { font-weight:bold; display:block; font-size:1.6rem; clear:both; }
.popupInternal { margin-top:10px; width:100%; overflow:hidden; height:auto; }
.loadingbar { border-radius:5px; width:30%; height:23px; position:absolute; top:50%; left:35%; background:url(https://storage.googleapis.com/ub_site_images/loadingGIF.gif); box-shadow: 0 27px 22px #aaa;}

.waitlistButton { cursor: pointer;
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 15px;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #555;
    transform: rotate(-3deg);
    transition: all 0.3s;
    margin-top: 5px;
    display: inline-block; }
.waitlistLine .waitlistButton, .raceEntryWLTitle .waitlistButton { transform: none; line-height:1.8rem;}

.wlprocessing { cursor:auto !important; }
.wlprocessing:hover { opacity:0.7; color:#333 !important; }

.waitlistButton:hover { color:#888; box-shadow:0 1px 2px #c40;}

.waitlistLine { width: 100%; display: block; line-height:1.8rem; }

.modalok, .modalcancel, .modalopen, .modalfullbtn {
	float:right;
	line-height:2rem;
	text-transform:uppercase;
	max-width:360px;
}

.modalok { background:#ac0; }
.modalok:hover { background:#bd0; color:#fff;}
.modalcancel { background: #fa0; }
.modalcancel:hover { background: #f86042; color:#fff;}
.modalopen { background:#38c; }
.modalopen:hover { background:#5ac;  color:#fff;}
.twdc_tbCancel { position:absolute; top:0; right:0; height:100%; transition:background 0.3s; display:flex;  -ms-flex-align:center; align-items:center; cursor:pointer; background:#fc0; }
.twdc_tbCancel:before { content:'\f00d  cancel';  color:#fff; font-size:1.4rem; line-height:1.4rem; padding:5px; }
.twdc_tbClose { position:absolute; top:0; right:0; height:100%;  display:flex;  -ms-flex-align:center; align-items:center; cursor:pointer; }
.twdc_tbClose:before { content:'\f00d  close'; transition:background 0.3s; background:#fa0; color:#fff; height:100%; font-size:1.4rem; padding:5px; }
.twdc_tbCancel:hover, .twdc_tbClose:hover:before { background:#fd2; }

.twdc_coOptions > div { min-width:240px; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; border-right:1px dotted #ccc; padding:0 10px; }
.twdc_coOptions { width:100%; text-align:center; margin-top:20px; }
.twdc_coOptions > div:last-child { border-right:none; }

/*------------------------------ end pop up----------------------------*/
.TWDCtableContainer { width:100%; height:auto; overflow:auto; }
.entryListTable { overflow:hidden; font-size:1.2rem; text-align:left; padding:0 10px 10px 10px; background:#fff; }
.topRow { background:#aaa; color:#fff; }
.bodyRow { float: left; padding: 5px; width: 200px; margin: 2px; border: 1px dotted #ccc; cursor:pointer; }

.raceicons { clear:both; }
.warning { clear:both; color:#c20; font-size:1.4rem; margin-top:25px; float:left;}

/*------------------- event entry receipts ----------------------------*/
.twdc_efchangerecpt { margin:5px 0; padding:5px; background:#f8f8f8; box-shadow:0 1px 2px #ddd;}
.twdc_adjdetail_q { display:block; color:#888; }
.twdc_adjdetail_q { display:block; color:#4cf; }

/*------------------------file uploader-------------------------------*/
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size:1.6rem; line-height:3.2rem; color: white; background-color:#4cf; display:inline-block; cursor:pointer; text-transform:uppercase; margin-left:10px; 	padding:0 20px; transition:all 0.3s;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #6df;
}
.inputfile + label:before { content:'\f093  '; }

.dragbox { width:40px; height:40px; position:absolute; }
.dragbox:before { content:''; position:absolute; background:transparent; border:5px solid #ccc; opacity:0.8; left:5px; top:5px; width:30px; height:30px; border-radius:100%; transition:background 0.3s; }
.dragbox:hover:before { background:#fff; }
#ctl { top:-20px; left:-20px; cursor:se-resize;}
#ctr { top:-20px; right:-20px; cursor:ne-resize;}
#cbl { bottom:-20px; left:-20px; cursor:ne-resize;}
#cbr { bottom:-20px; right:-20px; cursor:se-resize;}
.dragging .vline, .dragging .hline { opacity:1; }
.vline, .hline { transition:opacity 0.3s; cursor:pointer; opacity:0; position:absolute; }
.vline { width:1px; border-left:1px dotted #fff; top:0; height:100%; }
.hline { height:1px; border-bottom:1px dotted #fff; left:0; width:100%; }
.hl1 { top:20%; }
.hl2 { top:40%; }
.hl3 { top:60%; }
.hl4 { top:80%; }
.vl1 { left:20%; }
.vl2 { left:40%; }
.vl3 { left:60%; }
.vl4 { left:80%; }
#cropper .selected { cursor:auto; }
.clipbox { background:#fff; opacity:0.4; position:absolute; }
.cboxleft { left:0; }
.cboxtop { top:0; left:0; right:0; }
.cboxright { right:0;}
.cboxbottom { bottom:0; left:0; right:0; }

.uplImg { max-width:100%; max-height:100%; position:absolute; top:0; left:0;}

.cropper { cursor:move; border:1px dotted #fff; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
.re-aspect { transition:all 0.3s; }

#previewOuter { position:absolute; top:20px; left:20px; }
#preview { background:#fff; height:100%; }
.previewtools { height:80px; min-height:80px; max-height:80px; }

#preview img { max-width:100%; max-height:100%; position:absolute; top:0; left:0;}
#imgplaceholder { width:100%;  display:flex;  -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; max-width:100%; max-height:100%; overflow:hidden; }

.predrag { cursor:crosshair;}
#clipboxtop, #clipboxright, #clipboxbottom, #clipboxleft { z-index:10; position:absolute; background:#333; opacity:0.3;}

#stats {width:310px; float:right; padding:5px; background:#eee; }
.label { margin:0 0 5px 0; font-size:1.2rem; color:#666; clear:both; float:left; width:150px; }
.datafield { margin:0 0 5px 0; float:left; width:130px; }

#uploadfilename { width:135px; }
#imagezoom { margin:0 auto; }
#imgcrop { background-position:0 -125px; clear:both; float:right; margin:-40px 0 10px 0;}
#imgscale { background-position:0 -165px; clear:both; float:right; margin:-40px 0 10px;}
#imgcrop:hover { background-position:-85px -125px;}
#imgscale:hover { background-position:-85px -165px;}
.stdbutton { float:left; width:80px; height:34px; background:url(https://storage.googleapis.com/ub_site_images/AdminSprite.png);}

#aspectRatioButtons { position:absolute; width:50px; height:300px; top:50%; margin-top:-150px; left:0; }
#aspectRatioButtons li { cursor:pointer; width:50px; height:50px; float:left; background-color:#ccc; transition:all 0.3s; background-size:cover; }
.freehand { background-image: url(https://storage.googleapis.com/ub_site_images/freeformatratio.png); }
.ar1x1 { background-image: url(https://storage.googleapis.com/ub_site_images/1x1ratio.png); }
.ar4x3 { background-image: url(https://storage.googleapis.com/ub_site_images/4x3ratio.png); }
.ar16x9 { background-image: url(https://storage.googleapis.com/ub_site_images/16x9ratio.png); }
.ar3x4 { background-image: url(https://storage.googleapis.com/ub_site_images/3x4ratio.png); }
.ar9x16 { background-image: url(https://storage.googleapis.com/ub_site_images/9x16ratio.png); }
.selected { background-color:#fc0 !important; cursor:auto !important;}

#IMGuploader { float:right; width:150px; }
.file-uploader2 { float:left; }

.qq-upload-button {background:#fc0; text-align: center; padding:3px 15px 6px 15px; transition:all 0.3s; font-size:1.6rem; color:#fff; }
.qq-upload-button:hover { background:#fd0;}
#file-uploader2 .qq-upload-button { padding:2px; width:auto !important; height:auto !important; float:none; transition:all 0.3s; }
#file-uploader2 .qq-upload-button:hover { background:#fd0; }
.ulbutton::before { content: "\f093  upload a file"; font-size:1.6rem; }

.lockbutton, .unlockbutton { cursor:pointer; position:absolute; top:112px; left:106px; background:url(https://storage.googleapis.com/ub_site_images/AdminSprite.png) -81px -83px; width:40px; height:34px; float:left; }

.unlockbutton { background-position:-125px -83px; }
#scaleoptions {  clear:both; }
#nWidth, #nHeight { width:50px; }

.YNslider { cursor:pointer; transition:all 0.4s; float:left; width:44px; height:26px; background:url(https://storage.googleapis.com/ub_site_images/AdminSprite.png); }
.YNyes { background-position:-317px -53px; }
.YNno { background-position: -343px -53px; }

.ulfile { width:298px; float:left; text-align:center; padding-top:7px; display:block; height:25px; background:url(https://storage.googleapis.com/ub_site_images/bgGIF.gif) no-repeat -300px 0; border:1px solid #fff; box-shadow:0 0 2px #ccc;}
.assetIListIMG { width:50%; float:left; min-height:40px; }
.assetIListIMG IMG { width:100%; }
.assetIListIMG span { width:100%; position:absolute; overflow:hidden; bottom:0; left:0; max-height:30px; color:#FFF; font-size:1rem;	background-color:#333; opacity:0.8; word-wrap:break-word;
}
.fullPGimgEditor { background:#fff; width:100%; height:100%; z-index:8800; }

/*------------------------end file uploader-------------------------------*/

.twdc_lh { font-size:2.4rem; font-size: 5vm; font-size: 5vmin; }

/*----------------- home -----------------*/

	.twdc_wbOuter {  -ms-flex-align:center; align-items:center; padding:50px 0;}
	.headerLogoLink { height: 100%; top: 0; left:0; position: absolute; width: 180px; }
	.twdc_wbOuter a { background: #fff; line-height:2.6rem; font-size: 2rem; padding: 8px 20px; text-transform: uppercase; cursor: pointer; margin: 10px 10px; text-align: center; }

	.twdc_offerlist { padding:10px; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row;  flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

	.twdc_offerlist li { font-size:2rem; line-height:2.2rem; display: -ms-flexbox; display: flex; -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100%; width:33%; -ms-flex-direction: row;  flex-direction: row; color:#888; -webkit-box-flex:33%; -ms-flex:33%; flex:33%; margin:5px 0; padding:0 15px; min-width: 300px;  -ms-flex-align:center; align-items:center; color:#fff; text-align:left; font-family:bebas neue; }
	.twdc_offerlist li:before { border-radius:100%; color: #fff; background:#acbc95; border-radius: 100%; width: 50px; height: 50px; line-height:4.4rem; font-size:2.2rem; text-align:center; border:3px solid #fff; box-shadow:0 1px 2px #444; margin-right:10px; justify-items: center; min-width: 50px; text-shadow: 0 1px 4px rgba(0,0,0,0.4);}
	.twdc_offerlist .rates:before { content:'\f004';}
	.twdc_offerlist .pay:before { content:'\f06d'; }
	.twdc_offerlist .auto:before { content:'\f0c4';}
	.twdc_offerlist .sec:before { content:'\f1cd';}
	.twdc_offerlist .ch:before { content:'\f12d';}
	.twdc_offerlist .rep:before { content:'\f019';}
	.twdc_offerlist .nc:before { content:'\f127';}

	.pointerheading { width:100%; color:#fff; padding:10px; text-align:center; z-index: 1;}

/*---------------------- columns ---------------------*/
.mob3col .thirdWidth { box-shadow:0 1px 2px #2ad; flex:1 1 0; background:#fff; color:#888; margin:5px; }
.hpSplashSub { padding:5px; text-align:center; }
.mob3col .thirdWidth:first-child { margin:5px 5px 5px 0; }
.mob3col .thirdWidth:last-child { margin:5px 0 5px 5px; }
.humanityDirectSplash .bigHeadline { color:#fff !important; text-shadow:0 1px 2px #2ad; }
.colof4 { flex:25%; padding:15px; }
.feOuter { background:#fff; box-shadow:0px 0.5px 0.6px hsl(60deg 26% 53% / 0.16),
    0px 2px 2.6px -0.5px hsl(60deg 26% 53% / 0.21),
    0.1px 4.3px 5.5px -1px hsl(60deg 26% 53% / 0.27),
    0.1px 9.6px 12.3px -1.4px hsl(60deg 26% 53% / 0.33);}
/*-----------------------------gallery page --------------------------------*/
.galleryList { width:30%; min-width:150px; float:left; }
.galleryName { color:#666; font-size:1.6rem; margin:5px 0; cursor:pointer;}
#twdctp { float:left; margin-left:10px; width:60%; }
.galleryimagelist { display:none; }
.TWDCthumbnail { width:120px; cursor:pointer; height:120px; float:left; margin:5px; transition:opacity 0.4s;  }
.TWDCthumbnail IMG:hover { box-shadow:0 0 2px #ccc; }
.hidden { display:none; }
.trans { opacity:0; }
.trans IMG { opacity:0; }
.imgclicktrap { z-index:2000; position:absolute; top:0; left:0; right:0; bottom:0; }
.clicktrap, .groupclicktrap, .grpclicktrap { cursor:pointer; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:3000; }
.isGallery .imgclicktrap { cursor:pointer; }
.TWDCloading { background:url(https://storage.googleapis.com/ub_site_images/waitcursor.gif) no-repeat center center;}
#twdcFullImage { opacity:0; transition:opacity 0.3s; position:fixed; top:0; left:0; right:0; bottom:0; background-image:url(https://storage.googleapis.com/ub_site_images/hide.png); z-index:7500;}
#twdcCentredImage { position:absolute; top:0; left: 0; width:100%; height:100%; transition:all 0.3s;
 display:flex;
-webkit-box-orient:horizontal; -webkit-box-direction:row; -ms-flex-direction:row; flex-direction:row;
 -ms-flex-align:center; align-items:center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
#twdcCentredImage IMG { max-height:100%; max-width:100%; }
.twdcnext, .twdcprevious { vertical-align:middle; z-index:100; transition:all 0.3s; width:50%; height:100%; position:absolute; top:0; left:0; }
.twdcnext { left:50%; }
.imgct1 .twdcprevious { display:none; }
.imgct1 .twdcnext { display:none; }

.twdcprevious:hover:before { left:10px; opacity:1; }
.twdcnext:hover:before { right:10px; opacity:1; }
.twdcprevious:before, .twdcnext:before { opacity:0; transition:all 0.3s; font-size:12rem; color:#fff; line-height:12rem; position:absolute; top:50%; margin-top:-60px; }
.twdcprevious:before { left:100px; content:'\2039'; }
.twdcnext:before { content:'\203a'; right:100px; }

#twdcCloseGallery { position:fixed; z-index:9000; transition:all 0.3s; top:60px; left:5px; width:30px; height:30px; font-size:3rem; color:#fff; cursor:pointer; line-height:3rem; text-align:center;}
#twdcCloseGallery:hover { color:#eee; }
#twdcCommentsPanel { bottom:0; width:100%; color:#fff; text-shadow:1px 1px 2px #333; font-size:1.6rem; text-align:center; position:absolute; padding:10px; }

/*----------------------- event show page --------------------*/
.RDimage {
	max-height: 120px;
	display: block;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
}

.RDheaderLogo { height: 145px; max-width: 300px; background: #fff;  display: flex;  -ms-flex-align:center; align-items:center; float: left; }
.RDheaderLogo .ScaledIMG { max-height:120px !important; }
.RDheaderFade { float:left; width:214px; height:145px; background:url(https://storage.googleapis.com/ub_site_images/headerFade.png) no-repeat; }
.RDheaderLogoOuter { position:absolute; top:0; left:0; min-width:700px; }
.headerImgBase { width: 100%; background: url(https://storage.googleapis.com/ub_site_images/grungeBase8bit.png) no-repeat 0 bottom; background-size: auto auto; height: 102px; position: absolute; bottom: 0; left: 0; background-size: contain; }

.headerImage { background-position:center; background-size:cover; background-repeat:no-repeat; }
.fade-in { opacity: 0; transition: opacity 1s ease-in-out; }
.fade-in.loaded { opacity: 1; }
.TWDCFooteraspectCont { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; text-align:center; }
.TWDCFooteraspectCont img { max-height:100%; }

.aspectRatioInner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; }
.headerBox .aspectRatioInner:empty:before { content:'click to change the header image'; background:url(https://storage.googleapis.com/ub_site_images/noimage.jpg) center top no-repeat; background-size:cover;  display:flex; -ms-flex-line-pack:center; align-content:center; margin:5px;  -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#888; height:100%; font-size:3.6rem; }

.headerIMG { width:100% !important; vertical-align:top; }
.favourWidth { width:100%; height:auto; }
.favourHeight { width:auto; height:100%; }

.headerEventTitle { position: absolute; left: 20px; color: #fff; font-size:3rem; width: 66%; height: 100%; padding-right: 10px; bottom:80px;  width: calc(100% - 50px); }

.headerEventOV { width: calc(33% - 20px); right:0; opacity:0.9; background: #fff; text-align: center; color: #666; font-size:2rem; padding: 20px; }
.headerEventWrapper { width: 100%; max-width: 1400px; display: flex; justify-content: right;}
.headerEventOuter { width: 100%; position: absolute; bottom: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.twdc_sidepadding { max-width: 1400px; margin: 0 auto;}
.twdc_mainEventInfo { clear:both; background:#fff; }
.descWrapper { padding:0 0 10px 10px; overflow:hidden; -ms-flex-preferred-size:68%; flex-basis:68%;}
.featuresWrapper { -ms-flex-preferred-size:32%; flex-basis:32%; background: #fafafa url(https://storage.googleapis.com/ub_site_images/paperbg.png); padding: 0 10px 10px 10px; }
.twdc_eventDescription { overflow:hidden; padding:0 80px 0 0; font-size:1.6rem; color:rgb(152, 141, 140); background:#fff; font-size:2.4vmin; line-height:2.8vmin;}
.childHeader, .heroAR { padding-bottom:54%; }
.twdc_eventDescription li:before { line-height:inherit; color:#dda; content:'\f111'; position:absolute; left:0; font-size:1rem; }
.twdc_eventDescription li { padding-left:20px; margin:5px 0;}
.twdc_eventDescription .hypertextlink { cursor: pointer; padding: 0px !important; display: inline-block; margin-bottom: 2px; text-decoration:underline; font-weight:normal; color:#2ad; background:none; }
/*.twdc_eventDescription .hypertextlink:after { content: '\f0c1'; margin: 0 5px 0 -5px; background:#ddf; padding: 3px;
color:#fff; text-align:center; width:24px; display:inline-block;}*/
.twdc_eventDescription .hypertextlink:hover { background:#eee; }
.FpreviewText .hypertextlink { text-decoration:underline;}
/*------------------calendar selector---------------------*/
.slidex { transition:left 0.3s; }
#dateContainer, .twdcDateContainer { height:242px; }
.TWDCcalOuter { width:100%; height:auto; text-align:center; background:#fff; }
.TWDCcalSelOuterTwin, .TWDCcalSelOuterSingle { height:242px; overflow:hidden; padding:5px; width:50%; max-width:100%; }
.TWDCcalSelOuterTwin { width:100%; }
.TWDCcalSelOuterSingle { width:100%; margin:0 auto; }
.TWDCcalSelOuterTriple { width:150%; position:absolute; top:0; left:0; }
.TWDCcalMonth { width:33.3%; float:left; }

.changeYear { text-decoration:underline; cursor:pointer;}

.TWDCcalBox { width:100%; }
.TWDCcalMTitles { width:100%; text-align:center; }
.TWDCMTitle, .TWDCdayHeader { overflow:hidden; color:#aaa; width:100%; font-size:1.6rem; clear:both; padding:5px; line-height:2rem; }
.TWDCdayHeader span { float:left; width:14.25%; text-align:center; display:block; }
.TWDCcaldaysOuter{ width:100%; clear:both; overflow:hidden; padding:0 5px;}
.TWDCcaldaysOuter .TWDCblankday { float:left; height:10px; width:14.25%; }
.TWDCcaldaysOuter .TWDCweekday { line-height:3rem; transition:all 0.3s; margin:1px 0; float:left; height:auto; width:14.25%; cursor:pointer; text-align:center; display:block; }

.TWDCweekday:hover { background:#4cf; color:#fff; border-radius:3px;}
.TWDCcalMonth:first-child { border-right:1px dotted #ccc; }

.TWDCshiftLeft, .TWDCshiftRight { z-index:200; position:absolute; top:5px; width:28px; height:24px; padding-top:2px; text-align:center; cursor:pointer; transition:all 0.3s;}
.TWDCshiftLeft { left:5px; }
.TWDCshiftLeft.year { z-index:200; }
.TWDCshiftRight.year { z-index:200; }

.TWDCshiftLeft:before, .TWDCshiftRight:before { font-size:2rem; display:block; text-align:center; line-height:2rem; }
.TWDCshiftLeft:hover { background:#eee; padding-right:3px; }
.TWDCshiftRight:hover { background:#eee; padding-left:3px; }

.TWDCshiftLeft:before { content:'\f053'; }
.TWDCshiftRight { right:5px; }
.TWDCshiftRight:before { content:'\f054'; }
.TWDCrangeLit { background:#F60; color:#fff; font-weight:bold; }
.TWDCrangeEnd { background:#c40; color:#fff; font-weight:bold;}
.pickYear { position:absolute; transition:all 0.3s; opacity:0; top:0; left:0; width:0; height:0; z-index:100; background:#fff; overflow:hidden;}
.pickYear div { transition:all 0.3s; float:left; cursor:pointer; width:20%; height:20%; line-height:4.6rem; text-align:center; background:#f8f8f8; border:1px solid #fff; }
.pickYear div:hover { background:#4cf; }
.cancelchangeYr { background:#c00; color:#c00; }
.cancelchangeYr:before { content:'\f00d'; }

.expandYears { width:100% !important; height:100% !important; opacity:1 !important; }

/*-------image filesystem ------*/
ul:not(.nodeets) .imginstance[data-format]::before { padding:0 3px; content:attr(data-format); font-weight:bold; color:#fff; background:#4cf; font-size:1.4rem; line-height:1.6rem; z-index:10; position:absolute; top:2px; left:0; }
ul:not(.nodeets) .imginstance[data-dims]::after { content:attr(data-dims)'px\a'attr(data-filepath); color:#333; background:#fff; font-size:1.2rem; overflow:hidden; padding:2px; width:100%; opacity:0.75; z-index:10; position:absolute; bottom:0; left:0; }

ul.nodeets .TWDCaddIMG:before { content:'\f00c'; position:absolute; width:50px; height:50px; font-size:4rem; border:2px solid #0c0; color:#0C0; background:#fff; padding:5px; border-radius:999px; left:50%; top:50%; margin:-25px; z-index:20; }

.imginstance { cursor:pointer; background:#fff; max-width:100px; max-height:100px; margin:3px 3px 30px 3px; }
.imginstance .deleteImage { transition:all 0.3s; position: absolute; z-index: 100; top: 0; left: 0; background: #4cf; border-radius: 100%; color: #fff; width: 20px; height: 20px; text-align: center; line-height:2rem;}
.imginstance .deleteImage:hover { transform:scale(1.1);}
/*------- cookies --------*/
.cookiemessage { color:#fff; width:100%; }
.closecookie { background: #fff; color: #333; cursor: pointer; padding: 0 3px; display: inline; text-align: center; height: 26px; top: 0px; line-height:2.6rem; }
#cookiebar { background: #dda; padding:10px; position: fixed; bottom: 0; margin: 10px; box-shadow: 0 0px 16px #aa8; z-index: 99999; }

.ordersTable { border-collapse:collapse; width:100%; }
.ordersTableHeader { background:#0cf; color:#fff; font-size:1.6rem; }
.orderLine { background: #fff; box-shadow: 1px 1px 2px #888; z-index:10; }
.suborderLine { background:#f5f5f5; z-index:1; font-size:1.4rem; transition:all 0.3s; }
.suborderLine:hover { background:#e8e8e8; }

/*----------checkout --------------*/
.twdc_halfPage { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  padding:0 10px; }
.twdc_addrmask { position:absolute; top:0; left:0; right:0; bottom:0; }

/*---------- events ------------*/
.siblingEventLink { background:#dda; color:#fff; padding:5px; font-size:1.8rem; margin-bottom:5px; }
.siblingEventLink a { position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; height:100vh; }
@-webkit-keyframes hidePanel_anim {
	from {height:100vh;}
	to {height:0vh;}
}
@keyframes hidePanel_anim {
	from {height:100vh;}
	to {height:0vh;}
}
.subeventboxContainer { overflow:hidden; background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s; opacity:1; height:100vh; }
.containerShow { opacity:1; }
.containerHide { opacity:0; animation:hidePanel_anim 0.1s ease 0.6s forwards; }

.featuresOuter { text-align:left; clear:both; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.featuresOuter  ul { float:left; clear:both; margin:0 0 20px 0; width:100%; }
.featuresOuter > ul:before { content:attr(data-type); font-size:2rem; color:#4cf; border-bottom:1px dotted #4cf; display:block; margin-bottom:25px; }
#linkedBlogList li, .featuresOuter li[data-css] { min-width:130px; background:#fff; box-shadow:0 1px 2px #eee; transition:all 0.3s; padding:5px 5px 5px 45px; color:#888; width:49%; margin:0 0 10px 0; text-align:left; border-radius:4px; min-height:44px;  display:flex;  -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.featureOff { opacity:0.4; }
.featureOff:hover { opacity:0.8; }
#linkedBlogList li:before, .featuresOuter li[data-css]:before { content:' '; position:absolute; left:2px; top:50%; margin-top:-20px; height:40px; width:40px; background:url(https://storage.googleapis.com/ub_site_images/UBicons2.png) no-repeat;}
#linkedBlogList li.twdcBlogLink:before { background-position:-80px 0; }
.featuresOuter li[data-css='crewok']:before { background-position:-320px -160px; }
.featuresOuter li[data-css='solorace']:before { background-position:-320px -120px; }
.featuresOuter li[data-css='teamrace']:before { background-position:-280px -160px; }
.featuresOuter li[data-css='chip']:before { background-position:-240px -160px; }
.featuresOuter li[data-css='cupless']:before { background-position:-120px -120px; }
.featuresOuter li[data-css='elevchange']:before { background-position:-80px -160px; }
.featuresOuter li[data-css='circular']:before { background-position:-200px 0; }
.featuresOuter li[data-css='Point2Point']:before { background-position:-240px 0; }
.featuresOuter li[data-css='fullway']:before { background-position:0 -160px; }
.featuresOuter li[data-css='lapcourse']:before { background-position:-280px 0; }
.featuresOuter li[data-css='timelimit']:before { background-position:-360px -80px; }
.featuresOuter li[data-css='navreqd']:before { background-position:-40px -160px; }
.featuresOuter li[data-css='partway']:before { background-position:0 -160px; }
.featuresOuter li[data-css='showers']:before { background-position:-160px -160px; }
.featuresOuter li[data-css='changing']:before { background-position:-200px -160px; }
.featuresOuter li[data-css='bagstore']:before { background-position:-120px -160px; }
.featuresOuter li[data-css='hashtag']:before { background-position:-440px -160px; }
.featuresOuter li[data-css='weblink']:before { background-position:-280px -80px; }
.featuresOuter li[data-css='twilink']:before { background-position:-400px -160px; }
.featuresOuter li[data-css='fblink']:before { background-position:-360px -160px; }
.featuresOuter li[data-css='date']:before { background-position:0 -40px; }
.featuresOuter li[data-css='time']:before { background-position:-400px -80px; }
.featuresOuter li[data-css='distance']:before { background-position:0 0; }
.featuresOuter li[data-css='virtual']:before { background-position:-200px -80px; }
.featuresOuter li[data-css='awards']:before { background-position:-280px -120px; }
.featuresOuter li[data-css='goody']:before { background-position:-400px -120px; }
.featuresOuter li[data-css='refreshments']:before { background-position:-520px -160px; }
.featuresOuter li[data-css='checkpoints']:before { background-position:-560px -160px; }
.featuresOuter li[data-css='ctrdcheckpoints']:before { background-position:-560px -200px; }
.featuresOuter li[data-css='mandatory']:before { background-position:-240px -40px; }
.featuresOuter li[data-css='virtual']:before { background-position:-200px -80px; }
.featuresOuter li[data-css='multi']:before { background-position:-200px -120px; }
.featuresOuter li[data-css='disabled']:before { background-position:-440px -200px; }
.featuresOuter li[data-css='parking']:before { background-position:-160px -200px; }
.featuresOuter li[data-css='atm']:before { background-position:-520px -200px; }
.featuresOuter li[data-css='deposit']:before { background-position:-280px -200px; }
.featuresOuter li[data-css='bar']:before { background-position:-320px -200px; }
.featuresOuter li[data-css='food']:before { background-position:-120px -200px; }
.featuresOuter li[data-css='cloak']:before { background-position:-480px -200px; }
.featuresOuter li[data-css='over18']:before { background-position:0px -200px; }
.featuresOuter li[data-css='over21']:before { background-position:-40px -200px; }
.featuresOuter li[data-css='baby']:before { background-position:-360px -200px; }
.featuresOuter li[data-css='card']:before { background-position:-200px -200px; }
.featuresOuter li[data-css='wsq']:before { background-position:-456px -5px; }
.featuresOuter li[data-css='utmb']:before { background-position:-391px -5px; }
.featuresOuter li[data-css='bq']:before { background-position:-524px -70px; height:60px !important; width:60px !important; }
.featuresOuter li[data-css='itra']:before { background-position:-524px -5px; }
.featuresOuter li[data-css='bq'], .featuresOuter li[data-css='wsq']:before, .featuresOuter li[data-css='itra']:before, .featuresOuter li[data-css='utmb']:before { height:60px !important; width:60px !important; left:-10px !important; top:-10px !important; top:50% !important; margin-top:-30px !important; }


.featuresOuter li[data-css='wsq'], .featuresOuter li[data-css='utmb'], .featuresOuter li[data-css='itra'] { padding-left:65px !important; }
.featuresOuter li:after { opacity:0; transition:all 0.3s; content:'\f00c'; color:#fff; background:#0c0; text-align:center; position:absolute; border-radius:100%; border:2px solid #fff; left:5px; top:-15px; line-height:2.6rem; width:30px; font-size:2rem; }

.terrainTrail { background:#3C0; }
.terrainRoad { background:#999;  }
.terrainMountain { background:#39F; }
.terrainSand { background:#FC0; }
.terrainTrack { background:#F30; }
.terrainTrail::before, .terrainRoad::before,.terrainSand::before,.terrainMountain::before,.terrainTrack::before { content:''; width:40px; height:40px; position:absolute; top:-65px; left:50%; margin-left:-20px; background:url(https://storage.googleapis.com/ub_site_images/terrainIcons.png) no-repeat; }

.lgbox { background:#f8f8f8; padding:10px; }
.midgbox { background:#eee; padding:10px; }

.terrainTrail::before {  background-position:-120px 0; }
.terrainRoad::before {  background-position:-40px 0; }
.terrainMountain::before { background-position:0 0; }
.terrainTrack::before { background-position:-160px 0; }
.terrainSand::before { background-position:-80px 0; }
.terrainMarker { transition:all 0.3s; line-height:1.6rem; height:18px; text-align:center; float:left; text-transform:uppercase; padding-left:5px; color:#fff;}
.ibox { margin:10px 2px; }
.ibox:before { content:attr(data-what); color:#888; position:absolute; left:0; top:-20px; font-size:1.4rem; }
.ibox input, .ibox select { background:#fff; }
.ibox select { margin:10px 0;height:36px; display:inline-block;}
.terrainTrail:after,.terrainRoad:after,.terrainMountain:after,.terrainSand:after,.terrainTrack:after { content:attr(data-percent)'%'; width:40px; height:15px; margin-left:-20px; font-size:1.2rem; color:#888; position:absolute; top:-25px; font-weight:bold; text-align:center; left:50%; }
.terrainOuter { font-size:1.6rem; margin:0 0 10px 0; width:100%; padding-top:70px; height:86px; background:#f8f8f8; }
.formChekd *:invalid, .formChekd input:invalid + label { border:1px solid #f40 !important; }

/*---------- cards -------------*/
.TWDCccoption { width: 32%; margin: 5px 0.5%; float: left; cursor: pointer; opacity:0.8; transition:all 0.3s; min-width:110px; max-width:200px;}
.TWDCcardOuter { max-width:200px; text-align: center; background: #eee; border:2px solid #ccc; border-radius: 5px; overflow: hidden;  }
.TWDCcardbrand { background:#4cf; color:#fff; }
.TWDCcardcapture { position:absolute; z-index:100; top:0; left:0; right:0; bottom:0; }
.TWDCccoption:hover { opacity:1; }
.TWDClast4, .TWDCcarddate { color:#888; font-size:1.4rem; }
.TWDCorline { height:20px; margin:20px 0; border-bottom:1px dotted #ccc; line-height:2rem; width:100%; color:#333; text-align:center; }
#TWDCccards { overflow:hidden; clear:both; }
.TWDCswitchnew { cursor:pointer; opacity:0; transition:all 0.3s; width:100%; text-transform:uppercase; background:#4cf; color:#fff; font-size:1.6rem; padding:2px 0; text-align:center; margin:10px 0; }
#chargeLine { color:#888; padding:0 20px 30px 20px; text-align:center; font-size:2.8rem; background:rgba(255,255,255,0.85); }
.TWDCnewcardOuter { transition:all 0.3s; overflow:hidden; }

.TWDCChosen:before { content:'\f00c'; display:block; position:absolute; line-height:2.8rem; width:28px; height:28px; left:50%; top:50%; margin:-14px; color:#fff; background:#3C0; border-radius:999px; text-align:center; z-index:200; font-size:1.8rem; box-shadow:0 1px 2px #aaa; }
/*-------------- event display ------------------*/
.TWDCFEdelete::before, .TWDCcarddelete:before { content:'\f1f8'; font-size:1.6rem; }
.TWDCFEdelete { color:#09F; float:right; cursor:pointer; transition:all 0.3s; }
.TWDCFEdelete:hover { color:#0bf; }
.TWDCcarddelete { position:absolute; z-index:99; top:2px; right:2px; width:20px; height:20px; }
.TWDCeventHeader { width:100%; background:#ca7; height:50px; text-transform:uppercase; padding:10px 5px 5px 5px; font-size:3rem; color:#fff; text-align:right; background-image:none;}
.TWDCeventDate { width:100%; color:#fff; background:#09F; font-size:1.6rem; padding:3px 5px 3px 5px; }
.TWDCeventAD { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#f8f8f8; overflow:hidden;}
.TWDCeventAD img { width:100%; }
#twdc_seheader { background-color:#f8f8f8; }
#twdc_seheader picture { display: flex; justify-content: center; height: 100%;}
#twdc_seheader img {
  min-width: 100%;
  max-width: none;
  object-fit: cover;
 }

.fullWIMG { width:100%; }

.orderValue {
    text-align: center;
    background: rgb(204, 204, 204);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size:1.6rem;
}

.pageLink { text-decoration:underline; font-weight:bold; color:#09F; }

.quoteText { color:#39F; padding:0 10px; font-size:1.6rem; line-height:1.8rem; display:block; clear:both; }
.quoteText::before { content:'\f10d'; font-size:2.2rem; }
.quoteText::after { content:'\f10e'; font-size:2.2rem; }

.transactionComplete { padding:50px 10px; }

ins { text-decoration:none; }
.blogSummaryImg { width:33%; padding:0 5px 0 0; z-index:10; float:left; }
.blogSummaryImg img { width:100%; transition:all 0.3s; margin-right:10px; }
.blogSummaryImg img:hover { opacity:0.6; }
/* checkout page */
#deliveryinfodiv { display:none; }
.ccinfo { margin-top:20px; }
#loginb { float:left; background:#48f; padding:3px; box-shadow:0 2px 0 #26d; color:#fff !important; border-radius:5px; margin-top:-4px;  }
img { vertical-align:bottom; }
.Level2Headline img { vertical-align:baseline; }

.halfWidth { float:left; width:50%; overflow:hidden; }
.halfWidthFH { height:95%; float:left; width:50%; overflow:hidden; }
.TWDCraceIntro { clear:both; }

.shopParameters, .blogparameters { width:270px; float:left; }
.thirdWidth { float:left; width:33%; overflow:hidden; }
.twothirdsWidth { float:left; width:67%; overflow:hidden; }
.twothirdsWidthFH { height:100%; overflow:hidden; }
#prodbigpic { width:100%; max-height:100%; }

.clearfix:after { content:''; clear:both; display:block;}

.greyandborder {  background: #ccc; overflow: hidden; padding: 5px; margin: 10px 0px; color:#fff; }

.twdcgreen {color:#369134;}
.twdcred {color:#d34141;}
.twdcyellow {color:#fc0;}
.twdcblue { color:#4453b2; }

.twdcgreenbg {background:#369134;}
.twdcredbg {background:#d34141;}
.twdcyellowbg {background:#fc0;}
.twdcbluebg { background:#4453b2; }

.TWDCdraft { position:fixed; top:0; left:0; width:100%; padding-top:3px; opacity:0.9; background:#fc0; font-weight:bold; text-align:center; z-index:10000; }
.TWDCdraft::before { content:'THIS PAGE IS IN DRAFT MODE AND ONLY VISIBLE TO ADMIN USERS'; text-align:center; color:#fff; font-weight:bold; font-size:2.8rem; }

.managedClient .TWDCFooteraspectCont {  display:flex;  -ms-flex-align:center; align-items:center; background:#fff; box-shadow:0 1px 2px #ddd; -webkit-box-pack:center; -ms-flex-pack:center;justify-content:center; }

.confirmActionContent {
	width:100%;
	max-width:600px;
	height:auto;
	min-height:200px;
	background:#fff;
	z-index:8001;
	transition:all 0.3s;
  transform:translate(50px);
	opacity:0;
}
#confirmAction { transition:opacity 0.3s; z-index:8200; opacity:0; display:none; bottom:0; right:0; left:0; top:0; position:fixed; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;  -ms-flex-align:center; align-items:center; }
#confirmAction:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#333; opacity:0.4; }
.twdc_caDisplay { opacity:1 !important; }
.twdc_caDisplay > .confirmActionContent { transform:translate(0px) !important; opacity:1 !important; border-top:10px solid #ccc;}

.cfmsg { width:100%; min-height:100px; position:relative; padding:20px 20px 40px 20px; color:#333; font-size:1.6rem; line-height:2.4rem;}

#cfbuttons {
	position:absolute;
	bottom:5px;
	height:auto;
	right:10px;
}

#fetchDetails { overflow:hidden; }
.liinput { float:left; margin-right:10px; width:200px; }
.raTitle { float:left; margin-right:10px; }

/*-------GMAP----------*/
.TWDCmapContainer { opacity:0; transition:opacity 0.4s; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.mapLoadingDiv { background:#eee; position:absolute; top:0; left:0; right:0; bottom:0;  }
.mapLoadingDiv::before { content:'\f1ce'; position:absolute; color:#fff; text-align:center; font-size:4rem; width:
40px; height:40px; left:50%; top:50%; line-height:3.8rem; margin:-20px 0 0 -20px; -webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;}
.mapLoadingDiv > span { display:block; text-align:center; font-weight:bold; height:20px; color:#fff; width:100%; top:50%; margin-top:30px; font-size:1.6rem; }

/*-----------------make a booking page--------------------*/
.blankday { width:80px; height:22px; float:left; }
.weekdivider { overflow:hidden; position:relative; display:block; }

.daytitle { display:block; font-weight:bold; color:#999; font-size:1.1rem; }

.inputbox { width:200px; height:20px; float:left; clear:both; font-family:Arial, Helvetica, sans-serif; color:#666; }
.inputtitle, .inputtitlemandatory { float:left; font-size:1.6rem; color:#ed0; clear:both; }
.cftextarea { width:200px; height:60px; float:left; clear:both; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.6rem;}

.smalltxt { float:left; font-size:1rem; color:#888; }

.bookingtitle, .bthistory { padding:0; height:34px; margin-bottom:20px; width:100%; position:relative; float:none; color:#f6405b; font-size:3.6rem; line-height:3.6rem; display:block;}


/*video container */
.videoContainer { overflow:hidden; width:100%; }
.sixteenNine { padding-bottom:56.25%; }
.fourThree { padding-bottom:75%; }

/* add review box */
#addreview { display:none; position:fixed; top:0; left:0 ;width:100%; height:100%; z-index:20000; background:url(https://storage.googleapis.com/ub_site_images/hide.png); }
#addreviewInner {
	width:500px;
	height:333px;
	position:fixed;
	margin:-162px -250px;
	left:50%;
	top:50%;
	padding:10px;
	background-color:#ddd;
	border:10px solid #fff;
	z-index:20000;
}
.commentbox {
	width:100%;
	height:100px;
	border:1px solid #ccc;
	margin:0 0 15px 0;
	display:block;
	clear:left;
	position:relative;
}

#subrev {
	width:107px;
	position:absolute;
	right:10px;
	bottom:10px;
	float:left;
	color:#fff;
	padding:5px;
	text-align:center;
	background:#48f;
	cursor:pointer;
	border-radius:5px;
	        box-shadow:0 2px 0 #2266ff;
}
#subrev:hover { background:#5599ff; }

.gobutton {
    width: 34px;
    height: 26px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    background: #fc0;
	text-align:center;
	        box-shadow:0 2px 0 #eb0;
	border-radius:5px;
	transition:all 0.3s;
}
.gobutton:hover { background:#fd0; }

.stdlabel {
    padding-top: 6px;
    margin-left: 5px;
    float: left;
}

#closebox {
	color: #fff;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    right: -10px;
    top: -30px;
	transition:all 0.3s;
}
#closebox:hover { color:#cc0000; }

.reviewtitle {
	font-size:1.4rem;
	font-weight:bold;
	width:100%;
	display:block;
}

#cb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2rem;
	border:0 none;
	width:460px;
	height:99px;
	position:absolute;
	resize:none;
	top:0 !important;
	left:0 !important;
	color:#333 !important;
	margin:0 !important;
}

.commentlabel {
	width:240px;
	clear:left;
	height:18px;
	float:left;
	margin-top:2px;
}
.revinput {
	width:170px;
	height:25px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:9px;
}

.rating { width:115px; height:22px;	top:8px; left:0; background:url(https://storage.googleapis.com/ub_site_images/startScoreBG.png); cursor:pointer;	float:left;	cursor:pointer;	position:relative;
}

#errormsg {
	width:200px;
	opacity:0.9;
	position:absolute;
	top:100px;
	left:0;
	display:none;
	padding:10px;
	background-color:#C90;
	color:#fff;
	border-left:3px solid #b70;
	z-index:100;
}

.rating2 { background-position:-398px -615px; width:0px; }

/*--------------------widgets-editor-state------------------*/
.TWDCWIDGETMenu { width:100%; height:50px; background:#06F; clear:both; }
.WIDGETTwitter { width:100%; height:50px; background:#06F; clear:both; }

/*-------------TWDC Edits---------------------------*/
.bigbuttons { width:400px; overflow:hidden}
li.TWDCbutton, li.TWDCbuttonRT { padding:0; list-style:none;}

.TWDCbutton { margin:0 20px 5px 0; float:left; background:url(images/activitybuttons.png) no-repeat; width:180px; height:105px; }
.TWDCbuttonRT { margin:0 0 5px 0; float:left; background:url(images/activitybuttons.png) no-repeat; width:180px; height:105px; }

.TWDCbutton a, .TWDCbuttonRT a { text-decoration:none; padding:20px 0 0 10px; display:block; width:100%; height:100%; font: 17px/1.2em Arial, sans-serif; color:#333;}

#contactbox { width:370px; color:#eee; font-size:2.2rem; background:url(images/contactboxbg.png) #aeb0d9; height:95px; padding:35px 0 0 10px; margin-bottom:20px; }
#contactbox a { color:#fff; }

/*-----------------------------cycler -----------------------------*/
.TWDCimageContainer, .TWDCcyclerMask { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.TWDCimageContainer img { width:100%; opacity:0; }
.slideFR { width:200% !important; right:auto !important; }
.slideFR img { width:50% !important; position:absolute !important; top:0 !important; }

.imgpcloadedbar { background:#4cf; height:10px; position:absolute; top:0; left:0; width:0; transition:all 0.2s; }
.imgpcloaded { margin-top:10px; background:#ccc; width:100px; height:10px; position:relative; }
/*.imgloadingicon::before { content:}*/

.loadMask { left: 0; right: 0; transition:all 0.3s; top:0; bottom:0; width: 100%;position: absolute;height: 100%;overflow: hidden;z-index: 200;background: #fff; opacity: 0.3;}
.imgloadwait { text-align:center; position:absolute; display:block; width:100px; height:50px; left:50%; top:50%; margin:-50px; color:#333; font-size:4rem; }

.TWDCfade { transition:opacity 0.4s; }
.transitionease { transition:left 0.8s; }

.rollerCaption { position:absolute; text-align:center; color:#fff; font-size:5rem; width:80%; margin:auto 10%; top:50%; opacity:0; transition:all 1s; }

.TWDCcyclerMask { z-index:10; }
.TWDCimagecycler  { border:10px solid #fff; border-radius:9999px; box-shadow:0 10px 0 #666; width:90%; margin:5%; overflow:hidden; }

.foh { opacity:1 !important; }

#imageGrid { clear: both;-webkit-column-count: 3;column-count: 3;-webkit-column-gap: 1em;moz-column-gap: 1em;column-gap: 1em; }
.portImage { display: inline-block; margin: 0 0 1em; width: 100%; }
.portImage img { width:100%; }


/*--------------------------------widgets - cp ------------------------------*/
.TWDCcpHLcl { height:auto; width:100%; display:block; overflow:hidden; cursor:pointer;}
.TWDCcpHLop { height:0; width:100%; display:block; overflow:hidden; cursor:pointer;}
.TWDCslide div { transition:all 0.3s; }
.TWDCcpHLct { display:block; height:0px; width:100%; overflow:hidden; }

.resLink { float:right; font-size:2.6rem; color:#4cf; }

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

.twdcbg { background:#666;}

.attrValue, .attrName { display:block; font-size:1.4rem; }

/* -------------------------- video gallery specific -----------------------------------*/
#twdcPopUp, .twdcPopUp { transition:opacity 0.3s; z-index:6000; opacity:0; background-image:url(https://storage.googleapis.com/ub_site_images/hide.png); width:100%; height:100vh; left:0; top:0; position:fixed; -webkit-perspective:600px; perspective:600px;}
.twdc_isWaiting { transform: rotateX(5deg); transform-origin: 50% 0%; transform-style: preserve-3d; }

.twdc_showPopUp { opacity:1; }
.twdc_showPopUp .popupBoxContent { transform:translateY(0) !important; }
.popupBoxContent.twdc_isWaiting { transform: rotateX(5deg) translateY(0) !important; }

.stuck { position:fixed; top:0;}
.stuck-to-base { position:absolute; top:inherit; bottom:0; }
.TWDCwedge { position:relative; }

.socialButtons { overflow:hidden; font-size:4rem;  }
.footersocialButtons { float:left; }

.scrollDown,
.scrollDown:before {
  position: absolute;
  left: 50%;
}

.scrollDown {
  width: 40px;
  height: 70px;
  margin-left: -20px;
  opacity:1;
  top: 50%;
  margin-top: -35px;
  border:2px solid #fff;
  border-radius: 25px;
  transition:opacity 1.5s;
}

.scrollDown:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  margin-left: -6px;
  top: 8px;
  border-radius: 100%;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
.fadeOut { opacity:0; }

@-webkit-keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(46px); }
}

@keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(46px); }
}

/* menu */
.hamicon, .twdc_notificationBar { z-index:7910; text-align:center; cursor:pointer; line-height:4rem; height:40px; width:60px; font-size:3rem; color:#fff;}
.hamicon { display:none; background:#c6b680;}
.twdc_notificationBar { background:#fc2; display:none; text-align:center; }
.twdc_notifybell:before { content:'\f0f3'; font-size:2.4rem; line-height:4rem; color:#fff; display:block; }

#twdc_grpparams .editField { background: #4cf; min-width:24px; width: 24px; height: 24px; text-align: center; line-height:2.4rem; border-radius: 100%; color: #fff; cursor: pointer; }
.twdc_notifyPanelOuter { width:100%; margin-bottom:2px; }
.twdc_notifyMsg { padding:5px; background:#eee; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;}
.DLname { font-size:1.4rem; line-height:1.6rem; }
.twdc_notifyicon { background:#ddd; color:#444; font-size:1.6rem; width:40px; max-width:40px; min-width:40px; text-align:center;}
.twdc_notifyicon:before { background:#fff; font-size:1.6rem; display:block; border-radius:100%; line-height:2.8rem; width:28px; margin:3px auto;}
.twdc_NewTransferRecvd:before { content:'\f0ec'; }
.twdc_NewDeferralVoucher:before { content:'\f04e'; }
#twdc_notsbox { margin-bottom:10px; }
#twdc_notsbox:empty:before { content:'no notifications'; }
.twdc_notifyMsg a { cursor:pointer; background:#4cf; border-radius:3px; padding:2px 4px; color:#fff; }
#twdc_notsbox:empty:before { content:'you\'re up to date - no unread notifications';}
.twdc_msglink { border-radius:3px; line-height:2.4rem; background:#4cf; padding:2px 4px; color:#fff; transition:all 0.3s; }
.twdc_msglink:hover { background:#6df; }
.twdc_delmsg { min-width:40px; max-width:40px; background:#4cf; color:#fff; cursor:pointer; width:40px; text-align:center; }
.twdc_delmsg:before { content:'\f1f8'; text-align:center; font-size:2.2rem;  cursor:pointer;}
.twdc_delmsg:hover { background:#6df; }

.fullMenu { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; background:#c6b680; }

.closeMenu { position:fixed; z-index:999; top:20px; right:20px; width:40px; border:0 none; height:40px; line-height:4rem; display:none; background:transparent;}
.closeMenu:before { content:'\f00d'; font-size:4rem; color:#fff; }
.noscroll .closeMenu { display:block; }

.hamicon::before { content:'\f0c9'; font-size:3rem; }
.hamicon.isopen:before { content:'\f00d';}
.hamicon.isopen { z-index:9999; }
.hamburgerOuter { display:none; height:100vh; position:fixed; background:#966; top:0; left:0; width:100%;  bottom:0; left:-100%; z-index:9998; transition:left 0.3s; opacity:0.95; overflow:auto; }
.hamburgerOuter .topul { position:absolute; top:40px; left:0; right:0; bottom:0; overflow:auto; float:none !important; display:block !important;}
.hamburgerOuter li { margin-left:0 !important; width:100% !important; float:none !important; display:block !important;}
.hamburgerOuter .toplevelleaf { width:100% !important; text-align:center !important; float:none !important; clear:both !important; display:block !important; color:#666; transition:all 0.3s; }
.hamburgerOuter .toplevelleaf:hover { background:#966; }
.hamburgerOuter .ull2leaf { height:0; }
.hamburgerOuter ul { top:0 !important; visibility:visible !important; position:relative !important; opacity:1 !important; height:auto !important; padding:10px !important; }
.hamburgerOuter a { color:#eee !important; text-align:left !important; }
.hamburgerOuter li ul>li a { padding-left:30px; }
.hamburgerOuter li { color:#fff; text-align:center; padding:5px 0 !important; }
.hamburgerOuter li ul>li a::before { margin-left:-15px; content:'\f0da'; color:#fff; font-size:1.6rem; margin-right:10px; }

.fullMenu .topul {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-direction:row;
	-webkit-box-orient:horizontal;
	
	        flex-direction:row;
	-ms-justify-content:space-between;

	    -ms-flex-pack:justify;
	        justify-content:space-between;

	width:100%; background:#fff; }


.fullMenu a, .fullMenu li, .hamburgerOuter a, .hamburgerOuter li { text-transform:uppercase; transition:all 0.3s; }

nav {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-direction:row;
	        flex-direction:row;
	-ms-justify-content:space-between;

	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

.toplevelparent, .toplevelleaf { width: 20%; -ms-flex: 1; flex:1; }

.topul ul { position:absolute; top:8px; opacity:0; transition:all 0.3s; }
.toplevelparent::after { content:'\f0dd'; position:absolute; width:20px; margin:0 -10px; left:50%; bottom:0; text-align:center; transition:all 0.3s; }
.toplevelparent:hover:after { bottom:-6px; color:#8df; z-index:9999;}
.ull2leaf, .ull2parent { transition:all 0.3s; visibility:hidden;}
.topul li:hover li ul { top:-999px; }
.topul li li:hover ul { left:100%; top:0; }

.toplevelleaf { transition:all 0.3s; }
.fullMenu .toplevelleaf:hover, .fullMenu .toplevelparent:hover { background: #8df; color:#fff; }
.fullMenu .toplevelparent a:focus + ul, .fullMenu .toplevelparent:hover > ul { top:40px; visibility:visible; z-index:1000; opacity:1; }
.toplevelparent li:focus-within ul { top:40px; visibility:visible; z-index:1000; opacity:1; }

.topul>li>a { font-size:1.6rem; line-height:1.6rem; height:100%;  display:flex;  -ms-flex-direction:column; flex-direction:column;  -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center;}
.topul>li>a:focus { border-bottom:1px dotted #fff; }
.fullMenu .ull2leaf, .fullMenu .ull2parent { width:100%; background: #eee; padding: 0; opacity:0; box-shadow: 0 1px 2px #ccc;}

.ull2leaf>li, .ull2parent>li { display:block; text-align:left; float:left; clear:both; line-height:1.2rem; width:100%; padding:2px 0 0 12px; }

.ull2leaf>li>a, .ull2parent>li>a { font-size:1.2rem; color:#888; line-height:1.5rem; text-align:left; width:100%; padding:10px; display:block; }

.fullMenu .ull2leaf>li:hover, .fullMenu .ull2parent>li:hover { background:#f8f8f8; }
.fullMenu .topul>li li>ul>li { display:block; text-align: left; position: relative; float: none; line-height:1.2rem; padding: 7px 20px 8px; }
.fullMenu .topul>li li>ul>li>a { font-size:1.2rem; line-height:1.5rem; text-align: center; }

/*----------------------- end NAV -------------------------*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input { transition:all 0.3s; }
input:focus:not([type=range]) { background-color:#6df; color:#fff; }

#dragdocclone {
    width: auto;
    height: auto;
    position: absolute;
    display: none;
    z-index: 30000;
}

.noov { overflow:hidden; }

.TWDCEDITOR { background:#f5f5f5; }

.twdc_accm {  position:absolute; z-index:10; top:0; left:0; bottom:0; right:0; }
.twdc_acname { text-transform:capitalize; display:block; }
#twdc_notesByEv:empty:before { content:'no notes added'; }
table .circularImg { margin:0 !important; }
.HPblogSummaryImg { margin-bottom:5px; }

.currencyGBP:before { content:'\00A3'; }
.currencyEUR:before { content:'\f153'; }
.currencyUSD:before { content:'\f155'; }

.avatarImage { width:200px; height:200px; margin:10px auto; overflow:hidden; display:block;  border-radius:100%; border:5px solid #fff; box-shadow:0 1px 2px #ccc; background-size:cover; background-position:center; background-repeat:no-repeat; }
.avatarImage img { max-width:100%; max-height:100%; }

/*-------------- transferring a place -----------------*/
.transferPlaceOuter { overflow:hidden; }
.twdc_tpPanels { width:500%;  display:flex; transition:all 0.3s; }
.twdc_tpPanel { width:20%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;  padding:0 10px; }

.flexcol { -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important; }
#TWDCcontactForm { overflow:hidden; background:#f8f8f8; padding:10px; }

#twdc_transferAmount { margin-top:20px; }
#twdc_transferAmount:before { content:'You\'re charging 'attr(data-name)'..'; position:absolute; top:-20px;}
.twdc_tpPanels[data-panel='start'] { left:0; }
.twdc_tpPanels[data-panel='user'] { left:-100%; }
.twdc_tpPanels[data-panel='charge'] { left:-200%; }
.twdc_tpPanels[data-panel='confirm'] { left:-300%; }
#twdc_chosenfee .FEsliderOuter { margin-top:20px; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;  -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#twdc_chosenfee .range-slider__value { display:inline-block; line-height:3.4rem; font-size: 2.6rem; background: #fff; padding: 0 5px; border-radius: 3px 3px 0 0; box-shadow: 0 1px 2px #ccc; text-align:center; min-width:100px; }
.twdc_plusminus { display:inline-block; color:#fff; line-height:3.4rem; font-size:2.6rem; width:34px; cursor:pointer; text-align:center; background:#4cf; transition:all 0.3s; }
.minus:before { content:'\f068'; }
.plus:before { content:'\f067'; }
.change:before { content:'\f01e'; margin-right:20px; }

.twdc_plusminus:hover { background:#6df; }
.checkrules { max-height: calc(100vh - 165px); }
.reciptopay { background: #fc4; padding: 0 5px; width: 100px; text-align: center; border-radius: 0 0 5px 5px; box-shadow: 0 1px 2px #ccc; color: #fff; }
.transferGraphic {  -ms-flex-direction: row; flex-direction: row;  -ms-flex-pack: justify; justify-content: space-between;}
.avatarIMG { max-width:100%; max-height:100%; }

/*-----------------docadmin page----------------------------*/
.dirContainer { overflow:hidden; margin-right:5px; background:#fafafa; height:330px; padding-right:10px; float:left; width:30%; }
.noDirectory .dirContainer { display:none !important; }

.twdcstylelist, .docFolders, #styleFolders { max-height:330px; min-height:10px;  }
#docFolderList, .docFolderList { width:350px; overflow:auto; padding:0 10px 0 35px; clear:both; }

#docsInFolder, .docsInFolder { transition:all 0.3s; overflow:auto ; float:left; padding-left:10px; width:calc(70% - 5px) !important; height:330px;  }
.noDirectory #docsInFolder, .noDirectory .docsInFolder { width:calc(100% - 5px) !important; }

.filtered { background:#4cf !important; }
.filtered:hover { background:#6df; }

.filter { float:left; height:30px; padding:0 0 0 22px; }
.filter:before { content:'\f002'; line-height:3.1rem; color:#4cf; font-size:1.6rem; display:block; width:20px; position:absolute; left:0; }
.filtertext { width:150px; font-size:1.6rem; height:31px; border:0 none; background:#9cF; border-radius:5px; color:#fff; padding:3px; }
#hypertextlink .filter { position:absolute; left:200px; top:10px; }
.scrollcontainer { display:block; position:absolute; left:0; top:0; right:0; bottom:0; overflow:auto; }

.newFolder { float:left; clear:both; }
.docContMask { width:100%; height:0; z-index:8900; background:#fff; background:url(https://storage.googleapis.com/ub_site_images/whitebg50pc.png); position:absolute; top:0; left:0; }
.docsInThisFolder { transition:opacity 0.3s; height:auto; overflow:hidden; clear:both;  display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#docsInThisFolder li, .docsInThisFolder li { transition:all 0.3s; /*box-shadow: 0 20px 4px #ccc;*/}
#docsInThisFolder:empty::before, .docsInThisFolder:empty::before { content:'loading files..'; font-size:1.6rem; }
#docsInThisFolder.loaded:empty::before, .docsInThisFolder.loaded:empty::before { content:'this folder is empty..'; font-size:1.6rem; }
#IMGuploader { float:right; width:150px; }
.file-uploader2 { float:left; }

.qq-upload-button {background:#fc0; text-align: center; padding:3px 15px 6px 15px; transition:all 0.3s; font-size:1.6rem; color:#fff; }
.qq-upload-button:hover { background:#fd0;}
#file-uploader2 .qq-upload-button { padding:2px; width:auto !important; height:auto !important; float:none; transition:all 0.3s; }
#file-uploader2 .qq-upload-button:hover { background:#fd0; }
.ulbutton::before { content: "\f093  upload a file"; font-size:1.6rem; }

.uploadPlhldr { display:block; text-transform:uppercase; float:right; margin:5px 0 5px 5px; min-width:40px;}

.docLiN, .docLiY, .docLiNEdit { border-radius:999px; clear:both; background:url(https://storage.googleapis.com/ub_site_images/folderIcon.png) no-repeat 0 center; font-size:1.6rem; color:#666; height:26px; margin:4px 0 0 15px; }
.docLiY { background:url(https://storage.googleapis.com/ub_site_images/folderIconSystem.png) no-repeat 0 center;  }
.docLiN FolderOpen { background:url(https://storage.googleapis.com/ub_site_images/folderIconOpen.png) no-repeat 0 center #fc0; }
.docLiY FolderOpen { background:url(https://storage.googleapis.com/ub_site_images/folderIconSystemOpen.png) no-repeat 0 center #fc0; }
.docLiNEdit { background:url(https://storage.googleapis.com/ub_site_images/folderIconOpen.png) no-repeat 0 center #ccc; }
.FolderOpen { background-color:#fff; }

.inGalleryPage { color:#09F; }
.outGalleryPage { color:#bbb; }
.docFolderUL { float:left; clear:both; width:100%; }
.docLiY > .folderName:hover, .docLiN > .folderName:hover { text-decoration:underline; }
.folderName { transition:all 0.3s; font-size:1.2rem; overflow:hidden; display:block; padding-left:30px; line-height:2.2rem; cursor:pointer;  }
.folderName::after { content:'\f0c5  'attr(data-count); font-size:1.2rem; padding:2px 4px !important; float:right; color:#888; }

.delFolder, .addFolder { display:none; background:url(https://storage.googleapis.com/ub_site_images/FolderIcons.png) 0 0 no-repeat; height:24px; width:24px; cursor:pointer; position:absolute; top:1px; left:-26px; text-align:center;}
.delFolder { left:-54px; }
.delFolder:hover { background-position:-24px 0; }
.addFolder { background-position:0 -24px; }
.addFolder:hover { background-position:-24px -24px; }
.FolderOpen > .addFolder { display:block; }
.docLiN.FolderOpen > .delFolder { display:block; }

.folderIB { background:transparent; border: 0 none; height: 21px; margin: 2px 0 0 20px; padding: 2px 7px 0; }

.addSocialFeed { background:#eee; padding:15px; margin:10px 0; width:100%; max-width:800px; }
.receiptBody + .addSocialFeed { position:relative !important; }

/*---------------- end docadmin and filesystem ---------------------*/

/*----------------------- big icons -----------------------*/
.docautosize { overflow:auto; height:100%; }
.bigButtons { width:80%; max-width:600px; margin:0 auto 20px auto; display: -ms-flexbox; display: flex;  -ms-flex-flow: row wrap; flex-flow: row wrap;  -ms-flex-pack: justify; justify-content: space-between; cursor:pointer;}

.bigButtons li { width: 100%; cursor: pointer; transition: all 0.3s; text-transform: uppercase; color: #888; height: 50px; margin: 0 20px 0 20px; border-top: 1px dotted #888; display: flex; align-items: center; }
.bigButtons li:last-child { border-bottom: 1px dotted #888; }
.bigButtons li:before { transition:all 0.3s;font-size:4rem; width:44px; text-align:center; margin-left:5px; color:#bb8; }
.bigButtons li:after { font-size: 2.2rem; line-height: 2.4rem; color: #888; width:100%; text-align:right; margin-right:10px; }

.bigButtonPanel .UB-QBigTitle { text-align:center !important; }

.bigButtons li[data-page='user_details']:before { content:'\f2be';}
.bigButtons li[data-page='user_vouchers']:before { content:'\f06b'; }
.bigButtons li[data-page='user_tickets']:before { content:'\f145'; }
.bigButtons li[data-page='user_blogs']:before { content:'\f044'; }
.bigButtons li[data-page='user_organisations']:before { content:'\f274'; }
.bigButtons li[data-page='user_groups']:before { content:'\f0c0'; }
.bigButtons li[data-page='user_products']:before { content:'\f1b2'; }
.bigButtons li[data-page='user_businesses']:before { content:'\f19c'; }
.bigButtons li[data-page='user_charities']:before { content:'\f004'; }
.bigButtons li[data-page='user_achievements']:before { content:'\f091'; }

.bigButtons li[data-page='user_details']:after { content:'personal details';}
.bigButtons li[data-page='user_vouchers']:after { content:'entry codes and vouchers'; }
.bigButtons li[data-page='user_tickets']:after { content:'tickets and entries'; }
.bigButtons li[data-page='user_blogs']:after { content:'blogs'; }
.bigButtons li[data-page='user_organisations']:after { content:'manage events'; }
.bigButtons li[data-page='user_groups']:after { content:'manage groups'; }
.bigButtons li[data-page='user_products']:after { content:'product purchases'; }
.bigButtons li[data-page='user_businesses']:after { content:'organisations'; }
.bigButtons li[data-page='user_achievements']:after { content:'awards and achievements'; }

.bluesky:before { content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTExLjggNjIuMkMxNzAuMiAxMDUuOSAyMzMgMTk0LjcgMjU2IDI0Mi40YzIzLTQ3LjYgODUuOC0xMzYuNCAxNDQuMi0xODAuMmM0Mi4xLTMxLjYgMTEwLjMtNTYgMTEwLjMgMjEuOGMwIDE1LjUtOC45IDEzMC41LTE0LjEgMTQ5LjJDNDc4LjIgMjk4IDQxMiAzMTQuNiAzNTMuMSAzMDQuNWMxMDIuOSAxNy41IDEyOS4xIDc1LjUgNzIuNSAxMzMuNWMtMTA3LjQgMTEwLjItMTU0LjMtMjcuNi0xNjYuMy02Mi45bDAgMGMtMS43LTQuOS0yLjYtNy44LTMuMy03LjhzLTEuNiAzLTMuMyA3LjhsMCAwYy0xMiAzNS4zLTU5IDE3My4xLTE2Ni4zIDYyLjljLTU2LjUtNTgtMzAuNC0xMTYgNzIuNS0xMzMuNUMxMDAgMzE0LjYgMzMuOCAyOTggMTUuNyAyMzMuMUMxMC40IDIxNC40IDEuNSA5OS40IDEuNSA4My45YzAtNzcuOCA2OC4yLTUzLjQgMTEwLjMtMjEuOHoiLz48L3N2Zz4=");
  width: 35px;
  height: 33px;
  display: block;
  background-repeat: no-repeat;
  margin-top: 7px;}

.bigButtons li:hover { background:#fa6; transform:scale(0.97, 0.97); }
.footerUmber { min-height:160px; }
.twdc_bubbleNumber { position: absolute; left: 50px; width: 20px; text-align: center; }
.twdc_bubbleNumber:before { content:attr(data-value); width:20px; text-align:center; line-height:2rem; font-weight:bold; font-size:1.4rem; display:block; }
.twdc_bubbleNumber[data-count='0'] { display:none; }
.twdc_placecode { margin:5px; text-align:left; background:#fff;padding:5px; border:1px dashed #ccc; max-width:300px; }
.placefor { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0;  min-height:100px; background:#eee; padding:5px; color:#888; background: #eee url(https://storage.googleapis.com/ub_site_images/paperbg.png);}
.placeDetails { padding:0 5px;  }
.placeexpiry { border-top:1px dotted #ccc; padding-top:5px; margin-top:5px; }
.placeexpiry:before { content:'valid until'; display:block; }
.placecost { padding:2px; font-weight:bold; background:#fc0; color:#fff; }
.twdc_ticketOverlay { cursor:pointer; position:absolute; z-index:200; top:0; left:0; right:0; bottom:0; }

.userAchievements { padding:10px; background: #f8f8f8 url(https://storage.googleapis.com/ub_site_images/paperbg.png);}
.userAchievements .twdc_socialLogo { background:#fff; box-shadow:0 1px 2px #ddd; padding:10px; }
.userAchievements .conneventLI { width:100%; }
.serviceName { text-align:left; }
.achievement { text-align: center; max-width: 150px; font-size: 1.4rem !important; min-height:120px; }
.achievement:hover { background:#f8f8f8; }
.achievement a { position:absolute; z-index:99; top:0; left:0; right:0; bottom:0; }

.awardsOuter { margin-top:20px; }
.certificateAward:before { content:'\f0a3'; color:#bb8; font-size:5rem; margin-bottom:10px; }
.treeAward:before { content:'\f1bb'; color:#8c8; font-size:5rem; margin-bottom:10px;}
.postcardAward:before { content:'\f03e'; color:#6df; font-size:5rem; margin-bottom:10px;}

.twdc_wastf, .twdc_wasdf { position: absolute; top: -12px; left: -12px; width: 36px; height: 36px; border-radius: 100%; border: 3px solid #fff; box-shadow: 0 1px 2px #ccc; color: #fff; text-align: center; background: #c60; }
.twdc_wastf { background:#33CC99; }
.twdc_wasdf { background:#99CC00; }
.twdc_wastf:before, .twdc_wasdf:before { font-size:1.8rem; line-height:3rem; }
.twdc_wastf:before { content:'\f0ec'; }
.twdc_wasdf:before { content:'\f04e'; }
.twdc_showmulti { background:#dda; }

.twdc_managedorgs { background:#f8f8f8; padding:20px; margin-bottom:20px; overflow:hidden; display:-ms-grid; display:grid; grid-template-columns:repeat(auto-fill, 200px); }
.twdc_managedorgs:empty:before { content:'you are not linked to any organisations'; }
.managedClient { text-align:left; max-width:190px; margin:0 10px 10px 0; }
#twdc_neworgform { background:#f8f8f8; padding:10px 0; }
.mt40 { margin-top:40px; }
.mailinglistUL { margin-top:10px; }
.mailinglistUL .switch { margin-bottom:0 !important; }
.mailinglistUL .fx1:nth-child(odd) { padding-right:20px; }
.maillistdesc { text-align:left; color:#bb8; }
.maillistcatname:before { content: '\f0a1'; margin-right: 10px; display: inline-block; background: #fff; border-radius: 100%; width: 35px; height: 35px; text-align: center; line-height:3.5rem; color: #f40; box-shadow: 0 1px 2px #ccc;}

#instance_date { margin-bottom:10px; }

.fsPanel { transition:all 0.3s; overflow:hidden; padding:10px 10px 30px 10px; display:none; }
.fsPanels { font-family:'bebas neue'; left:0; right:0; bottom:0; width:100%; height:100%; }
.fsPanel[data-anchor='personal_menu'] { background:#f8f8f8; }
.panelActive { display:block;  }
.adEvMainPanel, .fpMainPanel { left:0; min-height:10px; position:fixed; bottom:0; right:0; }
.adEvMainPanel { top:170px; }
.fpMainPanel { top:60px; }
.headerLIname { -webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; }
.headerLIname.stuck-fixed { width: 100% !important; left: 0; display:flex; justify-content:center; padding: 5px; background: rgb(221,221,170);
background: linear-gradient(0deg, rgba(221,221,170,1) 0%, rgba(204,204,153,1) 100%);}
#twdcPanels { z-index:1; }
.editOrganiser { z-index:10;}
.hpadding { padding:0 10px; }

#TWDCeventdetails { padding:10px; }
#RDeventList { clear:both; overflow:hidden; padding:10px 0; }
#RDeventList > li { width:100%; float:left; margin-bottom:20px; }

#RDeventList ul { width:70%; float:left; padding:0 10px; }
.eventdetail_title { font-family: 'bebas neue', sans-serif; display:block; color:#4cf; font-size:1.6rem; margin-top:10px; line-height:2rem; text-transform:uppercase; text-align:center; }
.eventdetail_date { font-family: 'bebas neue', sans-serif; display:block; text-transform:uppercase; text-align:center; color:#777; font-size:1rem; }
.eventClick { position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}

.eventdetail_instance { width:150px; line-height:1.8rem; cursor:pointer; transition:all 0.3s; text-transform:uppercase; color:#fff; height:150px; float:left; margin:10px 20px; border-radius:10px; background:#4cf; padding:70px 5px 0 5px; text-align:center;}
.eventdetail_instance:before { content:'\f274'; font-size:5rem; top:10px; position:absolute; width:100%; left:0; line-height:5rem; display:block; color:#fff; }
.eventdetail_instance:hover { background:#6df; }

.eventContainer { float:left; width:24%; }

.eventdetail_eventcontainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; }
.footerSummaryClip { overflow:hidden; width:100%; }
.clickmask .child16x9 { transition:all 0.3s; }
.clickmask:hover .child16x9 { opacity:0.7; }
.eventdetail_eventouter { display:block; border:3px solid #fff;}
.lightblue { background:#f8f8f8; border-right:4px solid #fff; color:#fff; height:100%; }
.diagonal { height:100%; background:url(https://storage.googleapis.com/ub_site_images/diagonalBG.png); }
.twdcEventName { color:#888; text-transform:uppercase; }

.routeback:before { content:'\f053'; float:left; margin-right:10px; font-size:1.4rem; color:#bbb; }
.routeback { cursor:pointer; text-transform:uppercase;}
.breadcrumb { display:block; margin:10px 0 20px 0; }

.twdc_eoproductsale { width:100%; }
.twdc_eoproductsale div { margin: 5px 10px; }
.twdc_eoproductsaleHL { width: 100%; color: #888; line-height:5.5rem; padding: 0 10px; z-index: 1; background: #fff; font-size:1.6rem; }
.twdc_oli_delivery { line-height:2.4rem; }
.twdc_oli_img img { max-width:80px; padding:0 5px; }
.twdc_eoproductsale:nth-child(even) { background:#f8f8f8; }

/*------------instagram widget -------------------*/
.TWDCinstagramBox { width:100%; max-width:400px; height:auto; }
.TWDCinstagramBox li { float:left; width:32.3%; height:auto; margin:0 1% 1% 0; }
.TWDCinstagramBox li img { width:100%; }
img.preload::before { content:'\f250'; font-size:1.8rem; color:#333; opacity:0.4; position:absolute; top:2px; left:2px; }
li.TWDCinstaIMG[data-like]::after { content:'\f08a'  attr(data-like); background:transparent; width:auto; position:absolute; color:#eee; left:2px; bottom:2px; opacity:0.6; height:20px;}
.instaimglink { transition:opacity 0.3s; cursor:pointer; }
.instaimglink:hover { opacity:0.8; }
/*---------------end instagram widget-----------------*/

.TWDCblogHeader { padding-bottom:33%; width: 100%;}
.TWDCblogHeader IMG { width:100%; }
.TWDCblogHeaderTitle { width:100%; color:#fff; font-size:5.8rem; line-height:9.6rem; font-family: 'Shadows Into Light',Verdana; margin:-40px 0; top:50%; position:absolute; text-align:center; z-index:100; text-shadow:0 1px 4px #ccc; }
.TWDCblogHeaderDate { font-size:3rem; line-height:3.8rem; }
.blogSidebar LI { color:#aaa !important; }
.blogpost { clear:both; margin-bottom:20px; overflow:hidden; }
.posttags { margin-top:10px; }

#raceList { display:table; border-collapse:separate; border-spacing:0 10px; width:100%; }
.racetag { width:100%; padding:10px; margin:10px 0; color:#fff; background:#009900; display:table-row; }
.racetag span { padding:10px; }
.racetag img { vertical-align:middle;}

.TWDCUltra { background:#ddaa00 !important; }
.TWDCMarathon { background:#fc0 !important; }
.TWDCHalfMarathon { background:#00bbff !important;}
.TWDCXCTrail {background:#CC6600 !important; }
.TWDCFell { background:#aa5500 !important;}
.TWDC10k {background:#CC6699 !important;}
.TWDC5M {background:#CCCC00 !important;}
.utmbpts {display:table-cell;}
.wserq { display:table-cell; }
.racelengthlabel { display:table-cell; }
.racenamelabel { display:table-cell; }
.raceweblink { display:table-cell; }
.racebloglink { display:table-cell; }
.utmbna { display:table-cell; }
.wserna { display:table-cell; }
.racelink { font-size:2.2rem; color:#fff; }

.connEventHeader { max-width: 200px; height: 86px; min-height: 86px; }
.connEventHeader img { max-height:100%; }
.conneventLI { margin-bottom:20px; }
.connevdetails { max-width:185px; }
.connevdetails img { margin-right:20px; max-width:200px; }
.connEventName { font-size: 1.4rem; text-align: left; height: 34px; line-height: 1.6rem; max-width:150px; }
.awardsOuter .connevdetails { max-width:inherit !important; background: #fff; box-shadow: 0 1px 2px #ddd;}
.linkedEventsUL { margin-top:20px; background:#fff; padding:10px; box-shadow: 0 1px 2px #ddd; }
.linkedEventsUL:before { content:''; position:absolute; top:-20px; left:20px; width:5px; height:20px; background:#fff; }
.linkedEventsUL li { margin:0 10px 20px 0; float:left; border-right: 1px dotted #aaa; padding-right: 10px;}
.awardsOuter li { margin:0 10px 0 0 !important; }

#TWDCcomments { margin-left:-20px; }
.blogCommentForm, .blogCReplyForm { background:#eee; padding:10px; }
.blogCReplyForm::before { content:' '; position:absolute; background:#eee; transform:rotate(45deg);width:20px; height:20px; left:14px; top:-10px; }
.blogCommentForm::after, .blogCReplyForm::after { content:''; clear:both; display:block; }

#TWDCcomments UL { position:relative; padding-left:20px; }
#TWDCBO { display:none; }
.commentTopLine { clear:both; width:100%; }
.commentTLName { float:left; margin-right:20px; font-size:2rem; font-weight:bold; color:#333; }
.commentTLDate { float:left; font-size:1.4rem; color:#888; }
.commentText { clear:both; margin-top:10px; color:#666; padding-bottom:30px; border-bottom:1px dotted #eee; margin-bottom:10px;}
.twdcCommentReply { float:right; font-size:1.6rem; color:#0099FF; cursor:pointer; }
.twdcCommentReply::before { content:'\f112'; font-size:1.6rem; }

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

ul.list li {
	overflow: hidden;	margin-bottom: 20px;
}

ul.list li .count {
	float:left; min-width:50px; font-size:3.8rem;	line-height:3.6rem; font-weight:bold; font-family:sans-serif;	color: #424242;
}

ul.list {
	margin-bottom:19px; padding-top:17px;
}

.TWDCimgFN { float:none !important; display:block !important;}
.TWDCimgFL { float:left !important; margin:20px 20px 20px 0 !important;}
.TWDCimgFR { float:right !important; margin:20px 0 20px 20px !important; }
.TWDCimgFW { width:100% !important; }
/* callout box */
.TWDCCOWrapper { font-size:1.8rem; width:24vw; min-width:200px; background:#dda; color:#fff; z-index:90; padding:30px; }
.TWDCCOWrapper:before { content:'\f10d'; position:absolute; left:-1px; top:-1px; font-size:2.5rem; color:#bba; }
.TWDCCOWrapper:after { content:'\f10e'; position:absolute; right:-1px; bottom:-1px; font-size:2.5rem; color:#bba; }

.TWDCYTWrapper { clear:both; margin:10px 0; }
.TWDCYTWrapper .twdc_deleteElement, .TWDCYTWrapper .clicktrap { display:none; }
.footertitle a { text-decoration:none !important; }

/*---- popupads ---------*/
.adFrame { width:390px; z-index:999999; position:relative; float:left; top:0;}
.adFRame img { width:100%; }
.positiontl { top:0; left:0; }
.positiontr { top:0; right:0;}
.positionbl { bottom:0; left: 0;}
.positionbr { bottom:0; right:0;}
.positioncen { top:50%; left:50%; margin:-200px -200px; }
.TWDCcloseAd { position:absolute; top:0; text-align:center; right:0; height:24px; width:24px; font-size:2.4rem; cursor:pointer; transition:all 0.3s; z-index:999999;}
.TWDCcloseAd:hover::before { color:#0099FF; }
.TWDCcloseAd::before { content:'\f00d'; color:#888; }
.adFrameInner { position:fixed; z-index:999998; border:5px solid #fff; background:#fff; width:400px; height:400px; overflow:hidden;}
.adFrameOuterpop { transition:opacity 0.3s; z-index:999998; background-image:url(https://storage.googleapis.com/ub_site_images/hide.png); width:100%; height:100%; left:0; top:0; bottom:0; right:0; position:fixed; }
.adFrameOuterfade { transition:opacity 0.3s; z-index:999998; background-image:url(https://storage.googleapis.com/ub_site_images/hide.png); width:100%; height:100%; left:0; top:0; bottom:0; right:0; position:fixed; display:none; }
.adFramesContainer { display:none; }
#TWDCdisplayAd { position:absolute; z-index:5; top:0; left:0; width:390px; height:390px; transition:opacity 0.3s}
/*-----------------------*/
.FULLPAGEstylelist { float: left; background: #fc0; padding: 4px; color: #fff; margin: 2px; cursor:pointer; }



/*--google map--------------*/
.bootcampmap img {
    max-width: none;
}


/* ------------ HP blog summaries --------------*/
.HPsummary { width:33.3%; padding:0 10px; float:left; }
.HPblogSummaryImg img { max-height:100%; max-width:100%; }

/* ----------footer menu ------------------- */
.footerRibbonMenuOuter { text-align:center; clear:both; width:100%; display:block; margin-bottom:15px; }
.footerRibbonMenu { color:#fff; }
.footerRibbonMenu li { font-weight:bold; margin:0 3px; display:inline-block; text-transform:uppercase; letter-spacing:4px; font-size:1.2rem; font-family:bebas neue, sans-serif; }
.footerRibbonMenu li:not(:first-child)::before { content:'/'; color:#fff; margin:0 15px 0 10px; }
.footerSpacer { padding:100px 0 50px 0; }
.cb-circle { border-radius:9999px; border:2px solid #fff; }
.cb-to-top { text-align:center; color:#fff; font-size:3rem; margin:30px auto;}
.cb-to-top a i {
    height: 60px;
    width: 60px;
    display: inline-block;
    padding-top: 10px;
    top: 0;
    position: relative;
    transition: all 0.2s;
}

.greyBox input { box-shadow:none !important; outline:0 none !important; width:80%; margin:8px 0 !important; }
.footerLatestUL { top:0; left:0; transition:all 0.5s; }
.footerNav { position:absolute; top:0; right:0; width:60px; z-index:10;}
.footerNavLeft, .footerNavRight { transition:all 0.3s; cursor:pointer; padding:2px 0; text-align:center; opacity:0.8; background:#ccc; color:#191919; float:left; width:50%; font-size:2.5rem; }
.footerNavLeft:hover, .footerNavRight:hover { background:#eee; opacity:1;}
.footerSummaryPic { width:100%; }
.footerSnapshot { float:left; }
.footerSummaryTitle { font-family: 'bebas neue', sans-serif;display:block; color:#55ab26; font-size:1.6rem; margin-top:10px; line-height:2rem; text-transform:uppercase; text-align:center; }
.footerSummaryDate { font-family: 'bebas neue', sans-serif; display:block; text-transform:uppercase; text-align:center; color:#777; font-size:1rem; }
.TWDCFooteraspectCont {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	overflow:hidden;
}
.footerSummaryClip { overflow:hidden; width:100%; }
.clickmask .child16x9 { transition:all 0.3s; }
.clickmask:hover .child16x9 { opacity:0.7; }
#cb-to-top i { transition:all 0.3s; cursor:pointer; }
#cb-to-top i:hover { background:#eee; }
/*-----------------blog-------------------------*/
.pagination .current { margin:5px; font-weight:bold; font-size:1.6rem; display:block; float:left;}
.pagination .inactive { margin:5px; font-weight:normal; font-size:1.4rem; display:block; float:left; cursor:pointer;}

.srchresIMG { width:100px; float:left;  }
.srchresIMG img { width:100%; }
.srchresTXT { margin-left:10px; font-size:1.6rem; float:left; }
.searchresult { width:100%; margin-bottom:5px;  overflow:hidden;}

/*-------------end blog------------------------------*/

/*---------------------popupbox----------------------------------*/

.dashed { border-bottom:1px dashed #ccc; margin-bottom:20px; }

.modalbutton, .modalok, .modalcancel, .modalopen, .modalunsub, .modalsub {
	display:block;
	text-align:center;
	font-size:1.6rem;
	color:#fff;
	margin:0 0 5px 5px;
	border: 0 none;
	transition:all 0.3s;
	padding:9px 20px 11px 20px;
	min-width:40px;
	cursor:pointer;
}
.modalbutton { float:left; clear:both; background:#66b2ff; }
.modalbutton:hover { color:#fff; background: #76c2ff; }

@-webkit-keyframes btnproc {
    from{background-position:0 0%}
    to{background-position:-20px 0%}
}
@keyframes btnproc {
    from{background-position:0 0%}
    to{background-position:-20px 0%}
}
.btnwaiting { overflow:hidden; cursor:auto !important; }
.btnwaiting:before { background: repeating-linear-gradient(
  to right,
  #ac0,
  #ac0 10px,
  #bd0 10px,
  #bd0 20px
);
content:attr(data-msg);
line-height:3.8rem;
position:absolute;
top:0; left:0; width:calc(100% + 10px); height:100%; padding-right:10px;
-webkit-animation: btnproc 5s infinite;
    -moz-animation: btnproc 5s infinite;
    animation: btnproc 0.4s linear infinite;
display: flex; align-items: center; justify-content: center;
}

.twdc_ispaid:after  {content:'\A\f00c\Apaid, thank you'; background : #4cf; color:#fff; font-size: 1.4rem; padding: 4px; margin-left: 10px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.modalcancel { background: #e85032; }
.modalcancel:hover { background: #f86042;  color:#fff;}
.modalopen { background:#38c; }
.modalopen:hover { background:#5ac;  color:#fff;}

/*------------------------------ end pop up----------------------------*/

.optionsbox {border: 2px solid rgb(25, 25, 25);
padding: 5px;
margin: 0px auto 0px -35%;
display: block;
width: 70%;
text-align: center;
position: absolute;
top: 50%;
background: #fff; color:#161616;
opacity: 0;
font-weight: bold;
text-transform: uppercase; transition:all 0.3s; left:-35%; }

.TWDCProdThumb:hover .optionsbox { left:50%; opacity:0.8;}
.statusMessage { text-align: center; font-size:1.8rem; background: #0cf; color: #fff; margin-top: 10px; padding: 5px 0px; }
.twdc_shoporgNameLogo { position:absolute; top:0; left:0; width:100%; z-index:1000; background:#fff; color:#888; opacity:0.9; }
.twdc_shoporgLogo { width:36px; max-width:36px; min-width:36px; height:36px; max-width:36px; max-height:36px; padding:4px; }
.twdc_shoporgLogo img { max-width:100%; max-height:100%; height:auto !important; }
.twdc_shoporgName { width:100%; padding-left:5px; }

/*--------------- form fields -----------------------*/
.stripefields { background:#ffff; border:1px solid #eee; padding:10px; text-align:left; overflow:hidden;}
.TWDCerror::before { content:'error'; }
.ftpo { font-size:1.4rem; text-align:justify; line-height:1.8rem; color:#aaa; margin:10px 0; clear:both; width:100%; }

input[type="text"] {
    -webkit-appearance : none;
    border-radius      : 0;
}
.spacer30px { display:block; height:30px; clear:both; width:100%; }
.TWDCnofloat { display:block; float:none; }
.UB-Qinputthird, .UB-Qinput { line-height:3rem; color:#888; background:transparent;}
.UB-Qinputthird { width:32%; margin:0 1% 0 0; }
.UB-Qtextarea { resize:none; padding:3px; font-size:2rem; width:100%; color:#888; margin:0 0 10px 0; border:0 none; box-shadow:0 1px 2px #ddd; font-family:roboto; height:80px; background:#fff;}
.UB-Qtitle { font-size:2rem; color:#111; line-height:2rem; display:block; float:left; width:100%; clear:both; margin:10px 0 4px 0; }
.UB-QBigTitle { display:block; clear:both; margin:10px 0; width:100%; font-size:2.4rem; color:#666; line-height:2.8rem !important; }
.UB-QSubTitle{ font-size:2rem; color:#888; line-height:2.6rem !important; }
.UB-Qstdtext { font-size:1.4rem; color:#888; display:block; clear:both; line-height:1.4rem; }

.twdc_isDonation input { background: no-repeat url(https://storage.googleapis.com/ub_site_images/donationBG.png) 0 3px; padding:0 0 0 20px; width:100px !important; }

.UB-RadioLabel { margin-bottom:10px; float:left; width:auto !important; font-size:2rem !important; color:#666; margin-right:10px; line-height:2rem;  }

.UB-Qhelp { font-size:1.2rem; color:#999; display:block; clear:both; }
.UB-Qselect, .UB-Qselectthird, .UB-QselectHalf { margin:0 0 10px 0; border:0 none; outline:1px dotted #ccc; height:30px; display:block; color:#888; clear:both; width:100%; font-family:roboto; font-size:2rem; }
.UB-Qoption { font-size:1.6rem; color:#666; }

#twdc_timeBox {  display:flex; margin:20px 0; }
#twdc_timeBox input { margin:0 5px 0 0 !important; max-width:100px !important; }
#twdc_timeBox div:before { content:attr(data-cap); position:absolute; right:5px; top:-14px; line-height:1.4rem; font-size:1.4rem; text-transform:uppercase; }
.twdc_pbdate { font-size:1.6rem; color:#4cf; cursor:pointer; }
.twdc_performance:empty:before { content:'click to set your pb'; font-size:1.2rem; }

#yob { float:left; }

.formValue { transition:all 0.3s; clear:both;  display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;  -ms-flex-align:center; align-items:center; }
.formValue:hover { background:#ccc; }

.actionButton { display:block; width:100%; background:#00ccff; text-align:center; color:#fff; font-size:1.6rem; padding:10px 20px 6px 20px; cursor:pointer; transition:all 0.3s; }
.actionButton:hover { background:#00ddff; color:#fff;}

.tabLit { background:#666; color:#fff; }
.tabDim { background:transparent; color:#666; }

.editData { background:#4cf; padding:8px; border-radius:100%; color:#fff; display:block; text-align:center; transition:all 0.3s; cursor:pointer; opacity:0.5; }
.editData:hover { background:#6df; }

.remove { cursor:pointer;}

.tabPanelUL { width:auto; height:auto; overflow:hidden; margin-bottom:-1px;}
.tabHeaderLI, .tabHeaderLIActive { z-index:100; text-transform:uppercase; transition:all 0.3s; padding:2px 5px; cursor:pointer; border:1px solid #ccc; border-bottom:none; background:#666; float:left; color:#fff; font-size:1.4rem; }
.tabHeaderLI:hover { background:#eee; }

.tabHeaderLIActive { background:#fff; color:#888; cursor:auto; }
.tabPanelsOuter { overflow:hidden; min-height:20px; border:1px solid #ccc; width:100%; }
.noBox { border:0 none !important; border-top:1px solid #ccc !important; }

.tabPanel, .tabPanelActive { min-height:20px;float:left; display:none; width:100%; padding:5px; }
.tabPanelActive { display:block; }
.tabPanelsOuter { transition:all 0.3s; margin-top:-1px; }
.tabPanelULmultitab { overflow:hidden; }
.tabHeaderLI { margin-top: 2px; margin-bottom: -2px; border-top: 0px none; border-right: 1px solid #fff; border-left: 0px none; }

.twdc_pdsWrapper { width:100%; overflow:hidden; }
#twdc_personalDetails { width:1000%; transform:translate(0px); overflow:hidden; }
#twdc_personalDetails .UB-QBigTitle { margin-top:30px; }

#twdc_personalDetails > li { width:10%; padding:0 10px; float:left; transition:all 0.3s; }
#twdc_personalDetails[data-page='1']  { transform:translate(0px);  }
#twdc_personalDetails[data-page='2']  { transform:translate(-10%); }
#twdc_personalDetails[data-page='3']  { transform:translate(-20%); }
#twdc_personalDetails[data-page='4']  { transform:translate(-30%); }
#twdc_personalDetails[data-page='5']  { transform:translate(-40%); }
#twdc_personalDetails[data-page='6']  { transform:translate(-50%); }
#twdc_personalDetails[data-page='7']  { transform:translate(-60%); }

#userAddresses { overflow:hidden; clear:both; }
#userAddresses.loading:empty:before { content:'\f252  loading addresses..'; }
#userAddresses.loaded:empty:before { content:'\f071  we\'ve no addresses stored for you'; background:transparent; color:#c40;}
.userGroups.loaded:empty:before { content:'you\'re not a member of any groups'; background:transparent; color:#4cf;}
.userGroups { overflow:hidden; background:#f8f8f8; padding:10px; margin-bottom:10px;}
.userGroups li { background: #fff; margin:5px; padding: 5px; box-shadow: 0 1px 2px #ddd; width: 200px; }
.groupName { margin:10px 0; text-align:left;}
.groupBody { padding:20px 0; }

.groupMemCount:before { content:'\f2be\0020'attr(data-members)'\Aof\A'attr(data-size); }
.TWDCgroupLI[data-status]:before { color:#fff; text-align:center; position:absolute; top:0; left:0; width:100%; height:14px; font-size:1.2rem; line-height:1.4rem; z-index:3000; }
.TWDCgroupLI[data-status='applied']:before { content:'Pending'; background:#F90; }
.TWDCgroupLI[data-status='Rejected']:before { content:'Ineligible'; background:#555; }
.TWDCgroupLI[data-status='admin']:before { content:'Admin'; background:#4cf; }
.TWDCgroupLI[data-status='member']:before { content:'Member'; background:#0c3; }

#userPBs.loaded:empty:before { content:'we have no pbs stored for you'; background:transparent; color:#4cf;}
div[data-showthis='N'] { display:none; }

.surfaceType { font-size:1.8rem; margin:30px 0 10px 0; color:#4cf; }
#twdc_pblist ul li { margin:10px; font-size:1.6rem; color:#888; display: -ms-flexbox; display: flex;  -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px dotted #eee;
line-height:2.6rem; cursor:pointer; }
#twdc_pblist ul li:hover { background:#eee; }
.personalWrapper { background: rgb(240,240,240); background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); padding:10px; width:100%; max-width: 1200px; margin: 0 auto;}
#twdc_pdControl { cursor:pointer; width:100%; max-width:200px; min-width:200px; }
#twdc_pdControl a { color:#888; display:block; text-align:left; font-size:1.8rem; line-height:4.4rem; padding:0 10px;}
#twdc_pdControl a.selected { color:#fff !important; }
.twdc_pdpersonal:before { content:'\f2be\A personal';}
.twdc_pdaddr:before { content:'\f015\A addresses';}
.twdc_pdpbs:before { content:'\f06d\A pbs';}
.twdc_pdgroups:before { content:'\f0c0\A groups';}
.twdc_pdsocial:before { content:'\f1e0\A social sharing';}
.twdc_pdconnect:before { content:'\f1e0\A connect service';}
.twdc_pdcards:before { content:'\f09d\A cards';}
.twdc_pdsubs:before { content:'\f1de\A preferences';}
.twdc_grplogo { max-width:150px; }
.maillistcatname { font-size:1.8rem; font-weight:bold;}
#twdc_personaldetails .UB-QSubTitle + .UB-QSubTitle { margin-top:40px; }

.twdc_pdconnect { margin:10px 0; }

.lineWrapper, groupWrapper { transition:all 0.3s; width:100% !important;  display:flex; cursor:pointer; padding:5px; }
.lineWrapper:hover { background:#4cf; }
.addressDeets { padding-left:20px; text-align:left; -ms-flex-pack:distribute; justify-content:space-around; font-size:2rem; }
.twdc_addrline:before { content:'\f2bb'; font-size:4.4rem; }
.twdc_addrMask { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100;}
.twdc_ineligible .twdc_addPostcode { font-size:1.4rem; }
/*--------- pb form - styles also in EventEditorCSS.css --------*/

#TWDCselectarea { overflow:hidden; }
#addFreeform { overflow:auto;}
.selectedTvD { background:#4cf; color:#fff !important; }
#TWDCfreeform, #stdDs { overflow:auto; }

.unitsSelected, .unitsDim { border-radius:5px; float:left; margin:0 10px; padding:3px 14px 5px 15px; }
.unitsSelected { background:#4cf; border:1px solid #4cf; color:#fff; }
.unitsDim { border:1px solid #ccc; color:#aaa; cursor:pointer; }
.freeFormD {  display:flex;  -ms-flex-align:center; align-items:center; }
.freeFormD input { margin:0; }

.unitsSpacer2 { margin:13px 0 10px 0; }
.unitsOuter span { transition:all 0.3s; }
.fieldvalue { display:block; padding:5px; margin:0 50px 20px 0; min-height:35px; border-bottom:1px dotted #4cf; }
.fieldvalueNoEdit { display:block; margin:0 0px 20px 0; min-height:35px; }
.oneThird { float:left; width:33%; padding:0 0 0 10px; }

.footerSubOuter ul { width:400%; }
.footerSubOuter { background:#c40; color:#fff; border-radius:5px; text-align:center; padding:5px; }
.shoutOut { margin-bottom:10px ;}
.footerSubOuter[data-p='0'] ul { transform: translateX(0); }
.footerSubOuter[data-p='1'] ul { transform: translateX(-25%); }
.footerSubOuter[data-p='2'] ul { transform: translateX(-50%); }
.footerSubOuter[data-p='3'] ul { transform: translateX(-75%); }
.footerSubOuter[data-p='1'] { background-color: #fc4; }
.footerSubOuter[data-p='2'] { background-color: #0c0; }
.footerSubOuter[data-p='3'] { background-color: #c40; }

/*-------------------------end form fields--------------------------------*/

/*------------------- add child ---------------------*/
li:only-child .cancelChild { display:none; }

/*---------------SHOPPING CART (HEADER)-------------------*/
span.cart_itemstotal {
    padding: 0 0 0 20px;
}

ul.mini-cart > li:before { content:'\f07a  your cart'; text-transform:uppercase; line-height:1.8rem; display:inline-block; }
ul.mini-cart { line-height:4rem; font-size:1.6rem; text-align:right; min-width:168px; color:#fff; z-index:4000; width:360px; max-width:100%; }
ul.mini-cart > li { width:100%; background:url(https://storage.googleapis.com/ub_site_images/fibrebg.png) #e6c680;}

.waitingBarOuter { background:#f6d690; width:100%; text-align:center; }
.waitingBar { height:40px; line-height:4rem; }
.waitingBar:before { content:'\f1ce'; line-height:4rem; height:25px; width:25px; font-size:2.5rem; }

#TWDCsignedinas { position:absolute; z-index:20; text-align:center; width:100%; font-size:1.6rem; }
.TWDCLIA { background:#be1622; display:block; color:#fff; padding:5px 10px; }
.TWDCbold { font-weight:bold; }

.delServiceList { margin-top:20px; -ms-flex-preferred-size:85%; flex-basis:85%; }
.delServiceList:before { content:'delivery services available'; text-transform:uppercase; color:#aa8; position:absolute; top:-20px; left:0;  }

ul.mini-cart li {
    list-style: none;
}

ul.mini-cart li .cart_dropdown_link {
    padding: 0 5px;
	float:right;
}

ul.mini-cart .cart_dropdown_link .icon-shopping-cart {
    color: rgb(99, 96, 96);
    font-size:1.4rem;
    padding-right: 10px;
}

ul.mini-cart li:hover ul.cart_list {
    left: auto; right: 0; box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

ul.mini-cart li {
    width: auto; border-bottom: 1px dotted #ccc;
}

ul.mini-cart li a {
    font-size:1.6rem; border-bottom: 0 none; border-right: 0 none; color:#888; padding-left:30px;
}

.cart_subtotal, .cart_itemstotal { color: #fff; }
.fa-shopping-cart { font-size:1.4rem !important; }

ul.mini-cart li:last-child {
    border-bottom: 0 none; width:auto;
}

ul.mini-cart li ul.cart_list {
    z-index:9999; background:none repeat scroll 0 0 #f8f8f8; display: block; left:-999em; margin:0; padding:10px; position:absolute; width:360px; max-width:100%; color: #2c2c2c;
}
ul.mini-cart li ul.cart_list:before {
	content:' '; background:inherit; width:11px; height:11px; transform:rotate(45deg); position:absolute; top:-4px; left:50%; margin-left:-5px;
}

ul.mini-cart li ul.cart_list li.empty {
    border: medium none;
    padding: 15px 0 10px;
}

ul.mini-cart li ul.cart_list li {
    line-height: 1.1;
    padding: 7px 0;
}

ul.mini-cart li ul.cart_list li.cart-title {
    border: 0 none;
    padding: 0;
    text-align: right;
}

.cart_itemlist { margin-top:10px; clear:both; max-height:300px; overflow:auto; padding-right:5px; }

.cart_itemlist li {	text-align: left; clear: left; overflow: hidden; padding: 11px 0 7px;}

ul.mini-cart li ul.cart_list li.cart-title h3 {
    border-bottom: 1px dotted #c6c6c6; color:#2c2c2c; font-size:1.1rem; margin:0; padding:6px 0 10px; text-transform: uppercase;
}

.cart-title h3 { width:100% !important; text-align:center !important; }

.cart_itemlist li:before { background:#fff; border-radius:100%; line-height:2.4rem; width:24px; height:24px; text-align:center; margin-right:5px; box-shadow:0 1px 2px #ddd; position:absolute; }
.cart_list_product:before { content: '\f1b2'; color:#4cf; }
.cart_list_delivery:before { content: '\f0d1'; color:#dda; }
.cart_list_event:before { content: '\f145'; color:#d94; }
.cart_list_transfer:before { content: '\f0ec'; color:#fc0; }
.cart_list_subscription:before { content: '\f152'; color:#b68; }
.cart_list_delivery .twdc_cartVariant { padding-left:30px; }

.cart_list_event:after { content: '\f017  'attr(data-mins)attr(data-secs); position:absolute; bottom:8px; right:0; font-size:1.4rem; line-height:1.4rem; color:#888; background:#fff; padding:1px 2px; border-radius:3px; transition:all 0.3s; }
.twdc_ambercd:after { background:#fc0; }
.twdc_redcd:after { background:#c00; color:#fff; }

ul.mini-cart li ul.cart_list li a { justify-content:space-evenly; }

ul.mini-cart li ul.cart_list li.cart_list_product:first-child {
    border-top: 0 none;
}

ul.mini-cart li ul.cart_list li img {
    width: 32px;
    max-height: 32px;
}

.cart_topline {
	max-width: 100%;
	width:360px;
	text-align:left;
	padding:0 10px;
}
.twdc_urgent:after { content:'\f071  entries about to expire!'; position:absolute; top:40px; left:0; line-height:2rem; width:100%; padding:0 3px; text-align:center; color:#fff; background:#fc0; font-size:1.4rem; }

.oboname { font-size:1.2rem; display:block; }

.quantities { margin-left:5px; }
.cart_list .curGBP:before { content:'\00a3'; }
/*.curGBP:before { content:'\00a3'attr(data-adj); }
.curUSD:before{ content:'\0024'attr(data-adj);  }
.curEUR:before { content:'\20ac'attr(data-adj);  }*/

ul.mini-cart li ul.cart_list li.total {
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    line-height: 1;
    padding: 10px 0;
    font-size:1.1rem;
}

.cart_list {
    margin-left: 0;
    padding: 20px 20px 0 20px;
}

.stdtext { display:block; font-size:1.8rem; margin:10px 0; }
.sigtext { display:block; font-size:2.2rem; margin:10px 0 80px 0; color:#3399CC; }
#systemMessageContainer { background:#ccc; margin-top:20px; display:block; overflow:hidden; padding:5px; font-size:1.6rem; color:#fff; }
#systemMessageContainer:empty { background:transparent;}
/*---links-----------------*/

a.btn  {
	display: inline-block;
	padding: 7px 13px 6px 14px;
	font-size:1.1rem;
	line-height:1.5rem;
	color: #fff;
	background: #39b9e9;
	border-radius: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

a.btn:hover  { background: #dfdfdf; color: #636363; }

.wrapper { overflow: hidden; }

#flatmenu { position:absolute; top:8px; width:100%; left:0; padding:0 10%; }

#flatmenu select {
    border: 1px solid #ccc;
    color: #4d4d4c;
    float: left;
    font: 16px/20px Arial,Helvetica,sans-serif;
    margin: 0 auto;
    outline: medium none;
    position:relative;
	width:100%;
}
#fmi { position:absolute; left:5px; width:25px; height:25px; color:#fff; font-size:2.5rem; }

.smallButton { font-size:1.6rem !important; padding:2px 10px !important; }

/*-------------------------prod details------------------------------------*/
.cattag { background:url(https://storage.googleapis.com/ub_site_images/tagBG.png) 0 center no-repeat; padding-left:16px; float:left; margin:0 5px 5px 0; }
.newCategory { float:none; clear:both; width:100%; border-bottom:1px solid #ddd; color:#333; font-weight:bold; }
.broadenSearch { padding:0 5px; width:100%; clear:both; overflow:hidden; }
.socialBar { color:#bb7; padding:0 15px; font-size:3.8rem; margin:10px 0; align-items:center; justify-content:flex-end; }
.sm { margin:5px; float:right; }
.twdc_allSM .sm { color:#fff; }
.ctocb, .sharemap { color: #fff; background-color: #bb7; margin: 5px; font-size: 2.2rem; padding: 0 5px; border-radius: 8px; cursor: pointer; line-height:3.4rem; width: 32.5px; transition:all 0.3s;}
.ctocb:before { content:'\f0ea'; float:right;}
.sharemap:before { content:'\f279'; float:right;}

.variationLabel { width:100%; display:block; clear:left; padding:0 5px 0 0; line-height:1.6rem; }

.QtyAndATC { clear:both; }
/*-------------------------------------------------------------*/

.fa-star{ color:#0cf; }

.recProd { width:120px; font-size:1.2rem; line-height:1.4rem; margin-right:10px;}
.top30 { margin-top:30px; }
.imgcarousel { margin-top:30px; }

.twdc_Recprodthumb { width:120px; }
.twdc_Recprodthumb img { width:100%; }

.twdc_prodthumb { width:100%; }
.twdc_prodthumb_inner { width:100%; }
.twdc_prodthumb img { width:100%; vertical-align:bottom; }
.twdc_prodthumb_link { z-index:100; position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; overflow:hidden; }
.twdc_prodthumb_link:hover { opacity:0.2; }

.products li { flex:1 1 0; margin:10px; max-width:300px;}
.hidden { display:none; }
.historyThumbnail { width:50px; padding:5px; float:left; }
.formerror { clear:both; color:#F30; float:right; margin-top:-10px; color:#fff;}

.minVslider,.maxVslider { color:#888; position:absolute; top:-20px; }
.minVslider { left:0; top:37px; }
.maxVslider { right:0; }
.sliderRange, .sliderBG { z-index:10; background:#EC5C54; position:absolute; top:17px; left:0; width:100%; height:5px;}
.sliderBG { z-index:5; background:#ccc; }
.sliderMarker { position:absolute; width:2px !important; height:2px; background:#aaa; top:22px; z-index:10; opacity:0.7;}

.priceSliderMin, .priceSliderMax { cursor:pointer; text-align:center; padding-top:2px; position:absolute; top:29px; background:#0cf; width:35px; height:25px; color:#fff; z-index:20;}
.priceSliderMin { top:-15px; }

.valueSliderOuter { margin:25px 9% 30px 9%; width:82%; position:relative; height:30px; }

.filterHeadingOpen { clear:both; text-transform:capitalize; color:#48f; border-bottom:1px solid #ddd; width:100%; margin-top:10px; }

.filterLI { margin:5px; float:left; height:22px; color:#666; cursor:pointer; transition:all 0.3s; padding:0 5px 0 24px; background:url(https://storage.googleapis.com/ub_site_images/filterTick.png) 1px center #ccc no-repeat; color:#fff; border-radius:100px; }
.filterLIdim { margin:5px; float:left; height:20px; overflow:hidden; cursor:pointer; color:#ccc; transition:all 0.3s; }
.filterHide { cursor:auto; height:0 !important; margin:0 !important; opacity:0.6; }

.TWDCtoggleFilter { display:none; cursor:pointer; background:#48f; text-align:center; width:100%; height:40px; color:#fff; padding-top:4px; font-size:2rem; transition:all 0.3s; }
.TWDCtoggleFilter:hover { background:#6af; }

.TWDCShopFilter { transition:height 0.3s; overflow:hidden; margin-bottom:20px; padding:5px; }
.TWDCProdThumb { background: #FFF; overflow: hidden; box-shadow: 0 1px 16px #ddd; margin:5px; max-width:300px; min-width:140px; }
.twdc_shopDisplay .TWDCProdThumb { max-width:30% !important; }
.cb-meta { background:#f2f2f2; font-family:'bebas neue', sans-serif;  width: 100%;opacity: 0.9;}
.cb-meta h3 { padding: .5em 0; margin: 0; color:#161616; text-align:center; font-size:1.6rem; text-transform: uppercase; letter-spacing: 1px; line-height:1.8rem !important; }
.cb-meta .price { display:block; text-align:center; font-weight:bold; font-size:2rem; color:#161616; text-decoration:none;}
.cb-meta .productName { padding:5px; height:70px; }

.twdc_priceline { font-weight:bold; padding:5px; text-align:center; }

.twdc_productPageOuter { padding-bottom:60px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.twdc_productImagePanel { flex:1 0 0; }
.twdc_productMetaPanel { flex:2 0 0; padding-left:10px; }
.fluidshop{ -ms-flex-wrap:wrap; flex-wrap:wrap; min-height:50px; }
.carouselImage { width:90px; height:90px; border:1px dashed #ccc; border-right:none; padding:5px; min-width:90px; max-width:90px; }
.carouselImage:last-child { border-right:1px dashed #ccc; }
.carouselMask { overflow:auto; width:100%; }
#prodthumbsouter li { flex:1 1 0; -ms-flex-wrap:nowrap;flex-wrap:nowrap; width:90px; height:90px; margin:0 5px; cursor:pointer;}
.CISelected { cursor:auto !important; }
.twdc_bebas neueTitle { font-family:bebas neue, arial; text-transform:uppercase; font-size:3rem; line-height:4rem; }
.twdc_minh100 { min-height:100px; }

.IBselectQty { box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); border:1px solid #ccc; width:100%;padding:6px 6px 6px 12px; height:33px; margin:0;outline:0;background:#fff none;font-size:1.4rem;line-height:1em; -moz-appearance:textfield; font-size:2.4rem;
  }

.twdc_quantityOuter { position:relative; max-width:200px; }
.qty { margin-bottom:0 !important; }

#checkingout {margin:30px 0; clear:both; overflow:hidden; width:100%; }
#checkoutform { overflow:hidden; }
#twdc_secinfo { padding: 10px 10px 10px 40px; background: #ccc url(https://storage.googleapis.com/ub_site_images/fibrebg.png); color: #fff; }

.QtyAndATC .button, .actions .button,#checkingout .button { font-size: 2.2rem; border: 0 none; color: #fff; background: #4cf; margin: 10px 0; padding: 5px 10px; transition:all 0.3s; cursor:pointer; float:right; }
.QtyAndATC .button:hover, .actions .button:hover, #checkingout .button:hover { background:#59f !important; }
#toCheckout { float:right; clear:both; }
th { text-align:left; padding:5px; }
.product-quantity { text-align:center; }

#prodInfoTabs li { float:left; padding:3px 10px; transition:all 0.3s; cursor:pointer; }
#prodInfoTabs { border-bottom:1px solid #666; width:100%; height:26px; clear:both; margin:10px 0;}
.rvtxt { padding:0 10px; width:auto; margin:10px 10px 10px 0; color:#48f; display:block; }
.starscore { margin-top:10px; background:url(https://storage.googleapis.com/ub_site_images/startScoreBG.png); height:20px; float:left; width:115px; }

.reviewouter .comments { clear:both; display:block; padding-top:5px; }
.reviewouter { margin:10px 0;}

.tabLit { background:#666; color:#fff; }
.tabDim { background:transparent; color:#666; }
.productPricing .amount { font-size:3rem; text-decoration:none; }
.discount { color:#999 !important; text-decoration:line-through !important; }

.productPricing { margin-top:20px; }
.twdc_quantityOuter input.qty, .sizeselect {
	padding: 7px 9px; width:100%; margin:0 0 20px 0;
    box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);border:1px solid #ccc; height:34px; outline:0;background:#fff none;font-size:1.4rem;line-height:1em; -moz-appearance:textfield;
}
.OSFA { padding-top:10px; padding-bottom:10px; font-size:2rem;}

.variationLine { width:100%; margin-top:10px; clear:both; display:block; overflow:hidden;}

.input-text { width:62px !important; font-size:2rem; text-align:center; border:none; font-family:bebas neue, arial;}
.remove { cursor:pointer;}

.carttotalline {font-family:Arial,sans-serif; color: #FA506B; font-size: 2.6rem; }
.actions { opacity:0; transition:all 0.3s; margin-bottom:10px; float:left; padding: 2px 5px; background:#fff; border-radius: 10px; text-decoration: none;}

.twdc_quantityOuter .plus,
.twdc_quantityOuter .minus {
    color: #fff !important; background:#6df; font-size:1.2rem; min-width:20px; cursor: pointer; padding:0; line-height:2rem;
}
#sctableouter .twdc_quantityOuter .plus,
#sctableouter.twdc_quantityOuter .minus {display:block; }

.twdc_quantityOuter .plus:hover, .twdc_quantityOuter .minus:hover { background: #8ef; }

.twdc_zoomimage { position:absolute; top:0; left:0; right:0; bottom:0; }
#magnifier { z-index: 999; position:absolute; width:100%; height:100%; left:0; top:0; cursor:move;}

#twdc_prodthumbsouter { -ms-flex-wrap:nowrap;flex-wrap:nowrap }
#twdc_prodthumbsouter img { max-height:100%; }
/* ad panel layouts */
.TWDCadLayout { width:120px; height:60px; float:left; margin:5px; transition:all 0.3s; background:url(https://storage.googleapis.com/ub_site_images/adLayoutOptions.png) no-repeat;  }
.oneSquare { background-position:-420px 0; }
.one16x9 { background-position:-420px -70px; }
.one4x3 { background-position:-420px -140px; }
.twoSquare { background-position:0 0;}
.threeSquare {background-position:-140px 0;}
.fourSquare {background-position:-280px 0;}
.two16x9 {background-position:0 -70px;}
.three16x9 {background-position:-140px -70px;}
.four16x9 {background-position:-280px -70px;}
.two4x3 {background-position:0 -140px;}
.three4x3 {background-position:-140px -140px;}
.four4x3 {background-position:-280px -140px;}
.splitRightTwo {background-position:0 -210px;}
.splitRightThree {background-position:-280px -210px;}
.splitLeftTwo {background-position:-140px -210px;}
.splitLeftThree {background-position:-420px -210px;}
.splitRight4x3Two {background-position:0 -280px;}
.splitLeft4x3Two {background-position:-140px -210px;}
.twentypxpadding { padding:10px 20px; }
.TWDCadLayout:hover { opacity:0.6; }
.TWDCliDivider { width:100%; clear:both; display:block; height:auto; }

.TWDCadParent66pc, .TWDCadParent50pc, .TWDCadParent100pc, .TWDCadParent25pc, .TWDCadParent33pc { overflow:hidden; float:left; width:66.6%;  transition:all 0.3s; }
.TWDCadParent100pc { width:100%; }
.TWDCadParent66pc { width:66.6%;  }
.TWDCadParent50pc { width:50%; }
.TWDCadParent25pc { width:25%; }
.TWDCadParent33pc { width:33.3%; }

.delServiceList li { float: left; cursor:pointer; margin:0 5px 5px 0; min-width:100px; max-width:45%; padding: 5px; border: 1px dotted #4cf; text-align: center; line-height:1.5rem; min-height:55px; }
.delServiceList li:after { content:'\00a3'attr(data-sc); display:block; }

.delServiceList li.litservice { cursor:auto; background:#4cf; border:1px solid #4cf; color:#fff; }
.product-subtotal { text-align:right; }
.cartTotal { text-align:right; padding-top:10px; margin:0 0 50px 0; font-size:3rem; font-family:'roboto', sans-serif; border-top:1px solid #ccc; width:100%; }
#TWDCupdcart { color:#fff; font-size:2rem; text-align:center; opacity:0; background:#fc6; padding:3px 10px 5px 10px; }
#TWDCupdcart:before { content:'\f071';}
.buttonupd { opacity:1 !important; }
.twdc_shipTo { margin-top:50px; font-size:2rem; color:#aaa; padding:34px 10px 20px 10px; background:#f8f8f8 url(https://storage.googleapis.com/ub_site_images/paperbg.png); }
.twdc_shipTo:after { content:' '; display:block; clear:both;}
.twdc_shipTo:empty:after { content:'no items to deliver'; display:block; clear:both;}

#twdc_sessionaddr { font-size:2rem; }
#twdc_tobebilled { background:#4cf url(https://storage.googleapis.com/ub_site_images/fibrebg.png); padding: 10px; color: #fff; font-size: 2rem; line-height:2.6rem; width: 100%; text-align:center; z-index:99;  }
#twdc_tobebilled:after { content:' '; width:15px; height:15px; background:inherit; transform:rotate(45deg); left:50%; margin-left:-7px; bottom:-7px; position:absolute; display:block;}
#twdc_secinfo:before, #twdc_tobebilled:before, .twdc_shipTo:before, #cartHeadline:before { position: absolute; left: -20px; top: -10px; border-radius: 100%; border: 3px solid #fff; box-shadow: 0 1px 2px #ccc; text-align: center; line-height:4.4rem; width:50px; height:50px; font-size:3rem; color: #fff; }

#twdc_secinfo:before, .twdc_shipTo:before, #twdc_tobebilled:before { background: #e6c680; top:-20px; text-shadow: 0 1px 2px #c6a660; }
.twdc_shipTo:before { content: '\f0d1'; }
#twdc_secinfo:before { content: '\f129'; }
#twdc_tobebilled:before { content: '\f09d'; }
#twdc_cadr { padding:10px; margin: -10px -10px 10px -10px; padding: 10px; background: #eeb url(https://storage.googleapis.com/ub_site_images/paperbg.png); box-shadow: 0 1px 2px #ddd; overflow:hidden; border-bottom:1px dashed #fff; }
.widePadd { padding:0 30px !important; }

#cartHeadline:before { content:'\f07a'; background:#80c6e6; text-shadow: 0 1px 2px #60a6c6; }
#cartHeadline { margin-top:30px; padding-left:40px; }
.buttonhidden { cursor:auto !important; display:none;}
#inputab { font-size:1.8rem; }
.mandatory::before { content:'\f069'; color:#4cF; font-size:1.6rem; }

#chkoutbtn { transition:all 0.3s; }
#entertherace { margin-top:40px; }
.checkoutButton, .checkoutButtonDis, .checkoutButtonPoll { color:#fff !important; display:block; clear:both; font-size:2.6rem; background:#4cf; border-radius:5px; line-height:5rem; margin:10px 0 30px 0; max-width:360px; text-align:center; width:100%; text-transform:uppercase; float:right; }
.checkoutButton { cursor:pointer; }
.checkoutButton:hover { background:#6df; }
.checkoutButtonDis, .checkoutButtonPoll { cursor:auto !important; background:#09F !important; }

.goToCart .checkoutButton { margin:0; line-height:3.6rem; padding-left:0;}
.twdc_cannotEnter .checkoutButton { display:none; }
#raceentryform { overflow:hidden; }

.dfield { flex:1 1 0 !important; }
.mfield { flex:2 1 0 !important; }
.yfield { flex:1 1 0 !important; }

.informmask.show:after { content:''; left: 0; right:0; transition:all 0.3s; height:30px; position:absolute; overflow:hidden; z-index:8000; background: url(https://storage.googleapis.com/ub_site_images/loadingGIF.gif) repeat-x #fff; }
.informmask { position:absolute; top:0; left:0; height:0; right:0; z-index:7999; background:#fff; opacity:0.66; }
.informmask.show { height:100%; }

.processingMask { left: 0; right:0; transition:all 0.3s; top:0; bottom:0; position:fixed; overflow:hidden; z-index:2000; background: url(https://storage.googleapis.com/ub_site_images/loadingGIF.gif) repeat-x #fff; opacity: 0;}
.fadeIn { opacity:0.5; }

.animwait { position:absolute; display:block; width:50px; height:50px; left:50%; top:50%; margin:-25px; color:#333; font-size:4rem; }
#TWDCSC { min-height:400px; font-family:'bebas neue', sans-serif; }

.child16x9, .child4x3, .childsquare, .childSquare, .TWDCadChildthird, .TWDCadChildhalf { transition:all 0.3s;cursor:pointer; }
.child16x9 { padding-bottom: 56.25%; }
.dt16x9mob9x16 { padding-bottom:56.25%; overflow: auto; scrollbar-width: none; }
.theForest { background:url(https://storage.googleapis.com/ub_site_images/TopoMap7.jpg); position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }
.forestBG { opacity:0.9;}
.theTNTForest { overflow: hidden;}
#fo { width:100%; height:100%; }

.child4x3 { padding-bottom: 75%; }
.childSquare, .childsquare { padding-bottom:100%; }
.TWDCadChildthird { padding-bottom:37.5%; }
.TWDCadChildhalf { padding-bottom:56.25%; }
.TWDCadChild4x3half { padding-bottom:75%; }


#editLayoutOuter { clear:both; overflow:hidden; height:300px; }
#pickLayoutSection { width:100%; overflow:hidden; height:300px; }

.TWDCadIMG { width:100%; transition:all 1.3s; }
.TWDCaspectCont {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	overflow:hidden;
	margin:2px;
}

.TWDCadParent100pc .TWDCaspectCont { margin:-7px !important; transform:translate3d(0px, 0px, 0px);}

.TWDCadPanelLink { position:absolute; top:0; left:0; width:100%; height:100%; z-index:500; }
.TWDCadPanelHeadline { position: absolute; bottom: 0; z-index: 1; width: 85%; padding: 20px; color:#fff; font-size:4rem; line-height:3.8rem; font-family:bebas neue, sans-serif; text-align:left; }
.TWDCadParent50pc .TWDCadPanelHeadline { font-size:3rem; line-height:2.8rem; }
.TWDCadParent25pc .TWDCadPanelHeadline { font-size:2rem; line-height:1.8rem; }
.TWDCadParent33pc .TWDCadPanelHeadline { font-size:2.6rem; line-height:2.4rem; color:#888; }

.TWDCppanelOuter { position:absolute; opacity:0; transition:all 0.3s; height:300px; width:800px; left:400px; top:0; }
.parameterPanel { width:400px; height:100%; float:left; transition:all 0.3s; }
.parameterPanel img { width:100%; }
.TWDCaspectCont:hover img { opacity:0.8; width:108%; margin:-4% 0 0 -4%;}

/* ---- end ad panel ------------*/

.sideBarMap .child16x9 { padding-bottom:36% !important; }

/*-------------------------end shop--------------------------------*/

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1440px) {
  .twdc_eventDescription { padding-left:40px; }
}

@media only screen and (max-width: 995px) {
	#twdc_eformStats { width:30% !important; }
	#twdc_eformFields { width:70% !important; }

	.main{
		width: auto;
		min-height: auto;
		height:100%;
	}

	.nowrap {
		white-space: normal;
	}

	#form input, #form textarea, #form .success {
	 width: 100% !important;
	}

	.topul>li{ margin-left: 20px; }

	.topul>li>a { font-size:1.2rem !important; }

	.topul>li:after { display: none; }

	header nav { padding-top: 0px !important; }
	.topul{display:none !important; float: none;}
	.hamicon { display:block; }
	.hamburgerOuter { display:block; }
	.socialButtons { margin-right:50px; }
	.topul>li>a { font-size:1.6rem !important; }
	article { padding:0 8px; }

	.topul>li:after { display: none; }
	.headerLIname { padding-left: 5px !important; }
}

@media screen and (max-width: 992px) {
  .colof4 { flex:50%; }
	.twdc_eventDescription { padding:0 20px; }
	.headerEventOV { width: calc(50% - 20px); }
}

@media only screen and (max-width: 767px) {
	.notMobile { display:none; }
	.twdc_subsalesOuter:before { left:inherit; font-size:1rem; color:#888; right:4px; top:-12px; }

	.raceSubText { line-height:2rem !important; font-size:1.8rem !important; text-align:left !important; }
  .headerEventOV h2 { font-size:2rem !important; line-height:2rem !important; padding:5px 0;}
	.rem3White { font-size:2rem !important; line-height:2.2rem !important; margin-left:-40px; }
	.headerEventOV { width:100% !important; right:0; padding:10px 20px; font-size:1.4rem !important; }
	.socialBar { flex-direction:column !important; }
	.socialBar .raceSubText { width:50%; max-width:50%; }
	.twdc_eventDescription { padding:0; }
	.descWrapper { padding:0 10px 10px 10px !important; }
	.menu_block { float: none !important; margin: 0 21px !important; }
 	.scrollDown { display:none; }
	.sideBarMap .child16x9 { padding-bottom: 56.25% !important; }
	.twdc_eventSummary { position:relative; }
	.twdc_flexpair { width:100%; max-width:100%; min-width:100%; }

  ul.hasBullet li { font-size:1.4rem !important; }
  .twdc_eventTotal.stuck-fixed { width:100% !important; left:0; max-width:100% !important; margin-top:0; }

  .logingreybox { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important;}

  .twdc_dividerLine { width: 100% !important; height:1px !important; border-right: none !important; border-bottom:1px solid #ccc; }
	.oauthdividerouter { width:100% !important; max-width:inherit !important; margin:20px 0;  display:flex !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; -ms-flex-direction:row !important; flex-direction:row !important;}

  .footerUmber .twdc_panelOuter:nth-child(2) { border-top:2px dotted #df2e1e; }

	header nav{
		float:none;
		color:#4D4D4C;
		background: none;
		padding-bottom: 10px;
		width: 100%;
		margin: 0 auto;
	}

	.receiptContainer {  -ms-flex-direction:column; flex-direction:column;}

  .nextActions > div { max-width:100% !important; min-width:100% !important; }
	.twdc_productPageOuter { padding-bottom:60px;  -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
	.twdc_productMetaPanel { flex:1 0 0; padding:0 5px !important; }

	.fullMenu .topul { display:none !important;	float: none;}

	nav select{ font:12px/15px roboto, sans-serif; color:#4D4D4C; width:100%; margin: 0 auto; float: none; outline: none; border:2px solid #424242; }

	.search_block {	padding-bottom: 10px !important; }
	.socialButtons { display:none !important; }

	.topul{display:none !important; float: none;}
	.hamicon { display:block; }
	.hamburgerOuter { display:block; }

	#search { width: 100%; height: 32px; margin: 20px 0; position: relative; }
	#search input{ width: 100%; height: 32px; padding-left: 40px; padding-right: 40px; }
	#search a { position: absolute; left: 0; top: 0; }
	.twdc_subeventlist { -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important; }

	.eventTitle { font-size:2rem !important; margin:10px 0; line-height:2.1rem !important; letter-spacing:0 !important; }

	.raceIcon { font-size:1.6rem !important; line-height:1.8rem !important; }

	.HPsummary { width:100% !important; }

	header h1 { float: none; }
	h1 a { margin: 0 auto; }

	.img_inner.fleft { float:  none; margin-right: 0 !important; }

	.blogSummaryImg { width:100%; padding:0 0 5px 0;}

	.halfWidth { width:100%; padding:0 10px; }
	.variationLabel { width:100% !important; }
	.quantity { width:100% !important; }
	.IBselectQty { width:100% !important; }

  .twdc_coOptions { flex-direction:column !important;  -ms-flex-align:center; align-items:center;}
  .twdc_coOptions > div { border-right:none; border-top: 1px dotted #ccc; }
  .twdc_coOptions > div:first-child { border-top:none; }
  .twdc_eventSummary { height:auto; width:100%; font-size:1.8rem; border-right:none; border-bottom:3px solid #fff;}
  .twdc_esummaryDesc { font-size:1.5rem; }

  .twdc_esummaryAnchor .TWDCeventAD { position:relative !important; }
  .twdc_esummaryAnchor .child16x9 { padding-bottom:inherit !important; }
  .twdc_mainEventInfo, .twdc_doubleColumn, .splitHalf { -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important; }
  .splitattab { -webkit-box-direction:normal !important; -ms-flex-direction:column !important; flex-direction:column !important; }
  #twdc_pdControl { max-width:48px !important; min-width:48px !important; }
  #twdc_pdControl a { font-size:3rem; }
  .twdc_pdpersonal:before { content:'\f2be';}
  .twdc_pdaddr:before { content:'\f015';}
  .twdc_pdpbs:before { content:'\f06d';}
  .twdc_pdgroups:before { content:'\f0c0';}
  .twdc_pdsocial:before { content:'\f1e0';}
  .twdc_pdcards:before { content:'\f09d';}
  .twdc_pdsubs:before { content:'\f1de';}
  .subbedBG { font-size:3rem; line-height:3rem;}
  .raceSubText { text-align:left; }
}

@media (max-aspect-ratio: 1/1) {
  .heroAR {padding-bottom:100%;}

  #twdc_seheader img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
  }
}

@media only screen and (max-width: 479px) {
  .inpagemap .twdc_ugdc { padding: 20px 0 !important; font-size: 3.4rem; margin:0 10px; }
  .inpagemap .viewperformance { font-size:1.6rem; }
  .vab { margin:0 10px; }
  .childHeader { padding-bottom:100%; }
  .notMobile { display:none; }
  .modalbutton, .modalok, .modalcancel, .modalopen, .modalunsub, .modalsub {font-size:1.2rem !important;}
  #twdc_entryForm { font-size:1.4rem; }
  .twdc_subeventlist.stuck-fixed { width:100% !important; padding:0 5px !important; left:0 !important; }
  .stuck-fixed .TWDCenterOnline { padding:10px; margin-top:0;}
  .stuck-fixed .twdc_salesOuter { display:none; }
  .twdc_ecOuter .UB-Qtitle { font-size:1.4rem; }
  .headerEventOV h2 { width: 100% !important; font-size:2rem !important; line-height:2rem !important; }
  .rem3White { display:none !important; }
  .bigButtons { width:100%; }
  .headerLIname { text-align: left !important; font-size: 1.3rem !important;}
  .twdc_eventDescription {text-align:left; font-size: 3.2vmin; line-height: 4vmin;}
  .dt16x9mob9x16 { padding-bottom: 178%; }
  .subbedBG { font-size:2.4rem; line-height:2.4rem;}
  .twdc_esummaryAnchor { width:100% !important; min-width:auto !important;}
  .greypanelcontainer { padding:10px !important; }
  #twdc_eventBill li { max-width:90% !important;  min-width:90% !important;}
  .input-text { width:36px !important; }
  .widePadd { padding:0px !important; }
  .mobpad { padding:0 10px !important; }
  .rowOf4 { flex-direction:column !important; }
  .splitmobile { flex-direction:column ! important; }
  .UB-QSubTitle { font-size: 1.6rem !important; line-height: 2rem !important; }
  ul.hasBullet li { font-size:1.2rem !important; }
  .twdc_rdevouter { overflow:auto; }
  .twdc_evminipanel { width:200px; max-width:200px; min-width:200px; }
  .twdc_rd_eventlist { overflow:auto; flex-wrap:nowrap !important; -webkit-box-pack:safe !important; -ms-flex-pack:safe !important;  }
  .formQuestion[data-man='Y']:before { right:-15px !important; }
  .breakhalf {  flex-direction:column !important;}
  .sideBarMap .child16x9 { padding-bottom: 56.25% !important; }

  .twdc_subeventprice { display:none !important; }
  .raceEntryTitlePast { font-size:1.4rem; line-height:1.8rem; padding:0; }
  #newAccountForm .formQuestion { width:100% !important;}
  #linkedBlogList li:before, .featuresOuter li[data-css]:before { left:50%; top:0; margin:-23px 0 0 -23px; width:44px !important; height:44px !important; border:3px solid #fff !important; border-radius:100% !important; box-shadow: 0 1px 2px #ccc;}
  li[data-css] { padding: 25px 5px 5px 5px !important; margin-bottom:20px !important; }
  .cb-meta h3 { font-size:1.2rem !important; }
  .attrValue, .attrName { text-align:center !important; }
  .lshInPage { font-size: 2.6rem; line-height: 2.8rem; }
  .featuresOuter li[data-css='wsq']:before, .featuresOuter li[data-css='itra']:before, .featuresOuter li[data-css='utmb']:before { height:60px !important; width:60px !important; left:30px !important; top:-10px !important; top:50% !important; margin-top:-30px !important; }

  .iconGroupTitle { margin-bottom:22px !important; }

  .twdc_eventTotal.stuck-fixed { box-shadow: 0 1px 2px #ccc; width:100% !important; margin: 0 !important; left: 0 !important; border-radius: 0 !important;}

  .twdc_hpBannerIMG { max-width: 250px !important; }
  .twdc_wbOuter a { line-height: 2.2rem; font-size:1.6rem; max-width:90%; }
  .homepageFixedImg { background-attachment:scroll !important; }
  .subeventPanel { padding:10px !important; }
  .raceSubText { font-size:1.8rem !important; text-align:left !important; line-height:2rem !important;}
  .noscroll { overflow:hidden; }

  .twdc_smallScreen { display:block !important; }
  .twdc_largeScreen { display:none !important; }
  footer { text-align: left;}
  .RDimage { max-height:80px !important; }
  .bigButtons li {margin: 0 10px; }
  .bigButtons li:after { font-size: 1.3rem; line-height: 1.5rem; }
  .product-remove { position: absolute !important; right: 0 !important; bottom:0 !important; }
  .twdc_extras li { padding-right:0 !important; }
  .twdc_extraItem { padding-right:20px !important; }
  .product-thumbnail { margin:5px !important; }
  .product-thumbnail:before { margin:0 !important; }
  #twdc_eformStats { width:inherit !important; }
  #twdc_eformFields { width:inherit !important; }
  #twdc_eventBill li { max-width:inherit !important;  min-width:240px !important;}
  .middle { font-size:5rem !important; }

  .eventTitle { font-size:2rem !important; margin:10px 0; line-height:2.1rem !important; text-transform:inherit !important; letter-spacing:0 !important; }
  .headerLogo { position:relative !important; max-width:inherit !important; }
  .headerLogo img { max-width:inherit !important; }
  .bigButtons { width:100% !important; }
  .ScaledIMG { max-height:120px !important; }

  footer a {	display: block;}
  .raceIcon { font-size:1.4rem !important; }
  .alreadyin { font-size:1.6rem !important; line-height:1.8rem !important; }
  ul.mini-cart { text-align:center !important; position: relative !important; right: 0 !important; top: inherit ;}

  .bigHeadline { font-size:2.6rem !important; }
  .mdthird { width:32% !important; }

  .mob3col .thirdWidth { margin:5px 0 !important;  display:flex; width:100%; }
  .mob3col .thirdWidth a { flex:2 1 0; }
  .mob3col .thirdWidth div { flex:1 1 0; }

  .mob3col { display:block !important; }

  .TWDCimgFL, .TWDCimgFR { float:none !important; margin:0 auto !important; display:block !important;}
  .TWDCCOWrapper { width:100%; min-width:100%; margin:20px 0 !important; }
}